/* 1920以上 - 大屏 */
@media only screen and (min-width: 1950px) {
    .appProductList {
        display: none;
    }

    .map .about_ent {

        width: 550px;

        height: 550px;

    }



    .map .about_ent div {

        margin: 145px auto 90px 80px;

        font-size: 22px;

    }



    .map .about_ent div span {

        width: 20px;

        height: 20px;

        margin-right: 8px;

    }



    .map .about_ent p {

        font-size: 18px
    }



    .container-product .titleList li {

        margin: 0 45px;

        font-size: 20px;

    }



    .container-product {

        margin-bottom: 70px;

        margin-top: 280px;

    }



    .header .container>a img {

        height: 60px;

    }



    .header {

        height: 85px;

    }



    .header .container {

        height: 85px;

        line-height: 85px;

    }



    .header .container .topList li {

        font-size: 15px;

    }



    .top-swiper .swiper-pagination-bullet-active {

        width: 80px;

    }



    .top-swiper .swiper-button-prev,

    .top-swiper .swiper-button-next {

        background-size: 55px;

        width: 55px;

        height: 55px;

    }



    .aboutInx .container h2 {

        font-size: 100px;

    }



    .aboutInx .container p {

        line-height: 50px;

        font-size: 23px;

    }



    .case .caseList {

        width: 1465px;

    }



    .case .caseList .box .img img {

        width: 355px;

        height: 355px;

    }



    .case .caseList .box .title {

        font-size: 22px;

        margin: 0 auto 35px;

    }



    .case .caseList .box span {

        font-size: 18px;

        margin: 35px auto 0;

    }



    .draw::before,

    .draw::after {

        border: 5px solid transparent;

    }



    .service .absolute-center .menu li {

        font-size: 22px;

    }



    .service .absolute-center .tabdysBox_item img {

        width: 100%;

        height: 100%;

    }



    .service .swiper-pagination span.swiper-pagination-bullet-active {

        width: 80px;

    }



    .service .absolute-center .tabdysBox_item .sec4_ent .title {

        font-size: 19px;

    }



    .service .absolute-center .tabdysBox_item .sec4_ent p {

        font-size: 18px;

    }



    .bom .dfex_bom p {

        font-size: 15px;

    }



    .case {

        padding: 600px 380px;

    }



    .service {

        padding: 650px 200px;

    }



    .service .absolute-center .tabdysBox_item {

        height: 750px;

    }



    .service .absolute-center {

        width: calc(100% - 500px);

    }



    .service .absolute-center .tabdysBox_item {

        width: 90%;

    }

}


/* 1600屏幕下 */
@media only screen and (max-width: 1600px) {
    
.case-listTop .menu .leftTop {
    margin-left: -8px;
}

    .container-case .case-listTop,
    .container-case .containerBox {
        display: flex;
        width: 1300px;
        /* width: 1520px; */
    }

    .container-case .containerBox .right {
        width: 920px;
    }

    .container-case .containerBox .left {
        width: 370px;
    }

    .container-case .containerBox {
        height: 460px;
    }

    .pro1 {
        width: 1350px !important;
        height: 410px !important;
    }

    .prolist .bgimg {
        width: 1220px !important;
        height: 260px !important;
    }

    .prolist ul {
        width: 1220px !important;
        padding: 0 65px !important;
    }

    .prolist ul li .mapRig {
        height: 260px !important;
    }

    .prolist ul li img {
        height: 260px !important;
    }

    .pro1 ul li img {
        left: -80% !important;
    }

    .service .absolute-center .tabdysBox_item {

        width: 100%;

    }



    .aboutInx .container h2 {

        font-size: 65px;

        margin-bottom: 55px;

    }



    .aboutInx .container p {

        letter-spacing: 1px;

        line-height: 38px;

    }



    .service .absolute-center {

        width: calc(100% - 300px);

    }



    .service .absolute-center .tabdysBox_item {

        height: 520px;

    }

}

