.banner_1{
    width: 100%;
    height: 440px;
    margin-top: 63px;
    background-image: url("../image/wzjs/banner.png");
    background-position: center;
    background-repeat: no-repeat;
}
.banner_img{
    width: 100%;
    margin-top: 77px;
}
.wzjs_tit{
    width: 100%;
    text-align: center;
    margin-top: 90px;
    margin-bottom: 80px;
    color: #404040;
}
.wzjs_tit>p{
    font-size: 5.5rem;
    text-transform: Uppercase;
    margin-bottom: 28px;
}
.wzjs_tit>span{
    font-size: 2.4rem;
}
.wzjs_box{
    width: 100%;
    margin-bottom: 136px;
}
.wzjs_box .wzjs_icon{
    padding: 0px 47px;
    width: 39.5%;
    border: 1px solid #eeeeee;
    text-align: center;
    float: left;
}
.wzjs_box .wzjs_icon>p{
    color: #3e3e3e;
    font-size: 2.4rem;
    margin: 30px 0px 12px;
}
.wzjs_box .wzjs_icon>img{
    width: 100%;
}
.wzjs_box .wzjs_icon>a{
    color: #d60c1a;
    font-size: 1.8rem;
    display: inline-block;
    padding: 7px 40px;
    border: 1px solid #d60c1a;
    margin: 21px 0px 31px;
    border-radius: 10px;
}
.wzjs_box .wzjs_icon>a:hover{
    color: #fff;
    background-color: #d60c1a;
}
.wzjs_box .wzjs_text{
    padding-left: 90px;
    width: 60.5%;
    border: 1px solid #eeeeee;
    border-left: none;
    float: left;
}
.wzjs_box .wzjs_text>div{
    width: 100%;
    position: relative;
    height: 144px;
    border-bottom: 1px solid #eeeeee;
    color: #404040;
}
.wzjs_box .wzjs_text>div>div{
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}
.wzjs_box .wzjs_text>div p{
    font-size: 2.1rem;
    margin-bottom: 20px;
}
.wzjs_box .wzjs_text>div span{
    font-size: 1.4rem;
    line-height: 30px;
}
.wzjs_box .wzjs_text>div p:hover{
    color: #df0012;
}

.web_Bxo{
    width: 100%;
    background-image: url("../image/wzjs/bg.png");
    background-position: center;
    background-color: #8d72e8;
}

