@media only screen and (max-width:5000px){
    .jiejue_all .case_detail {
        padding-left: 81px;
        padding-right: 64px;
    }
    .jiejue_all .jiejue_left {
        width: 400px;
    }
    .jiejue_img{
        margin: 10px 0px;
        width: 300px;
        height: 240px;
    }
    .case_detail .jiejue_right_more{
        /*margin-top: 20px;*/
    }
    header nav .subnav{
        top: 42px;
    }

}
@media only screen and (max-width:1600px) {
    .static_bg {
        padding: 70px 0px!important;
    }
}
@media only screen and (max-width:1440px) {
    .jiejue_all .jiejue_left {
        width: 305px;
    }
    .centerBox{
        width: 80%;
        max-width: 100%;
        padding: 0 .2rem;
    }

    header nav a{
        padding: 0 .2rem;
    }

    header nav .subnav{
        min-width: 180px;
        max-width: 200px;
    }

    .section-1 .items .item-content{
        padding: 5px 20px;
    }

    .section-2 aside{
        margin: 0;
    }

    .section-3 .flex-box{
        padding: 0;
    }

    .section-3 .items{
        width: 24%;
        height: auto;
    }
    /*产品改*/
    .product-div .flex-box{
        padding: 0;
    }
    .product-div .items{
        width: 24%!important;
        height: auto;
    }


    .static_banner .wrapper section{
        font-size: .16rem;
        line-height: .36rem;
    }

    .static_banner .wrapper section h4{
        font-size: .32rem;
        margin-bottom: .2rem;
    }

    .static_banner .wrapper section .more{
        width: 1.5rem;
        margin: .35rem auto 0;
        font-size: .18rem;
        line-height: .5rem;
    }
    .Support{
        width: 100%;
        max-width: 100%;
        padding: .2rem;
    }

    .w1500{
        width: 100%;
    }
    .characteristic_items_four {
        width: 50% !important;
        height: auto !important;
    }

    header nav .subnav{
        top: 26px;
    }
    .characteristic_items {
        width: 50% !important;
        height: auto !important;
    }
    .characteristic_items_three {
        width: 33.33% !important;
        height: auto !important;

    }
    .static_Right .static_Right_img1 {
        right: 12%!important;
    }
    .static_Content .static_Left {
        padding-left: 19%!important;
    }
    .static_bg {
        padding: 35px 0px!important;
    }
    .tab-head {
        width: 100%!important;
        max-width: 100%!important;
    }
}



