/* 媒体查询 */
/* 内容区的宽度是1456px，可以这样设置： */
/* 产品 */
@media(min-width: 1800px){
    html{font-size: 100px}
    .productContent{
        width: 17.35rem;
    }
}

@media(max-width: 1800px) and (min-width: 900px){
    .productContent{
        width: 14.56rem;
    }
}

@media(min-width: 1500px){
    html{font-size: 100px}
}
@media(max-width: 1556px) and (min-width: 900px){
    html{font-size: calc(100vw / 1556 * 100);}
    /*即让html字体大小=屏幕宽度÷设计稿宽度*100px*/

    .editionCenter{
        /* width: 13rem; */
    }
    .nav-box{
        margin-left: 1.5rem;
    }
    /* .solution-box{
        width: 70%;
    } */
    .circle{
        /* width: 1rem;
        height: 1rem;
        line-height: 1rem;
        font-size: .16rem;
        margin-top: 70%; */
    }
    .solution-center{
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        border-radius: 300px;
        font-size: .3rem;
        margin-top: 0
    }
}
@media(max-width: 900px){
	html{font-size: calc(900px / 1556 * 100);}
    /*即让html字体大小=900px÷设计稿宽度*100px*/
    .logo{
        width: 1.3rem;
        /* margin-left: .2rem; */
    }
    .editionCenter{
        width: 92%;
    }
    .index-banner .swiper-pagination-bullet{
        width: 3px;
        height: 3px;
        border: 1px solid #fff;
    }
    .top .list{
        display: block;
    }
    .nav-box{
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        margin-left: 0;
        display: none;
    }
    .nav-box ul{
        width: 50%;
        height: 100%;
        background-color: #fff;
        float: right;
        text-align: center;
    }
    .nav-box ul li{
        width: 100%;
        float: none;
        line-height: .8rem;
        color: #e39e23;
    }
    .nav-box ul li.nav-active::before{
        width: 0;
    }
    .nav-box ul li.nav-active{
        background-color: #e39e23;
        color: #fff;
    }
    .tool-intro{
        margin-top: .2rem;
    }
    .top-right{
        display: none;
    }
    .tool-intro-left,
    .tool-intro-left-box,
    .tool-intro-right,
    .tool-intro-txt{
        width: 100%;
    }
    .tool-intro-txt{
        padding: 0 .2rem;
    }
    .tool-intro-left{
        /* padding-bottom: 0; */
        padding: .1rem;
    }
    .tool-intro-left-box{
        height: 200px;
    }
    .tool-right-img{
        /* width: 80%;
        margin: auto;
        display: block; */
    }
    .tool-intro-left-box ul{
        /* display: flex; flex-wrap: wrap; */
    }
    .tool-intro-left-box ul li{
        /* padding-left: .1rem; */
        /* margin-bottom: .1rem; */
        /* width: 25%;
        float: left;
        text-align: center;
        font-size: .1rem; */
    }
    .tool-intro-left-box ul li img{
        /* display: none!important; */
        margin-right: 0;
    }
    .tool-intro-right{
        height: auto!important;
    }
    .solution{
        /* height: 3rem; */
        padding-top: 0.3rem;
    }
    .solution-box{
        width: 100%;
    }
    .circle{
        /* width: .5rem;
        height: .5rem;
        line-height: .5rem;
        font-size: .1rem;
        margin-top: 30%; */
    }
    .solution-center{
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        border-radius: 300px;
        font-size: .25rem;
        margin-top: 0
    }
    .news-detail-content{
        margin-top: .5rem;
    }
    .ndr-r-title{
        line-height: 1.3;
    }
    .footer-middle{
        /* display: none; */
    }
    .footer-bottom{
        padding: .2rem .1rem;
        line-height: .3rem;
    }
    .index-pro{
        padding-top: .5rem; padding-bottom: .5rem;
    }
    /* æ–°é—» */
    .news-content{
        /* margin-top: 0; */
    }
    .news-cons-ul li{
        width: 100%;
        margin: 0 auto .2rem; padding: 0;
        float: none;
        background: #f5f5f5;
    }
    .md-news-1 .news-cons-ul li{
        margin-bottom: 0.2rem;
    }
    .index-application-case{
        padding-top: 1rem;
    }
    .nc-item{
        width: 100%;
        float: none;
        display: flex; flex-flow: row-reverse; align-items: center;
    }
    .nc-date{
        padding-bottom: .1rem;
    }
    .nc-memo{
        /* padding-bottom: .2rem; */
        height: auto; line-height: 1.2; padding: 0;
    }
    .nc-day{
        font-size: 38px;
        display: none;
    }
    .nc-year{
        display: none;
    }
    .nc-date-full{ display: block; }
    .nc-checkmore{
        padding: 0; margin-top: .2rem; border: none;
    }
    .newDetail-left,
    .newDetail-right{
        width: 95%;
        padding: .2rem;
        float: none;
    }
    .main-txt p{
        line-height: .35rem;
    }
    .about-left,.about-right{
        width: 95%;
        margin: auto;
        float: none;
    }
    .about-right{
        margin-top: .3rem;
        padding-left: 0;
    }
    .recruit-select{
        width: 1.9rem;
    }
    .recruit-top{
        margin-top: .5rem;
        margin-bottom: .3rem;
    }
    .recruit-select, .recruit-input{
        height: .6rem;
    }
    .check{
        height: .6rem; line-height: .6rem;
    }
    .recruit-top ul li.li4{
        margin-top: .1rem; width: 100%; margin-right: 0;
        display: flex;
    }
    .recruit-input{ flex: 1; }
    .recruit-box-title{
        font-size: 12px;
    }
    .recruit-box-item{
        font-size: 12px;
    }
    .contact-address,.contact-img{
        float: none;
        width: 90%;
        margin: auto;
    }
    .news-banner-title{
        /* font-size: .25rem; */
    }
    .news-banner-title span{
        /* font-size: .15rem; */
    }
    .news-banner-txt{
        font-size: .1rem;
    }
    .product-left,
    .product-right{
        width: 100%;
        float: none;
        margin: 0 auto .2rem;
    }
    .solution-intro{
        padding-bottom: .5rem;
    }
    .function{
        margin-bottom: .5rem;
    }
    .productContent {
        width: 100%;
    }
    .product-left ul{
        width: 100%;
        overflow: hidden;
    }
    /* .product-left ul li{
        float: left;
        width: 50%;
    } */
    .prduct-left-menu ul li{
        width: 100%;
        float: none;
    }
    .prt-box{
        width: 100%;
        
    }
    .search-box ul{
        padding-left: .1rem; padding-right: .1rem;
    }
    .download-change ul li{
        flex: 1;
    }
}