/* 1500频幕下 */
@media screen and (max-width:1500px) {
    .case-listTop .menu .leftTop {
        margin-left: -14px;
      }

    .container-case .case-listTop,
    .container-case .containerBox {
        display: flex;
        width: 1150px;
        /* width: 1520px; */
    }

    .container-case .containerBox .right {
        width: 830px;
    }

    .container-case .containerBox .left {
        width: 310px;
    }

    .container-case .containerBox {
        height: 460px;
    }


    .aboutInx .container h2 {

        font-size: 60px;

        letter-spacing: 33px;

    }



    .aboutInx .container p {

        line-height: 38px;

        font-size: 17px;

    }



    .tab-title li a {

        font-size: 17px;

    }



    .contact {

        background-size: 100%;

    }



    .aboutInx {

        width: 100%;

        /* height: 70vh */

    }



    .aboutInx .container h2 {

        font-size: 45px;

    }



    .aboutInx .container p {

        line-height: 35px;

    }



    .case .caseList {

        width: auto;

    }

}

/* 1400频幕下 */
@media screen and (max-width:1400px) {

    .container-case .case-listTop,
    .container-case .containerBox {
        width: 1000px;
    }

    .container-case .containerBox .right {
        width: 710px;
    }

    .container-case .containerBox .left {
        width: 280px;
    }

    .container-case .containerBox {
        height: 460px;
        height: 380px;
    }

    .container-case .containerBox .right .swiper-button-next,
    .container-case .containerBox .right .swiper-button-prev {
        background-size: 40px;
    }

    .pro1 {
        width: 1050px !important;
        height: 320px !important;
    }

    .prolist .bgimg {
        width: 920px !important;
        height: 200px !important;
    }

    .prolist ul {
        width: 920px !important;
    }

    .prolist ul li .mapRig {
        height: 200px !important;
    }

    .prolist ul li img {
        height: 200px !important;
    }

    .prolist ul li .title {
        top: 75%;
        font-size: 18px;
    }

    .prolist ul li .icon {
        top: 90%;
    }


    .aboutInx .container h2 {

        font-size: 50px;

        font-weight: unset;

        letter-spacing: 25px;

    }



    .contact {

        background-size: 100%;

    }



    .case {

        /* height: 80vh; */

        padding: 307px 380px;

    }



    .service {

        padding: 420px 200px;

        position: relative;

    }



    .service .absolute-center {

        margin-top: -40px;

    }

}

/* 1200 屏幕下 */
@media screen and (max-width:1200px) {
    .container-case .containerBox .right {
        width: 69%;
    }
    .container-case .containerBox .left {
        width: 30%;
    }
    .container-case .containerBox .right .swiper-button-next, .container-case .containerBox .right .swiper-button-prev {
        background-size: 35px;
    }

    .prolist ul li .title {
        font-size: 16px;
    }

    .prolist ul li .icon {
        width: 8px;
        height: 8px;
    }

    .container-product .titleList li {
        font-size: 17px;
    }


    .service .absolute-center {

        margin-top: 0;

    }



    .aboutInx .container h2 {

        font-size: 50px;

        font-weight: unset;

        letter-spacing: 25px;

    }



    .contact {

        background-size: 100%;

    }



    /*  .aboutInx,

    .case,

    .contact,

    .service {

        height: 600px;

    } */



    .aboutInx .container h2 {

        font-size: 45px;

        margin-bottom: 30px;

    }



    .aboutInx .container p {

        line-height: 34px;

        font-size: 15px;

    }



    .service .absolute-center .tabdysBox_item {

        height: 450px;

    }



    .map .about_ent {

        width: 340px;

        height: 340px;

    }



    .map .about_ent div {

        margin: 80px auto 40px auto;

    }



    .container-case .case-listTop {

        width: 75%;

    }



    .container-case .containerBox {

        width: 75%;

    }



    .aboutInx {

        /* height: 549px; */

    }



    .case {

        height: auto;

        padding: 280px 380px;

    }



    .case .caseList .box {

        margin-right: 100px;

    }



    .case .caseList .box .img img {

        width: 200px;

        height: 200px;

    }



    .case .caseList .box .title {

        font-size: 17px;

        margin-bottom: 20px;

    }



    .case .caseList .box span {

        font-size: 15px;

        margin-top: 20px;

    }



    .service {

        height: auto;

        padding: 400px 200px;

    }



    .service .absolute-center .menu {

        margin-bottom: 45px;

        margin-top: -40px;

    }

}