@media only screen and (max-width:1366px) {
    /*header nav{*/
    /*    justify-content:unset;*/
    /*}*/
    header nav a {
        padding: 0 0.1rem;
    }
    .body_text_left{
        width: 70% !important;
    }
    .connect{
        width: 78% !important;
    }
    .connect .items{
        margin: 0 0.16rem!important;
    }
    /*.centerBox{*/
    /*    width: 100%;*/
    /*}*/
    .section-1 .items .item-title{
        font-size: .18rem;
    }

    .section-1 .items .item-content{
        font-size: .14rem;
    }

    .section-2 aside{
        width: 50%;
    }

    .section-2 section{
        font-size: .18rem;
    }

    footer .Column-1{
        margin: 0;
    }

    footer .Column{
        flex: 1;
        width: auto;
        text-align: center;
    }

    .static_banner .wrapper section{
        font-size: .14rem;
        line-height: .28rem;
    }

    .static_banner .wrapper section h4{
        font-size: .28rem;
    }

    .sections .cases .flex-box{
        width: 100%;
    }

    .sections .cases section{
        font-size: 13px;
    }

    .sections .cases section h4{
        font-size: 14px!important;
    }
    header nav .subnav{
        top: 26px;
    }
    .static_Right .static_Right_img1 {
        height: 78% !important;
        top: 95px!important;
        right: 9%!important;
    }
    .static_bg {
        /*padding: 3px 0px!important;*/
    }
    .feet {
        width: 100% !important;

    }

}
@media only screen and (max-width:1262px){

}
@media only screen and (max-width:1200px) {
    .case_detail .desc {
        line-height: 28px!important;

    }
    .jiejue_all .jiejue_left {
        width: 254px;
    }
}
@media only screen and (max-width:1024px) {
    header .col-3 .tel{
        font-size: .14rem;
    }

    header nav a{
        font-size: .14rem;
    }
    .huanxing {
        flex-wrap:wrap;
    }
    .section-3 .items {
        /*width: 49%;*/
        height: auto;
    }
    .section-1 .flex-box{
        padding: .4rem .2rem;
    }

    .section-1 .items .icon{
        height: auto;
    }

    .section-1 .items .icon img{
        height: auto;
        width: 55%;
    }

    .sections .cases aside{
        width: 100%;
    }
    .sections .cases aside img{
        width: 75%;
        margin: 0 auto;
    }

    .sections .cases section{
        width: 75%;
        margin: 0 auto;
        padding: .2rem 0;
    }

    .login_box{
        width: auto;
    }

    .Register{
        padding: .5rem .2rem;
    }

    .Register .container{
        width: 100%;
        padding: 90px .2rem;
    }
    .product-div .items{
        /*display: flex;*/
        flex-flow: row wrap!important;
    }
    .jiejue_img {
        width: 280px;
        height: 224px;
    }
    .flex-box,.jiejue .jiejue_all{
        width: 95%!important;
    }
    .characteristic-tit-height {
        /*height: 113px!important;*/
        padding-left: 3px!important;
        padding-right: 3px!important;

    }
    .static_bg{
        padding: 26px!important;
    }
    .static_Right .static_Right_img1 {
        height: 70%!important;
        top: 73px!important;
        right: 9%!important;
    }
    .static_button{
        font-size: 14px!important;
        border-radius: 19px!important;
        height: 28px!important;
        line-height: 28px!important;
    }
    .banner_button{
        font-size: 14px!important;
        border-radius: 19px!important;
        height: 28px!important;
        line-height: 28px!important;
    }
    .static_Content .static_Left {
        padding-left: 8%!important;
    }
    .static_title {
        font-size: 24px!important;
        /*font-weight: 600!important;*/
        margin-bottom: 39px!important;
    }
    .static_Left .static_DesC {
        font-size: 15px!important;
        margin-bottom: 39px!important;
    }
    .body_text_left{
        font-size: 16px!important;
    }
    .static_title1{
        font-size: 28px!important;
    }
    .static_title2{
        font-size: 14px!important;
    }
    .title-font{
        font-size: 25px!important;
    }
    .connect .items img {
        width: 73px!important;
        height: 73px!important;
    }
    .body_text_left{
        width: 85% !important;
    }
    .connect{
        width: 90% !important;
    }
}
@media only screen and (max-width:857px){
    .product-div .items span {
        font-size: 14px;
        line-height: 25px;
    }
    .swiper-button-prev,.swiper-button-next {
        --swiper-navigation-size: 30px;
    }
    .body_text_left{
        width: 90% !important;
    }
    .connect{
        width: 100% !important;
    }
    .connect .items p{
        font-size: 13px!important;
    }
    .connect .items img {
        width: 67px!important;
        height: 67px!important;
    }
    .characteristic_all_items{
        width: 90% !important;
    }
    .earnings{
        width: 80% !important;
    }
    .earnings1{
        width: 80% !important;
    }

}
@media only screen and (max-width:768px) {
    .Register section .item input {
        width: 311px!important;

    }
    .jiejue_all .jiejue_left {
        width: 205px;
    }
    .mobile {
        display: block;
    }


    header {
        position: unset !important;
        padding: .24rem 0;
        height: auto;
    }


    /* menu-btn */
    header .menu-btn {
        position: relative;
        align-self: center;
        display: block;
        margin-right: .2rem;
        width: .35rem;
        height: .27rem;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
    }

    header .menu-btn:after {
        content: '';
        position: absolute;
        left: 0;
        top: 12px;
        width: 100%;
        height: 2px;
        background: #000;
    }

    /* menu-layer */
    .menu-layer {
        display: none;
        width: 100%;
        position: absolute;
        top: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 10000;
    }

    .menu-layer.show {
        display: block;
    }

    /* menu-close */
    .menu-layer .icon-close {
        position: absolute;
        top: 4%;
        right: 5%;
        width: 16px;
        height: 16px;
        background: url(../images/icon-menu-close.png) center no-repeat;
        background-size: contain;
    }

    /* menu-container */
    .menu-layer .menu-container {
        position: absolute;
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        font-size: .16rem;
    }

    .menu-layer .menu-container a {
        display: block;
        height: 55px;
        font-size: .24rem;
        line-height: 55px;
        padding-left: .5rem;
        color: #fff;
        border-bottom: 1px solid #5a5a5d;
    }

    .menu-layer .menu-container button {
        display: block;
        height: 55px;
        font-size: .24rem;
        line-height: 55px;
        padding-left: .5rem;
        color: #fff;
        border-bottom: 1px solid #5a5a5d;
        background: inherit;
        width: 100%;
    }

    .mobilemenu-noshow {
        display: none;
    }

    .mobilemenu-show {
        display: block;
    }

    /* header */
    header .col-3 .logo {
        width: 1.55rem;
        height: auto;
    }

    header .col-3 .tel {
        display: none;
    }

    header nav .item {
        display: none;
    }

    header .member a {
        padding: 0 .2rem;
        line-height: .45rem;
    }

    .banner .swiper-pagination {
        display: none;
    }

    /* Index sections */
    .sections .section {
        padding-top: .3rem;
    }

    .sections .action-title {
        font-size: 21px;
        padding: 14px;
    }

    .section-1 .items {
        display: flex;
        margin-bottom: .15rem;
        padding: .15rem .2rem;
        width: 100%;
        background: #fff;
    }

    .jiejue > .desc {
        font-size: 16px !important;
    }

    .section-1 .items .icon {
        width: 30%;
        margin-bottom: 0;
        padding: .2rem;
    }

    .section-1 .items .icon img {
        width: 100%;
    }

    .section-1 .items section {
        width: 70%;
    }

    .section-1 .items .item-title {
        text-align: left;
        font-size: .24rem;
        font-weight: bold;
    }

    .section-1 .items .item-content {
        padding: 0;
        line-height: .4rem;
    }

    .section-2 {
        padding-bottom: 0;
    }

    .section-2 aside {
        width: 100%;
    }

    .section-2 section {
        padding: .2rem;
        line-height: .38rem;
    }

    .section-2 section .more {
        width: 40%;
        margin-top: .45rem;
        padding: 0 .35rem;
        height: .58rem;
        line-height: .58rem;
    }

    .section-3 {
        padding: 0 .2rem .35rem;
    }

    .section-3 .items {
        width: 48%;
        margin-bottom: .2rem;
        padding: .15rem;
    }

    .section-3 .items .item-title {
        /*font-size: .26rem;*/
        /*line-height: .35rem;*/
    }

    .section-3 .items .item-content {
        font-size: 13px;
        line-height: .28rem;
    }

    .section-3 .more {
        width: 40%;
        margin-top: .45rem;
        padding: 0 .35rem;
        height: .58rem;
        line-height: .58rem;
    }

    /*产品改*/
    .product-div {
        padding: 40px 0px;
    }

    .product-div .items {
        width: 48%!important;
        margin-bottom: .2rem;
        padding: .15rem;
    }

    .product-div .items .product-title {
        /*font-size: .26rem;*/
        line-height: .35rem;
    }

    .product-div .items .product-describe {
        /*font-size: .14rem;*/
        font-size: 13px;
    }

    header nav .subnav {
        top: 26px;
    }


    /* footer */
    footer {
        display: none;
    }

    .m-footer {
        display: flex;
        justify-content: center;
    }

    .m-footer a {
        width: 20%;
        padding: .64rem 0 .12rem;
        color: #515151;
        font-size: .16rem;
        text-align: center;
        background: url(../images/m_foot_01.png) no-repeat center .12rem;
        background-size: .5rem .5rem;
    }

    .m-footer .active {
        color: #4376de;
    }

    .m-footer a:nth-child(2) {
        background: url(../images/m_foot_02.png) no-repeat center .12rem;
        background-size: .5rem .5rem;
    }

    .m-footer a:nth-child(3) {
        background: url(../images/m_foot_03.png) no-repeat center .12rem;
        background-size: .5rem .5rem;
    }

    .m-footer a:nth-child(4) {
        background: url(../images/m_foot_04.png) no-repeat center .12rem;
        background-size: .5rem .5rem;
    }

    .m-footer a:nth-child(5) {
        background: url(../images/m_foot_05.png) no-repeat center .12rem;
        background-size: .5rem .5rem;
    }

    .static_banner .wrapper {
        width: 94%;
    }

    .static_banner .wrapper section {
        padding-left: .15rem;
        font-size: .12rem;
        line-height: .24rem;
    }

    .static_banner .wrapper section h4 {

        font-size: .18rem;
        margin-bottom: .1rem;
    }

    .static_banner .wrapper section .more {
        margin: .15rem auto 0;
        font-size: .14rem;
        line-height: .28rem;
        padding: 0 .2rem;
        border: 1px solid #fff;
    }

    .sections .cases aside img {
        width: 100%;
    }

    .sections .cases section {
        width: 100%;
    }

    .Support .container,
    .Support .aside {
        width: 100%;
    }

    .Support .block {
        margin-top: 0;
        margin-bottom: .2rem;
        min-height: auto;
    }

    .section-bottom {
        padding: .2rem 0;
        color: #fff;
        background: #303133;

    }

    .section-bottom p {
        font-size: .14rem;
        line-height: .48rem;
        text-align: center;
    }

    .section-bottom a {
        display: inline-block;
        margin: 0 6px;
    }

    .l-header {
        display: none;
    }

    .login_box {
        width: 65%;
        margin: 0 auto;
    }

    .Login_container .section {
        width: 100%;
    }

    .Login_container .copyRight {
        display: none;
    }

    .case_detail .jiejue_right_more {
        margin-top: 0px;
        width: 72px !important;
        height: 30px !important;
        font-size: 14px !important;
    }

    .jiejue_img {
        width: 225px;
        height: 180px;
    }

    .jiejue_all .jiejue_left {
        width: 338px;
    }

    .jiejue_all .case_detail {
        padding-left: 11%;
        padding-right: 11%;
    }

    .characteristic {
        /*height: 205px!important;*/
        font-size: 13px!important;
        line-height: 1.6!important;
    }
    .characteristic-tit{
        font-size: 16px!important;
        line-height: 1.5!important;
    }
    .case_detail .title {
        font-size: 18px !important;
    }
    .title-font{
        font-size: 22px!important;
    }
    .body_text_left {
        font-size: 14px!important;
        padding-top: 4px!important;
    }
    .earning_text {
        font-size: 13px!important;
        line-height: 22px!important;
    }
    .earning_info h4 {
        margin-bottom: 6px!important;
        font-size: 16px!important;
    }
    .characteristic_img_div {
        margin: auto!important;
        height: 120px!important;
        width: 120px!important;
    }
    .characteristic_img {
        height: 100px!important;
        width: 100px!important;
        margin: auto!important;
    }
    .static_title1 {
        font-size: 24px!important;
        /*font-weight: 600!important;*/
    }
    .static_title2 {
        font-size: 12px!important;
        /*font-weight: 600!important;*/
        margin-bottom: 39px!important;
    }
    .static_ourbg{
        padding: 139px 0px!important;
    }
    .connect .items img {
        width: 55px!important;
        height: 55px!important;
    }
    .jiejue_all .jiejue_left .item_title .text{
        font-size: 14px!important;
    }
    .case_detail .desc{
        font-size: 12px!important;
    }
}
@media only screen and (max-width:645px) {
    .Register section .item input {
        width: 216px!important;

    }
    header .menu-btn:after{
        top: 7px;
    }

    .static_banner .wrapper section{
        display: none;
    }

    .static_banner .text{
        flex: 1;
        color: #fff;
        padding-left: .15rem;
        font-size: .12rem;
        line-height: .24rem;
    }

    .static_banner .wrapper .text h4{
        font-size: .18rem;
        margin-bottom: .1rem;
    }

    .static_banner .wrapper .text .more{
        display: block;
        width: 65%;
        text-align: center;
        margin: .15rem auto 0;
        font-size: .14rem;
        line-height: .36rem;
        padding: 0 .2rem;
        border: 1px solid #fff;
    }

    .aboutus article{
        width: 90%;
    }

    .connect .items{
        width: 80%;
        margin-bottom: .2rem;
        text-align: left;
        line-height: .5rem;
        overflow: hidden;
        margin: 9px 0.16rem!important;
        padding: 10px 8px;
    }

    .connect .items img{
        float: left;
        width: .8rem;
        margin: 0;
        margin-right: .2rem;
    }


    .jiejue_all .jiejue_left {
        width: 175px;
    }
    .jiejue_all .jiejue_left .item_title .text {
        padding: 17px 9px!important;
        line-height: 27px!important;
    }
    .characteristic_img_div {
        height: 110px!important;
        margin: 10px auto!important;
    }
    .characteristic_img {
        height: 110px!important;
        width: 110px!important;
        margin: auto!important;
    }
    .jiejue .jiejue_all{
        width: 96% !important;
    }
    .jiejue_all .case_detail{
        padding-top: 30px!important;
        padding-left: 8% !important;
        padding-right: 8% !important;
    }
    .swiper-button-prev, .swiper-button-next {
        --swiper-navigation-size: 20px;
    }
    .earning{
        padding: 0 28px!important;
    }
    .characteristic_img, .earning_pic img {
        height: 95px!important;
        width: 95px!important;
    }
    .earning_info{
        margin-left: 19px!important;
    }
    .static_Btn .static_button {
        padding: 1px 14px!important;
        font-size: 10px!important;
        height: 20px!important;
        line-height: 20px!important;
    }
    .static_Right .static_Right_img1 {
        height: 59%!important;
        top: 63px!important;

    }
    .static_title {
        font-size: 18px!important;
        font-weight: 500!important;
        margin-bottom: 18px!important;
    }
    .banner_Btn .banner_button {
        padding: 1px 6px!important;
        font-size: 10px!important;
        height: 18px!important;
        line-height: 18px!important;
    }

}
@media only screen and (max-width:510px) {

    .banner_Btn .banner_button {
        padding: 0px 3px!important;
        font-size:8px!important;
        height: 15px!important;
        line-height: 15px!important;
    }
    .case_detail .desc{
        line-height: 26px!important;
    }
    .jiejue_all .jiejue_left .item_title .text {
        padding: 13px 9px!important;
    }
    .characteristic_img, .earning_pic img {
        height: 75px!important;
        width: 75px!important;
    }
    .characteristic_img_div {
        height: 105px !important;
    }
    .Register section .item input {
        width: 152px!important;
    }
}
@media only screen and (max-width:490px) {
    .characteristic_all_items,.flex-box{
        width: 100% !important;
    }
    .product-title,.section-3 .items .item-title{
        font-size: 16px!important;
    }
    .case_detail .desc ,.characteristic{
        font-size: 13px!important;
    }
    .jiejue_img {
        width: 170px;
        height: 136px;
    }
    .case_detail .title{
        font-size: 16px!important;
        line-height: 30px!important;
    }
    .jiejue_all .jiejue_left .item_title .text{
        line-height: 22px;
    }
    .jiejue_all .jiejue_left {
        padding-top: 75px!important;
        padding-bottom: 74px!important;
    }
    .characteristic-tit-height {
        font-size: 16px!important;

    }
    .static_Left .static_DesC {
        font-size: 13px!important;
        margin-bottom: 26px!important;
        line-height: 1.4!important;
    }
    .static_Content .static_Left {
        padding-left: 5%!important;
    }
    .static_Btn {
        margin-bottom: 27px!important;
    }

    .banner_Btn {
        margin-bottom: 27px!important;
    }

    .banner_button_more {
        margin-left: 5px!important;
    }
    .static_button_login {
        margin-left: 5px!important;
    }
    /*.characteristic-titheight {*/
    /*    height: 30px!important;*/
    /*}*/
    .body_text_left{
        font-size: 13px!important;
        line-height: 1.6!important;
    }
    .static_title1{
        font-size: 20px!important;
    }
    .static_title2{
        font-size: 10px!important;
    }
    .title-font{
        font-size: 19px!important;
        /*margin-bottom:0px!important;*/
    }
    .static_ourbg{
        padding: 113px 0px!important;
    }
    .static_title2 {
         margin-bottom: 0px!important;
    }
    .connect .items p {
        font-size: 12px!important;
    }
    .connect .items img {
        width: 46px!important;
        height: 46px!important;
    }
    /*.jiejue_all .jiejue_left .item_title .text{*/
    /*    font-size: 13px!important;*/
    /*}*/
    .Support .block h4{
        font-size: 14px!important;
    }
    .Support .block{
        font-size: 13px!important;
    }

}

