@media (min-width: 1440px) {
    .map-box {
        height: 750px;
    }
    
}
@media (max-width: 1490px) {
   .nav-box .nav-item{
        width:90px;
    }
    .swiper-banner .swiper-slide{
        height:500px;
    }
    .swiper-banner-info .t3{
        margin-top: 40px;
    }
}

/*当页面大于 1200px 时，大屏幕，主要是 PC 端*/
@media (min-width: 1200px) {
    .flow-content {
        width: 1200px;
    }

    .partner-content {
        width: 1200px;
    }

    .partner-content .partner-item:nth-child(6n) {
        border-right: none;
    }

    .partner-content .partner-item:nth-child(-n + 6) {
        border-top: none;
    }

    .solution-slide .solution-slide-item {
        height: 300px;
    }

    .header-content {
        /*max-width: 1200px;
        margin: 0 auto;*/
        padding: 0;
    }

}

@media (max-width: 1200px) {

    .page-product-cont,
    .page-case-cont,
    .recommend-cont,
    .header-content,
    .recommend-box,
    .top-banner-back {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .nav-box .nav-item {
        width: 70px;
    }

    .banner-tips .cn {
        font-size: 22px;
    }

    .banner-tips .en {
        font-size: 22px;
    }
    .developer-banner{
        padding: 0 20px;
    }
    .page-details-box{
        padding:0 10px;
    }
    .page-details-top{
        margin-bottom: 10px;
        font-size: 32px
    }

    .swiper-banner .swiper-slide{
        height:400px;
    }
    .swiper-banner-info .t1{
        font-size: 40px;
        margin-bottom: 20px;
    }
    .swiper-banner-info .t2{
        font-size: 18px;
        width:500px;
        line-height: 32px;
    }
    .swiper-banner-info .t3{
        margin-top: 30px;
        height:58px;
        width:180px;
        font-size: 18px;
    }
    .swiper-banner-info .t3 .icon{
        width:24px;
        height: 24px;
       
    }
    .header-content .logo {
        margin-right: 20px;
    }
    /* .solution-slide .solution-slide-item {
        height: 300px;
    } */
    .fitter{
        margin: 0 10px;
    }
}
@media (max-width: 1080px) 
{
    .nav-box {
        display: none;
    }

    .phone-menu {
        display: flex;
        flex:1;
        justify-content: flex-end;
    }
    .header-right{
        display: none
    }
    .phone-menu .header-right{
        display: flex;
        flex-flow: wrap;
        padding-top: 10px;
    }
    .phone-menu .header-right-item{
        margin-bottom: 10px;
    }
}
/*在 992 和 1199 像素之间的屏幕里，中等屏幕，分辨率低的 PC*/
@media (min-width: 992px) and (max-width: 1199px) {
    .case-item .case-poster-wrap {
        flex: 0 0 50%;
    }

    .solution-slide .solution-slide-item {
        height: 300px;
    }

    .partner-content {
        width: 100%;
    }

    .map-box img {
        display: none;
    }

    .header-content {
        width: 100%;
        min-width: 100%;
    }

    .footer-cont .qrcode::after {
        display: none;
    }

    .partner-content .partner-item:nth-child(6n) {
        border-right: none;
    }

    .partner-content .partner-item:nth-child(-n + 6) {
        border-top: none;
    }
}

/*在 768 和 991 像素之间的屏幕里，小屏幕，主要是 PAD*/
@media (min-width: 768px) and (max-width: 991px) {
    .case-item .case-poster-wrap {
        flex: 0 0 50%;
    }

    .solution-slide .solution-slide-item {
        height: 220px;
    }

    .flow-content .flow-item {
        width: 33.33%;
    }

    .footer-cont .qrcode::after {
        display: none;
    }

    .partner-content .partner-item:nth-child(6n) {
        border-right: none;
    }

    .partner-content .partner-item:nth-child(-n + 6) {
        border-top: none;
    }

    .case-item .case-title {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .case-item .case-info .case-logo {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .case-item .case-poster-wrap {
        flex: 0 0 50%;
    }

    .info-wrap {
        left: 0;
    }

    /*.swiper-banner-info .t1 {
        font-size: 36px;
    }

    .swiper-banner-info .t2 {
        font-size: 20px;
        line-height: 36px;
        width: 70%;
    }*/

    .swiper-banner .swiper-slide{
        height:360px;
    }
    .swiper-banner-info .t1{
        font-size: 32px;
        margin-bottom: 20px;
    }
    .swiper-banner-info .t2{
        font-size: 16px;
        width: 70%;
        line-height: 32px;
    }
    .swiper-banner-info .t3{
        margin-top: 20px;
        height:58px;
        width:180px;
        border-radius: 29px
        font-size: 16px;
    }
    .swiper-banner-info .t3 .icon{
        width:20px;
        height: 20px;
        
    }

    .banner-tips .cn {
        font-size: 20px;
    }

    .banner-tips .en {
        font-size: 20px;
    }

    .project-header .project-title {
        font-size: 30px;
        line-height: 50px;
    }

    .project-header .project-desc {
        font-size: 16px;
        line-height: 26px;
    }

    .solution-slide .solution-slide-item .solution-info {
        padding: 20px;
    }

    .solution-slide .solution-slide-item .solution-info-check {
        left: 20px;
        bottom: 20px;
        width: 90px;
        height: 30px;
        font-size: 12px;
    }

    .solution-info .solution-info-title {
        font-size: 20px;
    }

    .solution-info .solution-info-msg {
        margin: 10px 0;
        font-size: 12px;
    }

    .solution-info .solution-info-tag span {
        font-size: 12px;
        padding: 0 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .page-back {
        padding: 0 15px;
        height: 60px;
        line-height: 60px;
    }

    .page-back .left .tit {
        font-size: 18px;
    }

    .page-back .left .small-logo {
        margin-right: 10px;
        width: 34px;
        height: 34px;
    }
    .news-list ul{
        margin: 0 -8px;
    }
    .news-list ul li{
        padding:0 8px;
        margin-bottom: 15px;
    }
    .news-list-item-info{
        padding: 10px 15px;
    }
    .news-list-item-brand{
        padding-top: 10px;
    }
}

@media(max-width: 900px){
    .mask{
        padding:0 10px;
        box-sizing: border-box;
    }
    .pop-box ,.pop-box2{
        width: 100%;
        max-width: 880px;
        display: block;
        height: auto;
        padding-bottom: 20px;
    }
    .pop-box-left{
        padding-top: 20px;
    }
    .pop-box-right{
        margin: 0 auto;
        
    }
    .pop-box-tab{
        justify-content: center
    }
    .pop-forget-b-img img{
        width: 100%;
        height: auto;
    }
    .pop-box-left img{
        width: 50%;
    }
    .pop-box-tab-item:last-child{
        margin-right: 0;
    }

}
/*在 480 和 767 像素之间的屏幕里，超小屏幕，主要是手机*/
/* @media (min-width: 480px) and (max-width: 767px) */
@media (max-width: 767px) {
    .case-item .case-poster-wrap {
        flex: 0 0 50%;
    }

    .project-header .project-title {
        font-size: 24px;
        line-height: 44px;
    }

    .page-back .breadcrumb-box {
        display: none;
    }

    .project-header .project-desc {
        font-size: 14px;
        line-height: 22px;
    }

    .product-box {
        padding-top: 40px;
    }

    .header-content {
        width: 100%;
        min-width: 100%;
    }

    .flow-content .flow-item {
        width: 50%;
    }

    .partner-content .partner-item {
        width: 33.33%;
    }

    .partner-content .partner-item:nth-child(3n) {
        border-right: none;
    }

    .partner-content .partner-item:nth-child(-n + 3) {
        border-top: none;
    }

    .swiper-team {
        width: 100%;
    }

    .swiper-team .team-item {
        flex: 0 0 40%;
        font-size: 16px;
        margin: 0 5%;
    }

    .swiper-team .team-item .team-big {
        font-size: 30px;
    }

    .about-box {
        padding-bottom: 200px;
        padding-top: 40px;
    }

    .partner-box {
        padding-bottom: 60px;
        padding-top: 40px;
    }

    .map-box {
        height: 500px;
        padding-top: 35px;
    }

    .map-info h1 {
        font-size: 24px;
    }

    .map-info p {
        font-size: 14px;
        width: 320px;
    }

    .product-list .product-item {
        width: 70%;
    }

    .footer-cont {
        padding: 0 20px;
        flex-direction: column-reverse;
        padding-bottom: 20px;
    }

    .footer-cont .qrcode {
        margin-bottom: 20px;
    }

    .footer-cont .qrcode::after {
        display: none;
    }

    .footer-records {
        flex-direction: column;
        padding: 15px;
        line-height: 28px;
        font-size: 13px;
    }

    .swiper-banner .swiper-slide {
        height: 320px;
    }

   
    .swiper-banner-info .t1{
        font-size: 32px;
        margin-bottom: 20px;
    }
    .swiper-banner-info .t2{
        font-size: 16px;
        width: 70%;
        line-height: 32px;
    }
    .swiper-banner-info .t3{
        margin-top: 20px;
        height:40px;
        width:120px;
        font-size: 14px;
        border-radius: 20px
    }
    .swiper-banner-info .t3 .icon{
        width:20px;
        height: 20px;
       
    }
    .info-wrap {
        left: 0;
    }

    .info-wrap {
        top: 80px;
    }

    .swiper-banner-info {
        top: 60px;
        left: 30px;
    }

    .swiper-banner-info .t1 {
        font-size: 30px;
    }

    .swiper-banner-info .t2 {
        font-size: 16px;
        line-height: 24px;
        width: 70%;
    }

    .project-header {
        padding-bottom: 20px;
    }

    .map-box img {
        display: none;
    }

    .swiper-banner .banner-tips {
        height: 60px;
    }

    .banner-tips .cn {
        font-size: 12px;
    }

    .banner-tips .en {
        font-size: 12px;
    }

    .case-item {
        width: 100%;
        padding: 20px;
    }

    
    .case-item .case-title {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .case-item .case-info .case-logo {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .case-item .case-msg {
        line-height: 20px;
    }

    .case-item .case-info .case-check {
        left: 20px;
    }

    .solution-wrapper .solution-slide .solution-slide-item {
        width: 49%;
    }

    .solution-wrapper .solution-slide:nth-child(odd) .solution-slide-item:first-child {
        width: 49%;
    }

    .solution-wrapper .solution-slide:nth-child(odd) .solution-slide-item:first-child {
        width: 100%;
        margin-right: 0;
    }

    .solution-wrapper .solution-slide:nth-child(even) .solution-slide-item:nth-child(2) {
        width: 49%;
    }

    .solution-wrapper .solution-slide:nth-child(even) .solution-slide-item:nth-child(3) {
        width: 100%;
        margin-right: 0;
    }

    .solution-wrapper .solution-slide:nth-child(odd) .solution-slide-item:nth-child(2) {
        margin-right: 2%;
    }

    .solution-wrapper .solution-slide:nth-child(odd) .solution-slide-item:nth-child(3) {
        margin-right: 0;
    }

    .solution-info .solution-info-msg {
        margin: 5px 0;
        font-size: 12px;
    }

    .solution-slide-item {
        height: 165px;
    }

    .label-box .label-item {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        font-size: 14px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .solution-info .solution-info-msg {
        line-height: 18px;
    }

    .solution-info .solution-info-tag span {
        line-height: 18px;
        height: 18px;
    }

    .solution-slide .solution-slide-item .solution-info-check {
        height: 24px;
    }

    .banner-info {
        left: 40px;
    }

    .banner-info .info-tit {
        font-size: 24px;
    }

    .banner-info .info-msg {
        font-size: 16px;
    }

    .banner-info .info-tag {
        font-size: 12px;
    }

    .banner-info .info-tag span {
        height: 28px;
        line-height: 26px;
    }

    .article-title {
        font-size: 20px;
        padding-left: 20px;
        margin: 20px 0;
    }

    .article-title::before {
        height: 20px;
        width: 3px;
    }

    .cont-tit {
        font-size: 16px;
        margin: 15px 0;
    }

    .cont-p {
        font-size: 14px;
        margin: 15px 0;
        line-height: 26px;
    }

    .cont-img {
        margin: 10px 0;
    }

    .tabs-box .tabs-item {
        margin: 0 10px;
        font-size: 14px;
        padding: 0 10px;
    }

    .recommend-box {
        padding-top: 40px;
    }

    /* .recommend-item{
        width: 30%;
    } */
    .recommend-cont {
        flex-wrap: wrap;
        justify-content: center;
    }

    .recommend-item {
        height: 200px;
        margin-bottom: 20px;
    }

    .recommend-info {
        padding: 20px;
    }

    .recommend-info .recommend-info-check {
        left: 20px;
        height: 26px;
        font-size: 12px;
        width: 90px;
        bottom: 20px;
    }

    .top-banner .product-msg {
        font-size: 12px;
        padding-left: 20px;
    }

    .top-banner .product-msg span {
        font-size: 20px;
    }

    .page-product-cont .product-aside {
        width: 120px;
    }

    .page-product-cont .product-aside .product-item::after {
        width: 2px;
        top: 10px;
    }

    .page-product-cont .product-aside .product-item {
        padding-left: 10px;
        font-size: 12px;
        height: 40px;
        line-height: 40px;
    }

    .product-cont-item {
        padding-top: 10px;
    }

    .page-product-cont .product-article {
        padding-left: 10px;
    }

    .product-cont-item h2 {
        font-size: 14px;
        height: 36px;
        line-height: 36px;
    }

    .product-cont-item .product-info {
        font-size: 12px;
        padding: 10px 5px;
    }

    .page-case-cont {
        flex-direction: column;
        padding-top: 0;
    }

    .page-case-cont .case-article {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .page-case-cont .case-aside {
        width: 100%;
        box-sizing: border-box;
        height: auto;
        background: #fff;
    }

    .case-aside-cont .case-aside-item.active .effect {
        width: 100%;
        display: none;
    }

    .case-aside-cont .case-aside-item.active .normal {
        display: block;
    }
    .page-details-top{
        font-size: 24px;
    }
    .page-details{
        padding-top: 10px;
    }
    .page-details-content p{font-size: 14px;margin-bottom: 10px;}
    .developer-banner strong{
        font-size: 18px;
    }
    .developer-banner p{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .developer-banner-sub span{
        font-size: 24px;
        padding: 0 8px;
        margin-right: 6px;
        margin-bottom: 8px;
        font-size: 12px;
    }
    .news-list ul{
        margin: 0 -8px;
    }
    .news-list ul li{
        width:50%;
        padding:0 8px;
        margin-bottom: 15px;
    }
    .news-list-item-tit{
        font-size: 18px;
    }
    .news-list-item-desc,.news-list-item-sub{
        font-size: 12px;
    }
    .news-list-item-info{
        padding: 10px 15px;
    }
    .news-list-item-brand{
        padding-top: 10px;
    }
    .news-list-item-brand img{
        height:36px;
    }
    .news-header{
        font-size: 24px;
    }
    .news-header h3::after {
        bottom:0;
    }
    .news-header p{
        font-size: 32px;
        top:-15px;
    }
    .news-box-content{
        padding: 20px 0 20px;
    }

    .news-banner-info {
        max-width: 1200px;
        width: 80%;
        margin: 0 auto;
    }

    .news-banner-info .t1 {
        font-size: 16px;
        color: #333333;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .news-banner-info .t2 {
        font-size: 12px;
        color: #666666;
        line-height: 18px;

    }
    .news-banner-info .t3{
        margin-top: 10px;
        width:120px;
        height: 32px;
        border-radius: 16px;
        background: #1370D1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color:#fff;
    }
    .news-banner-info .t3 .icon{
        width:16px;
        height: 16px;
        vertical-align: top;
        margin-right: 10px;
    }
    .news-details{
        padding-left: 10px;
        padding-right: 10px;
    }
    .news-details-box{
        display: block;
        
    }
    .news-details-right{
        margin-left: 0;
        width: 100%;
    }
    .news-details-left-info{
        display: block;
    }
    .news-details-left-info-img{
        width: 100%;
        margin-bottom: 10px;
    }
    .news-details-left-info-content{
       padding-left:0px;
    }
    .news-details-left-sub_box{
        display: block;
        border-bottom:none;
    }
    .news-details-left-sub_box_item{
        border-bottom:1px solid #EBEBEB;
        border-right:none;
        min-height: 40px;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 22px;
    }
    .fabu{
        padding:30px 20px 35px 20px;
    }
    .fabu-top{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .fabu-top p{
                font-size: 24px;
        top: -15px;
    }
    .fabu-form-item{
        display: block;
    }
    .fabu-form-label{
        text-align-last: left;
        padding: 8px 0;
    }
    .fabu-form-opt-btn{
        width: 150px;
        height: 40px;
        margin-right: 10px;
        font-size: 14px;
    }
    .fabu-form-opt{
        padding-top: 10px;
    }
    .fabu-form-opt-btn:last-child{
        margin-right: 0;
    }
}

/*在小于 480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
    .case-item .case-poster-wrap {
        /* display: none; */
    }
    .news-list ul{
        margin: 0 auto;
    }
    .news-list ul li{
        width:100%;

    }

}