/* 1024 屏幕下 */
@media screen and (max-width: 1024px) {
 
    .pro1 {
        width: 850px !important;
        height: 280px !important;
    }

    .prolist .bgimg {
        width: 720px !important;
        height: 150px !important;
    }

    .prolist ul {
        width: 720px !important;
    }

    .prolist ul li .mapRig {
        height: 150px !important;
    }

    .prolist ul li img {
        height: 150px !important;
    }

    .prolist ul li .title {
        font-size: 15px !important;
    }

    .prolist ul li .icon {
        width: 7px !important;
        height: 7px !important;
    }



    .nav-toggle {

        display: block;

        z-index: 10001;

        margin-top: -20px;

    }



    .map-topList {

        display: none;

        width: 100%;

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: #fff;

        z-index: 1000;

        text-align: center;

        padding-top: 10%;

    }



    .aboutInx,

    .case,

    .contact,

    .service {

        height: auto;

    }



    .aboutInx .container h2 {

        font-size: 35px;

        letter-spacing: 20px;

    }



    .aboutInx .container p {

        line-height: 24px;

        font-size: 14px;

    }



    .case .caseList {

        width: 90%;

    }



    .case .caseList .box .img img {

        width: 160px;

        height: 160px;

    }



    .case .caseList .box .title {

        font-size: 17px;

    }



    .case .caseList .box span {

        font-size: 15px;

    }



    .tab-title li a {

        font-size: 16px;

    }



    .service .absolute-center .tabdysBox_item img {

        height: 100%;

    }



    .service .absolute-center .tabdysBox_item {

        height: 350px;

    }



    .service .swiper-button-next,

    .service .swiper-button-prev {

        background-size: 35px;

        top: 60%;

    }



    .service .swiper-pagination span.swiper-pagination-bullet-active {

        width: 60px;

    }



    .contact {

        height: 450px;

        background-size: 100% !important;

    }



    .map .about_ent {

        width: 100%;

        height: auto;

        position: static;

        padding: 12px 0;

        text-align: center;

    }



    .map .about_ent div {

        margin: 20px auto 10px auto;

        text-align: center;

        width: 100%;

        justify-content: center;

    }



    .container-case .case-listTop {

        width: 85%;

        flex-wrap: wrap;

    }



    .case-listTop .menu {

        font-size: 18px;

        width: 60%;

        flex-wrap: wrap;

        display: flex;

        margin: 0 auto;

        justify-content: center;

    }



    .top-swiper .swiper-button-next,

    .top-swiper .swiper-button-prev {

        background-size: 25px;

        width: 25px;

    }



    .top-swiper .swiper-pagination-bullet-active {

        width: 55px;

    }



    .aboutInx {

        /* height: 410px; */

    }



    .case {

        padding: 200px 380px;

    }



    .case .caseList {

        width: 80%;

        margin: 0 auto;

        display: flex;

        justify-content: center;

    }



    .service {

        padding: 300px 200px;

    }



    .contact {

        overflow: hidden;

    }



    .contact img {

        margin-top: -8%;

        margin-left: -50%;

        width: 200%;

        max-width: 200%;

        min-width: 100%;

    }

}