@media only screen and (max-width:435px) {
    .Register section .item span{
        width: 24%;
    }
    .Register section .item input {
        width: 135px!important;
    }
    .case_detail .desc,.product-describe {
        line-height: 21px!important;
    }
}
@media only screen and (max-width:414px) {

    .login_box{
        width: 90%;
    }

    .Register .container{
        padding: .5rem .2rem;
    }

    .submit input{
        width: 65%;
    }

    .Register section .item button{
        width: 115px;
        height: .4rem;
    }

    .Register section .item span.required{
        background: url(../images/bitian.png) no-repeat 93% 10%;
    }
    .product-div .items {
        /*width: 90%;*/
        /*margin: auto;*/
    }
    .section-3 .items {
        /*width: 90% !important;*/
        margin: 11px auto!important;
    }

    /*.characteristic_items_four,.characteristic_items,.characteristic_items_three{*/
    /*    width: 100% !important;*/
    /*}*/
    .characteristic {
        /*height: 166px!important;*/
        /*height: max-content!important;*/
        margin-bottom: 30px!important;

    }
    .connect .items img {
        width: 39px!important;
        height: 39px!important;
    }
    /*.static_Content {*/
    /*    flex-wrap: wrap;*/
    /*}*/
    .static_Content .static_Left {
        width: 100%!important;
    }
    .static_Content .static_Right {
        width: 100%!important;
    }
    .static_Right .static_Right_img1 {
        height: 58% !important;
        top: 25%!important;
        opacity: 0.3;
        right: -13px!important;
    }
    .static_div_all,.static_Content .static_Right{
        overflow: unset!important;
    }
    .characteristic-tit {
        /*height: max-content!important;*/
        /*height: 31px!important;*/
    }
    .characteristic-tit-height {
        /*height: 86px!important;*/
    }
}