.web_Bxo .box1{
    width: 100%;
    padding-top: 90px;
}
.web_Bxo .box1 .num{
    padding-left: 35px;
    display: inline-block;
    font-size: 13rem;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(#fff 20%, #8d72e8 60%); /* Safari 5.1 - 6.0 */
    background-image: -o-linear-gradient(#fff  20%, #8d72e8 60%); /* Opera 11.1 - 12.0 */
    background-image: -moz-linear-gradient(#fff  20%, #8d72e8 60%); /* Firefox 3.6 - 15 */
    background-image: linear-gradient(#fff  20%, #8d72e8 60%); /* 标准的语法 */
}
.web_Bxo .box1 .title{
    display: block;
    font-size: 3.6rem;
    color: #fff;
    line-height: 50px;
    margin-top: -40px;
    margin-bottom: 54px;
    text-align: left;
}
.web_Bxo .box1>span{
    font-size: 16px;
    color: #ffffff;
    display: block;
    margin-bottom: 20px;
}
.web_Bxo .box1>a{
    color: #fff;
    font-size: 1.8rem;
    display: inline-block;
    padding: 20px 35px;
    border-radius: 30px;
    margin-top: 33px;
    margin-bottom: 50px;
    background: -webkit-linear-gradient(left,#49f1e5, #20b0fc); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#49f1e5, #20b0fc); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#49f1e5, #20b0fc); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,#49f1e5, #20b0fc); /* 标准的语法 */
    transition: all .5s;
}
.web_Bxo .box1>a:hover{
    transform: translateY(-5px);
}
.web_Bxo .box1>div{
    color: #ffffff;
    font-size: 1.6rem;
    margin-bottom: 100px;
}
.web_Bxo .img{
    width: 100%;
    height: 100%;
    padding: 144px 0px;
    text-align: center;
}

.custom-made{
    position: relative;
    width: 100%;
    padding-top: 110px;
    background-color: #f7fbfc;
}
.custom-made .box_left{
    width: 31%;
    padding-left: 35px;
    float: left;
}
.custom-made .box_left>p{
    color: #010101;
    font-size: 3.6rem;
    margin-bottom: 67px;
}
.custom-made .box_left>span{
    color: #666666;
    font-size: 1.6rem;
    line-height: 33px;
}
.custom-made .box_right{
    width: 69%;
    padding-left: 57px;
    float: right;
}
.custom-made-roll{
    padding: 0px 5px;
}
.custom-made-roll .roll_box{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
}
.custom-made-roll .roll_box>div{
    background-color: #fff;
    border-radius: 10px;
    padding: 19px 27px 0px;
    box-shadow: 0px 0px 5px 0px #cfcfcf;
    height: 168px;
    margin: 20px calc(25px / 2);
}
.custom-made-roll .roll_box>div>div{
    margin-bottom: 17px;
}
.custom-made-roll .roll_box>div>div>span{
    color: #8d72e8;
    font-size: 1.8rem;
    float: left;
    vertical-align: bottom;
    margin-top: 30px;
}
.custom-made-roll .roll_box>div>div>img{
    float: right;
    vertical-align: bottom;
}
.custom-made-roll .roll_box>div>span{
    color: #999999;
    font-size: 1.4rem;
    line-height: 22px;
    display: block;
}
.swiper-button-next.next, .swiper-button-prev.prev{
    width: 37px;
    height: 37px;
    background-color: #828282;
    background-image: none;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    line-height: 37px;
    border-radius: 50%;
    top: 225px;
}
.swiper-button-prev.prev{
    left: 450px;
}
.swiper-button-next.next{
    right: inherit;
    left: 500px;
}
.swiper-button-prev.prev:hover{
    background-color: #df0012;
}
.swiper-button-next.next:hover{
    background-color: #df0012;
}


.custom-made .course{
    width: 100%;
    margin-top: 64px;
    padding-left: 35px;
    color: #79979e;
    float: left;
    margin-bottom: 90px;
}
.custom-made .course>p{
    font-size: 1.8rem;
    margin-bottom: 50px;
}
.custom-made .course>span{
    font-size: 1.4rem;
}
.web_Bxo2{
    background-color: #fec311;
    background-image: url(../image/wzjs/bg2.png);
}
.web_Bxo2 .box1 .num{
    background-image: -webkit-linear-gradient(#fff 20%, #fec311 60%);
    background-image: -o-linear-gradient(#fff 20%, #fec311 60%);
    background-image: -moz-linear-gradient(#fff 20%, #fec311 60%);
    background-image: linear-gradient(#fff 20%, #fec311 60%);
}
.web_Bxo2 .box1>span{
    line-height: 40px;
}
.web_Bxo2 .img{
    padding: 192px 0px;
}


.marketing{
    width: 100%;
    background-color: #f7fbfc;
    padding-top: 110px;
}
.marketing .marketing_tit{
    text-align: center;
}
.marketing .marketing_tit>p{
    font-size: 3rem;
    color: #404040;
    margin-bottom: 12px;
}
.marketing .marketing_tit>p>span:nth-of-type(1){
    color: #fec61a;
}
.marketing .marketing_tit>span{
    color: #717171;
    font-size: 1rem;
}
.marketing .marketing_box{
    display: grid;
    grid-column-gap: 100px;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    padding-bottom: 110px;
}
.marketing .marketing_box>div{
    text-align: center;
    margin-top: 100px;
}
.marketing .marketing_box>div>img{
    margin-bottom: 20px;
    transition: all .5s;
}
.marketing .marketing_box>div>img:hover{
    transform: translateY(-10px);
}
.marketing .marketing_box>div>p{
    color: #404040;
    font-size: 1.8rem;
}
.plot{
    overflow: hidden;
    margin-bottom: 105px;
}
.plot .plot_left{
    width: 36%;
    float: left;
    margin-top: 130px;
}
.plot .plot_left>p{
    color: #1e1e1e;
    font-size: 3.2rem;
    line-height: 44px;
    margin-bottom: 71px;
}
.plot .plot_left>span{
    font-size: 1.4rem;
    color: #717171;
    line-height: 35px;
}
.plot .plot_left>a{
    color: #ffffff;
    font-size: 1.6rem;
    background-color: #fecb30;
    padding: 20px 75px;
    border-radius: 30px;
    margin-top: 65px;
    display: inline-block;
    transition: all .5s;
}
.plot .plot_left>a:hover{
    transform: translateY(-5px);
}
.plot .plot_right{
    float: right;
    width: 64%;
}
.plot .plot_right>div{
    width: 645px;
    height: 512px;
    float: right;
    position: relative;
}
.plot .plot_right>div>img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-65%);
    border-radius: 50%;
    box-shadow: 0px 0px 40px 0px #dbeef5;
    z-index: 3;
    background-color: #fff;
}
.plot .plot_right>div>div{
    width: 115px;
    height: 115px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    transition: all 1s;
    z-index: 2;
}
.plot .plot_right>div>div.item{
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%,-50%) scale(0);
}
.plot .plot_right>div>div:hover{
    /*transform: rotate(10deg);*/
}
.plot .plot_right>div>div>img{
    margin-bottom: 15px;
}
.plot .plot_right>div>div>p{
    font-size: 1.6rem;
    color: #ffffff;
    margin-bottom: 0px;
}
.plot .plot_right .box1{
    top: 142px;
    left: 0px;
    padding: 18px 0px;
    background: -webkit-linear-gradient(left bottom, #8488e2 , #2cd5d3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top right, #8488e2, #2cd5d3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, #8488e2, #2cd5d3); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top right, #8488e2 , #2cd5d3); /* 标准的语法（必须放在最后） */
}
.plot .plot_right .box2{
    top: 368px;
    left: 105px;
    padding: 16px 0px;
    background: -webkit-linear-gradient(left bottom, #f07876 , #fb9c46); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top right, #f07876, #fb9c46); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, #f07876, #fb9c46); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top right, #f07876 , #fb9c46); /* 标准的语法（必须放在最后） */
}
.plot .plot_right .box3{
    top: 368px;
    right: 105px;
    padding: 16px 0px;
    background: -webkit-linear-gradient(left bottom, #0093ff , #00cfff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top right, #0093ff, #00cfff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, #0093ff, #00cfff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top right, #0093ff , #00cfff); /* 标准的语法（必须放在最后） */
}
.plot .plot_right .box4{
    top: 142px;
    right: 0px;
    padding: 18px 0px;
    background: -webkit-linear-gradient(left bottom, #0093ff , #00cfff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top right, #0093ff, #00cfff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, #0093ff, #00cfff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top right, #0093ff , #00cfff); /* 标准的语法（必须放在最后） */
}

.plot .plot_right>div>i{
    display: block;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 525px;
    height: 525px;
    border: 2px solid #f7f7f7;
    z-index:1;
    border-radius: 50%;
}

.web_Bxo3{
    background-color: #f05353;
    background-image: url(../image/wzjs/bg3.png);
}
.web_Bxo3 .box1 .num{
    background-image: -webkit-linear-gradient(#fff 20%, #f05353 60%);
    background-image: -o-linear-gradient(#fff 20%, #f05353 60%);
    background-image: -moz-linear-gradient(#fff 20%, #f05353 60%);
    background-image: linear-gradient(#fff 20%, #f05353 60%);
}
.web_Bxo3 .box1>span{
    line-height: 40px;
}
.web_Bxo3 .img{
    padding: 75px 0px;
}
.template_box{
    width: 100%;
    display: grid;
    grid-column-gap: 100px;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    padding-bottom: 94px;
}
.template_box>div{
    text-align: center;
    margin-top: 87px;
}
.template_box>div>img{
    transition: all .5s;
}
.template_box>div>img:hover{
    transform: translateY(-10px);
}
.template_box>div>p{
    font-size: 2.4rem;
    color: #40af8f;
    margin-bottom: 20px;
}
.template_box>div>span{
    color: #9f9f9f;
    font-size: 1.6rem;
}
.template_box .box1>img{
    margin-bottom: 13px;
}
.template_box .box2>img{
    margin: 19px 0px;
}
.template_box .box3>img{
    margin: 20px 0px;
}
.web_Bxo4{
    background-color: #2d6fe9;
    background-image: none;
}
.web_Bxo4 .box1 .num {
    background-image: -webkit-linear-gradient(#fff 20%, #2d6fe9 60%);
    background-image: -o-linear-gradient(#fff 20%, #2d6fe9 60%);
    background-image: -moz-linear-gradient(#fff 20%, #2d6fe9 60%);
    background-image: linear-gradient(#fff 20%, #2d6fe9 60%);
}
.web_Bxo4 .box1>span {
    line-height: 40px;
}
.web_Bxo4 .img{
    padding: 215px 0px;
}
.web_Bxo4 .img>img{
    width: 80%;
}
.response{
    width: 100%;
    background-color: #f7fbfc;
}
.response .response_box{
    width: 100%;
    padding: 0px 100px;
}
.response .response_box>div{
    display: grid;
    grid-column-gap: 96px;
    grid-template-columns: repeat(auto-fill,minmax(259px,1fr));
    padding-bottom: 100px;
}
.response .response_box .box{
    position: relative;
    box-shadow: 0px 0px 30px 0px rgba(45,111,233,.2);
    margin-top: 100px;
    border-radius: 10px;
}
.response .response_box .box>img{
    width: 100%;
    border-radius: 10px;
}
.response .response_box .box>div{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 70px;
    text-align: center;
    border-radius: 10px;
}

.response .response_box .box>div>p{
    color: #404040;
    font-size: 1.8rem;
    margin-bottom: 18px;
}
.response .response_box .box>div>span{
    color: #404040;
    font-size: 1.4rem;
    display: block;
    margin-bottom: 80px;
 }
.response .response_box .box>div>img{
    display: block;
    margin: 0px auto;
}
.response .response_box .box>div>a{
    color: #404040;
    font-size: 1.4rem;
    display: inline-block;
    padding: 12px 36px;
    border-radius: 30px;
    margin-top: 47px;
    background: -webkit-linear-gradient(left,#3bcba3, #97f286);
    background: -o-linear-gradient(left,#3bcba3, #97f286);
    background: -moz-linear-gradient(left,#3bcba3, #97f286);
    background: linear-gradient(left,#3bcba3, #97f286);
}
.response .response_box .box>div.active{
    background-color: rgba(45,111,233,.7);
}
.response .response_box .box>div.active>p,.response .response_box .box>div.active>span{
    color: #ffffff;
}
.web_Bxo5 {
    background-color: inherit;
    background-image: url(../image/wzjs/bg4.png);
    background-size: 100% 100%;
}
.web_Bxo5 .box1>span {
    line-height: 40px;
}
.web_Bxo5 .box1 .num {
    background-image: -webkit-linear-gradient(#fff 20%, #2cafb4 60%);
    background-image: -o-linear-gradient(#fff 20%, #2cafb4 60%);
    background-image: -moz-linear-gradient(#fff 20%, #2cafb4 60%);
    background-image: linear-gradient(#fff 20%, #2cafb4 60%);
}
.web_Bxo5 .img{
    padding: 45px 0px;
}
.web_Bxo5 .img>img{
    border-radius: 35px;
}
.wx_box{
    width: 100%;
    display: grid;
    grid-column-gap: 28px;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    padding-bottom: 55px;
    margin-top: 120px;
}
.wx_box>div{
    border-radius: 5px;
    text-align: center;
    box-shadow: 0px 0px 30px 0px #f1f1f1;
    padding-top: 55px;
    transition: all .5s;
}
.wx_box>div:hover{
    transform: translateY(-10px);
}
.wx_box .title_box{
    width: 100%;
}
.wx_box .title_box>span{
    display: inline-block;
    width: 74px;
    height: 74px;
    text-align: center;
    background-color: #df0012;
    margin-right: 28px;
    color: #fff;
    font-size: 3rem;
    line-height: 74px;
    border-radius: 50%;
    vertical-align: super;
}
.wx_box .title_box .title{
    display: inline-block;
    color: #404040;
    text-align: left;
}
.wx_box .title_box .title>p{
    font-size: 3rem;
    margin-bottom: 5px;
}

.wx_box .title_box .title>span{
    font-size: 1.4rem;
}
.wx_box>div>span{
    display: block;
    color: #404040;
    font-size: 1.6rem;
    margin-top: 30px;
    margin-bottom: 20px;
}
.wx_box>div>img{
    width: 100%;
}
.web_fere{
    width: 100%;
    margin-bottom: 110px;
}
.web_fere .fere_img{
    width: 65.6%;
    position: relative;
    float: left;
    margin-right: 28px;
    transition: all .5s;
}
.web_fere .fere_img:hover{
    transform: translateY(-10px);
}
.web_fere .fere_img>img{
    width: 100%;
}
.web_fere .fere_img>div{
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 57px;
    padding-left: 24px;
    color: #ffffff;
}
.web_fere .fere_img p{
    font-size: 3rem;
    margin-bottom: 72px;
}
.web_fere .fere_img span{
    font-size: 1.8rem;
    text-transform: Uppercase;
    display: block;
}
.web_fere .fere_img span:nth-of-type(1){
    margin-bottom: 17px;
}
.web_fere .design_box{
    width: calc(34.4% - 28px);
    box-shadow: 0px 0px 30px 0px #f1f1f1;
    text-align: center;
    float: left;
    padding: 69px 0px;
    border-radius: 5px;
    transition: all .5s;
}
.web_fere .design_box:hover{
    transform: translateY(-10px);
}
.web_fere .design_box>div{
    width: 74px;
    height: 74px;
    background-color: #df0012;
    margin: 0px auto 6px;
    border-radius: 50%;
    padding: 20px 0px;
}
.web_fere .design_box>p{
    color: #404040;
    font-size: 1.8rem;
    margin-bottom: 16px;
}
.web_fere .design_box>span{
    font-size: 1rem;
    color: #999999;
}
.admin{
    width: 100%;
    background-image: url("../image/wzjs/admin_bg.png");
    background-repeat: round;
    padding-bottom: 105px;
}
.admin .admin_box{
    width: 100%;
}
.admin .admin_box .admin_left{
    float: left;
    width: calc(39% - 75px);
    margin-right: 75px;
    background-color: #df0012;
    border-radius: 10px;
    text-align: center;
    padding-bottom: 31px;
    margin-top: 105px;
    transition: all .5s;
}
.admin .admin_box .admin_left:hover{
    transform: translateY(-10px);
}
.admin .admin_box .admin_left>p{
    color: #ffffff;
    font-size: 3.6rem;
    display: block;
    margin:  35px 0px 31px;
}
.admin .admin_box .admin_left>span{
    color: #ffffff;
    font-size: 1.6rem;
    margin-bottom: 38px;
    display: block;
}
.admin .admin_box .admin_left>i{
    width: 90%;
    display: inline-block;
    height: 1px;
    background-color: #fff;
    margin-bottom: 44px;
}
.admin .admin_box .admin_left>div{
    width: 80%;
    color: #fff;
    font-size: 1.6rem;
    line-height: 33px;
    text-align: left;
    margin: 0px auto;
}
.admin .admin_box .admin_left>div>p{
    margin-bottom: 0px;
}
.admin .admin_box .admin_right{
    float: right;
    width: 61%;
    margin-top: 105px;
    transition: all .5s;
}
.admin .admin_box .admin_right:hover{
    transform: translateY(-10px);
}
.admin .admin_box .admin_right>img{
    width: 100%;
}


@media (max-width: 767px){
    .banner_img{
        margin-top: 0px;
    }
    .wzjs_tit{
        margin: 40px 0px;
    }
    .wzjs_tit>p{
        font-size: 2.7rem;
    }
    .wzjs_tit>span{
        font-size: 1.5rem;
    }
    .wzjs_box .wzjs_icon,.wzjs_box .wzjs_text{
        width: 100%;
    }
    .wzjs_box .wzjs_text{
        padding: 0px 10px;
    }
    .wzjs_box{
        margin-bottom: 40px;
    }
    .web_Bxo .box1{
        padding-top: 40px;
    }
    .web_Bxo{
        background-image: none !important;
    }
    .web_Bxo .box1 .title,.web_Bxo .box1>span{
        padding-left: 10px;
    }
    .web_Bxo .box1>span{
        line-height: 25px;
    }
    .web_Bxo .box1 .title{
        font-size: 2.7rem;
    }
    .web_Bxo .img{
        padding: 40px 0px !important;
    }
    .web_Bxo .img>img{
        width: 90% !important;
    }
    .web_Bxo .box1>div{
        display: none;
    }
    .web_Bxo .box1>a{
        margin-left: 10px;
    }
    .custom-made .box_left{
        width: 100%;
        padding: 0px 10px;
    }
    .custom-made .box_left>p{
        text-align: center;
        font-size: 2rem;
    }
    .custom-made .box_right{
        width: 100%;
        padding-left: 0px;
    }
    .custom-made .course{
        padding: 0px 10px;
    }
    .custom-made .course>span{
        line-height: 20px;
    }
    .marketing{
        padding-top: 80px;
    }
    .marketing .marketing_box{
        padding-bottom: 80px;
    }
    .plot .plot_left{
        width: 100%;
    }
    .plot .plot_left{
        margin-top: 80px;
        padding: 0px 10px;
    }
    .response .response_box{
        padding: 0px;
    }
    .web_Bxo5 {
        background-image: url(../image/wzjs/bg4.png) !important;
        background-size: 100% 100%;
    }
    .wx_box>div{
        margin-top: 40px;
    }
    .wx_box{
        margin-top: 40px;
        padding-bottom: 40px;
    }
    .web_fere .design_box{
        width: 100%;
    }
    .web_fere{
        margin-bottom: 0px;
    }
    .admin .admin_box .admin_left{
        width: 100%;
        margin-right: 0px;
    }
    .admin .admin_box .admin_right{
        width: 0px;
    }
}