@media screen and (max-width: 800px) {

    .appProductListb {
        display: block !important;
    }

    .prolist {
        display: none;
    }

    .appProductListb div {
        text-align: center;
        margin: 20px auto 8px;
    }

    .appProductListb div img {
        width: 98%;
        display: block;
        margin: 6px auto;
        height: auto;
    }

    .appProductListb div span {
        font-size: 20px;
        color: #333;
    }


    .header .container .topList,

    .bom .dfex_bom {

        flex-wrap: wrap;
        width: 100%;

    }



    .bom .dfex_bom .left{
        width: 90%;
        margin: 0 auto; margin-bottom: -200px;
    }
    .bom .dfex_bom .right{
display: none;

    }
    



    .bom .mkbom {

        border-top: none;

    }



    .top-swiper .swiper-button-next,

    .top-swiper .swiper-button-prev {

        background-size: 30px;

        width: 30px;

    }



    .swiper-container-horizontal>.swiper-pagination-bullets {

        bottom: 25px;

    }



    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

        margin: 0 20px !important;

    }



    .top-swiper .swiper-pagination-bullet-active {

        width: 55px;

    }



    .aboutInx,

    .case,

    .contact,

    .service {

        height: auto;

    }



    .aboutInx .container h2 {

        font-size: 24px;

        letter-spacing: 14px;

        margin-bottom: 20px;

    }



    .aboutInx .container p {

        line-height: 20px;

        font-size: 12px;

    }



    .aboutInx .container {

        width: 50%;

    }



    .case .caseList {

        flex-wrap: wrap;

    }



    .case .caseList .box .img img {

        width: 120px;

        height: 120px;

    }



    .case .caseList .box .title {

        font-size: 16px;

    }



    .case .caseList .box span {

        font-size: 14px;

    }



    .tab-title li a {

        font-size: 14px;

    }





    .tab-title {

        margin-bottom: 0px;

    }



    .service {

        height: 550px;

    }



    .service .swiper-button-next,

    .service .swiper-button-prev {

        background-size: 30px;

        top: 60%;

    }



    .service .swiper-pagination {

        margin-top: 30px;

    }



    .bomRigimg {

        display: none;

    }



    .service .absolute-center .tabdysBox_item {

        height: 450px;

    }



    .container-case .containerBox {

        width: 85%;

        flex-wrap: wrap;

        position: relative;

    }



    .container-case .containerBox .left {

        width: 90%;

        position: absolute;

        height: 180px;

        background: rgba(0, 0, 0, .2);

        z-index: 9;

        bottom: 0;

        margin: 0 auto;

        left: 5%;

    }



    .container-case .containerBox .right {

        width: 90%;

        height: 180px;

        position: relative;

        margin: 0 auto;margin-top: -130px;

    }



    .aboutInx {

        /* height: 333px; */

    }



    .case {

        padding: 200px 0;

    }



    .case .caseList {

        width: 90%;

    }



    .case .caseList .box {

        margin-right: 60px;

    }



    .case .caseList .box .img img {

        width: 150px;

        height: 150px;

    }



    .service {

        height: auto;

        padding: 350px 0;

    }



    .service .absolute-center {

        width: calc(100% - 180px);

    }



    .service .absolute-center .menu li {

        font-size: 16px;

    }



    .service .absolute-center .tabdysBox_item .sec4_ent .title {

        width: 80%;

        margin: 80px auto 35px;

        color: #fff;

        font-size: 14px;

    }



    .service .absolute-center .tabdysBox_item .sec4_ent p {

        font-size: 12px;

        line-height: 20px;

        margin: 18px auto;

    }
    .container-case .containerBox {
        width: 85% !important;
    } 

}