@media only screen and (max-width:384px) {
    .Register section .item button{
        width: 145px;
    }

    .Register section .item input.verifyCode{
        width: 145px;
    }
    .earning_pic img {
        height: 81px!important;
        width: 81px!important;
    }
    .earning {
        padding: 0 7px!important;
    }
    .earnings {
        width: 90% !important;
    }
    .earnings1 {
        width: 90% !important;
    }
    .earning_info {
        margin-left: 3px!important;
        padding: 19px 0;
    }
}

@media only screen and (max-width:375px) {
    .jiejue_img {
        width: 135px;
        height: 108px;
    }
    /*.banner_Btn {*/
    /*    margin-bottom: -16px!important;*/
    /*    margin-left: 25% !important;*/
    /*}*/
    .case_detail .desc{
        margin-top: 0px!important;
    }
}

@media only screen and (max-width:360px) {
    .search-div .serach-right .getkey .getinput {
        font-size: 14px!important;
        padding-right: 42px!important;
        padding-left: 30px!important;
    }
    .search-div .serach-right .search-img {
        right: 26px!important;
        width: 24px!important;
        height: 22px!important;
        background-size: 23px!important;
    }
}

@media only screen and (max-width:280px) {
    .jiejue_all .jiejue_left {
        padding-top: 75px!important;
        padding-bottom: 74px!important;
    }
    .case_detail .desc {
        line-height: 22px!important;
        margin-bottom: 2px!important;
    }
    .section-3 .more {
        width: 55%;
    }
    .all_text-mid{
        padding: 0px!important;
    }
    .static_ourbg {
        padding: 63px 0px!important;
    }
    .body_text_left {
        width: 92% !important;
    }
    .connect .items {
        width: 90% !important;
    }
    .banner_Btn {
        margin-left: 14% !important;
    }
    .Support .block {
        line-height: 16px;
    }
}