@media screen and (max-width:650px) {
    
.container-case .containerBox .right {height: 180px;}
.case-listTop .menu .leftTop {
    left: 50%;
    margin-left: -50px;
}
.container-case .case-listTop {
    margin-top: -40px;
    padding-bottom: 40px;

}



    .aboutInx .container {

        width: 65%;

    }



    .header {

        height: 50px;

    }



    .header .container>a img {

        height: 30px;

        margin-top: -20px;

    }



    .top-swiper .swiper-button-next,

    .top-swiper .swiper-button-prev {

        display: none;

    }



    .swiper-container-horizontal>.swiper-pagination-bullets {

        bottom: 12px;

    }



    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

        margin: 0px 15px !important;

        width: 6px;

        height: 6px;

    }



    .top-swiper .swiper-pagination-bullet-active {

        width: 40px !important;

    }



    .case .caseList .box {

        width: 100%;

        margin: 0 auto;

        text-align: center;

    }



    .case .caseList .box {

        width: 80%;

        margin: 12px auto;

    }



    .case {

        padding: 0;

        height: 900px;

    }



    .draw {

        box-shadow: none;

    }



    .case .caseList .box .title,

    .case .caseList .box span {

        opacity: 1;

    }



    .case .caseList .box .img img {

        width: 180px;

        height: 180px;

    }



    .draw::before,

    .draw::after {

        display: none;

    }



    .service .absolute-center .tabdysBox_item {

        height: 500px;

    }



    .service {

        height: 520px;

    }



    .tab-title {

        margin: 60px auto 20px;

    }



    .service .absolute-center .tabdysBox_item {

        height: 500px;

    }



    .service .absolute-center .tabdysBox_item .sec4_ent {

        opacity: 1;

        top: 15%;

    }



    .service .absolute-center .tabdysBox_item:hover .sec4_ent {

        top: 30%;

        opacity: 1;

        transition: all 1s;

    }



    .service .swiper-pagination {

        display: none;

    }



    .service .swiper-button-next {

        right: -50px;

    }



    .service .swiper-button-prev {

        left: -50px;

    }



    .aboutInx .container h2 {

        font-size: 16px;

        letter-spacing: 4px;

        margin-bottom: 8px;

    }



    .aboutInx .container p {

        line-height: 20px;

        font-size: 10px;

    }



    .aboutInx .container {

        width: 80%;

    }



    .aboutInx {

        /* height: 200px; */

    }



    .service .absolute-center .tabdysBox_item .sec4_ent {

        opacity: 1;

        height: 70%;

        top: 30%;

    }



    .contact {

        height: 200px;

    }



    .map .about_ent div {

        font-size: 14px;

    }



    .map .about_ent p {

        font-size: 13px;

        margin: 10px auto;

    }



    .case-listTop .topList {

        display: none;

    }



    .container-case .containerBox {

        width: 80%;

    }



    .container-case .containerBox .right .swiper-button-next {

        background-size: 25px;

        right: -35px;
        top: 180px;

    }



    .container-case .containerBox .right .swiper-button-prev {

        background-size: 25px;

        left: -35px;
        top: 180px;

    }



    .container-case .containerBox .left .ent .titleBox {

        font-size: 16px;

        margin: 12px auto;

    }



    .container-case .containerBox .left .ent p {

        font-size: 12px;

    }



    .appCaseList {

        display: block;

        width: 90%;

        margin: 0 auto;

        overflow: hidden;

        display: flex;

        flex-wrap: wrap;

        justify-content: flex-start;

    }



    .appCaseList a {

        width: calc((100% - 6%)/2);

        margin: 6px 1.5%;

        overflow: hidden;

    }



    .appCaseList a img {

        width: 100%;

        height: auto;

    }



    .prolist {

        display: none;

    }



    .container-product .titleList li {

        margin: 0 20px;

        font-size: 16px;

    }



    .appProductList {

        display: block;

        width: 90%;

        overflow: hidden;

        margin: 0 auto;

        display: flex;

        flex-wrap: wrap;

        justify-content: flex-start;

        margin-bottom: 20px;

    }



    .appProductList .box {

        width: 90%;

        margin: 0 auto;

        text-align: center;

        overflow: hidden;

    }



    .appProductList .box img {

        width: 100%;

        height: auto;

    }



    .appProductList .box span {

        display: block;

        font-size: 16px;

        margin: 4px auto;

    }



    .container-product {

        margin-top: 100px;

        margin-bottom: 40px;

    }



    .case .caseList .box {

        padding-bottom: 12px;

        border-bottom: 1px solid #ec6328;

    }



    .case .caseList .box:last-child {

        margin-right: auto;

        border-bottom: none;

    }



    .service {

        height: 520px;

        padding: 60px 0;

    }



    .service .absolute-center .menu {

        margin-bottom: 25px;

        margin-top: 0px;

        display: flex;

        justify-content: center;

    }



    .service .absolute-center .menu li {

        font-size: 15px;

        margin: 0;

        margin-right: 40px;

    }



    .service .absolute-center .menu li:last-child {

        margin-right: 0;

    }



    .service .absolute-center {

        width: calc(100% - 120px);

    }



    .contact {

        height: auto;

    }



    .aboutInx {

        /* height: 180px; */

    }



    .service .absolute-center .tabdysBox_item .sec4_ent {

        height: 28%;

        top: 72%;

    }



    .service .absolute-center .tabdysBox_item .sec4_ent .title {

        margin: 10px auto 5px;

    }



    .service .absolute-center .tabdysBox_item .sec4_ent p {

        font-size: 12px;

        line-height: 20px;

        margin: 8px auto;

    }



    .top-swiper .swiper-slide img {

        width: 100%;

        /* margin-left: -50%; */

    }

}



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