@media screen and (max-width:1445px){
    .product-box .product-cp .product-cards ul li{
        width: 29%;
    }
    .fy-input{
        width: 25%;
    }
    .qr-an{
        width: 25%;
    }
    .fy-p{
        width: 75%
    }
}
@media screen and (max-width:1627px){
    .product-box .product-cp .product-lmbox .product-lm ul li{
        font-size: 15px;
    }
    .head-search{
        width: 180px;
        transition: all 2s;
    }
    .product-box .product-cp .product-lmbox{
        width: 90%;
    }
}
@media screen and (max-width:1535px){
    .product-box .product-cp .product-lmbox .product-lm ul li{
        font-size: 14px;
    }
    .page-banner .page-images{
        left: 2rem;
    }
}
@media screen and (max-width:1442px){
    .product-box .product-cp .product-lmbox .product-lm ul li{
        font-size: 13px;
    }
}
@media screen and (max-width:1450px){
    .head-search{
        width: 150px;
        transition: all 2s;
    }
}
@media screen and (max-width:1450px){
    .head-search{
        width: 110px;
        transition: all 2s;
    }
}
@media screen and (max-width:1320px){
    .head-search{
        width: 80px;
        transition: all 2s;
        font-size: 12px;
    }
    .page-banner .page-images{
        left: 1rem;
    }
}
/* web手机端 */
@media screen and (max-width:1200px){
    .page-txt .page-js .pagr-pnr img{
        width: 100%;
        height: auto;
    }
    .service-page .service-box img{
        width: 100%;
        height: auto;
    }
    .about-xq img{
        width: 100%;
        height: auto;
    }
    .case-page .case-ny img{
        width: 100%;
        height: auto;
    }
    .news-page .news-box img{
        width: 100%;
        height: auto;
    }
    .head-box .head .head-menu>ul>li:hover>a{
        color: #555;
    }
    .web-box{
        height: 50px;
        width: 100%;
        overflow: hidden;
        background-color: white;
        position: fixed;
        z-index: 99999;
    }
    .sp_nav{
        width: 50px;
        float: right;
        position: relative;
        cursor: pointer;
        height: 30px;
        margin-top: 15px;
    }
    .sp_nav span{
        display:block;
        background:#0081cc;
        width:30px;
        height:2px;
        position:absolute;
        left:10px;
        transition:all ease 0.35s
    }
    .sp_nav span:nth-of-type(1){
        top:0px
    }
    .sp_nav span:nth-of-type(2){
        top:10px
    }
    .sp_nav span:nth-of-type(3){
        top:20px
    }
    .sp_nav_se span:nth-of-type(1){
        top:10px;
        transform:rotate(45deg);
    }
    .sp_nav_se span:nth-of-type(2){
        width:0;
    }
    .sp_nav_se span:nth-of-type(3){
        top:10px;
        transform:rotate(-45deg);
    }
    .nav_show{
        /* position: absolute;
        top: 0px;
        display: block !important;
        transition:all ease 0.1s */
        display: block !important;
        top: 50px !important;
    }
    .head-search{
        display: block;
        top: 38px;
        z-index: 99999999;
        right: 3rem;
    }
    .head-box .head{
        width: 100%;
        height: auto;
    }
    .head-box .head .head-logo {
        width: 230px;
        height: 50px;
        margin: 0 auto;
        padding: 10px;
    }
    /* 菜单 */
    .head-menu{
        position: fixed;
        z-index: 9999;
        background-color: #eee;
        width: 100% !important;
        height: calc(100%) !important;
        font-size: 14px;
        line-height: 40px;
        top: -100%;
        left: 0px;
        overflow: auto;
        overflow-x: hidden;
        transition: top ease 0.35s;
    }
    .head-menu>ul>li:first-child{
        overflow: hidden;
        border-top: 0px;
    }
    .head-menu>ul>li:first-child>a{
        float: left;
        width: calc(100% - 70px);
    }
    .head-box .head .head-menu>ul>li>a{
        padding: 0px;
    }
    #one>a{
        text-align: left;
        color: #666;
    }
    #one{
        width: 100%;
        background-color: rgba(238, 238, 238, 0);
        display: inline-block;
        line-height: 60px;
        padding: 0 20px;
        transition: ease 1000ms;
        position: relative;
        line-height: 2;
    }
    .sp_nav_xjb{
        display: block;
    }
    .head-menu ul li i{
        position:absolute;
        top:5px;
        right:0px;
        border-left:1px #ddd solid;
        height:30px;
        padding:0px 20px;
        /* transform: rotate(180deg); */
    }
    .head-menu ul li i svg{
        transform:rotate(-90deg);
        transition:all ease 0.35s
    }
    .head-menu ul li .sjj_nav_i_se svg{
        transform:rotate(0deg)
    }
    .head-menu ul li{
        border-top:1px #ddd solid;
        margin-left:20px;
        position:relative;
        font-size:14px;
        display: block !important;
        line-height: 3 !important;
        background-color: #eee !important;

    }
    .head-menu>ul >li:last-child{
        border-bottom:1px #ddd solid;
    }
    .head-menu ul li ul{
        display:none
    }
    .head-menu ul li a{
        color:#666;
        width:80%
    }
    .head-menu ul li ul li a{
        color:#999 !important;
        display:block;
        text-align:left;
        padding: 0px !important;
    }
    .head-menu ul li i svg{
        width:20px;
        height:20px;
        fill:#555;
    }
    .head-menu ul li .sjj_nav_i_se svg{
        fill:#555;
    }
    .head-menu ul li ul li>ul{
        margin-left:10px
    }
    .head-box .head .head-menu>ul{
        margin: 0px;
    }
    .head-box .head .head-menu>ul>li .none-menu {
        position: relative !important;
        width: 100% !important;
        text-align: left !important;
        left: 0px;
        z-index: 999;
    }
    .head-box .head .head-menu>ul>li:hover{
        background-color: #00000000;
    }
    /* 三级栏目隐藏 */
    .head-box .head .head-menu ul li .none-menu>li .none-pp{
        display: none !important;
    }
    /* 轮播 */
    .hj-carousel.container11.fl{
        margin-top: 50px;
    }
    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 0;
        z-index: 15;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        /* padding-left: 0; */
        /* margin-left: -30%; */
        /* text-align: center; */
        list-style: none;
    }
    .hj-carousel .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 2px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 10px;
    }
    /* 菜单先隐藏 */
    .head-box .head .head-menu{
        display: none;
    }
    /* 产品 */
    .content-box{
        padding: 0;
        margin: 0 auto;
    }
    .content-box .content{
        padding: 0px;
        margin: 0px auto;
    }
    .content-box .content .content-left{
        padding: 10px;
        margin: 0 auto;
    }
    .content-box .content .content-right{
        padding: 5px;
        margin: 0 auto;
    }
    .content-box .content .content-right .right-contentleft .right-box1{
        padding: 5px;
        margin: 0 auto;
    }
    .content-box .content .content-right .right-contentright{
        margin: 0 auto;
    }
    .content-box .content .content-right .right-contentright .right-box1{
        padding: 5px;
        margin: 0 auto;
    }
    .content-box .content .content-right .right-contentleft{
        margin: 0 auto;
    }
    .introduce-box{
        display: none;
    }
    .content-bottm .download{
        width: 100%;
        height: auto;
        bottom: 0px;
        left: 0px;
        position: relative;
        background-color: #0081cc;
        color: #fff;
    }
    .content-bottm .download h1{
        font-size: 14px;
    }
    .content-bottm .download p{
        font-size: 12px;
    }
    .content-bottm .download .Button-box{
        width: 100%;
        height: auto;
    }
    .content-bottm .download .Button-box a{
        padding: 5px;
        line-height: 2;
    }
    .foot-box .foot .foot-con{
        display: none;
    }
    .foot-box .foot{
        padding: 0;
    }
    .foot-box .foot .scene-box{
        display: block;
    }
    .foot-box .foot p{
        padding: 5px;
        font-size: 12px;
    }
    .foot-logo{
        width: 300px;
    }
    .foot-logo .foot-erweima{
        display: none;
    }
    .foot-logo .logo-foot{
        display: block;
        margin-top: 10px;
    }
    .foot-box.fl.mt20{
        margin: 0 auto;
    }
    .bj-text h1{
        font-size: 30px;
    }
    .beijing{
        height: auto;
    }
    .bj-text{
        min-height: 200px;
    }
    .about-txt p a{
        font-size: 12px;
    }
    .about-txt p{
        margin: 0 auto;
    }
    .about-txt{
        width: 100%;
    }
    .about-box .about-con .about-nr .about-left, .about-box .about-con .about-nr .about-right{
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
    }
    .about-box .about-con{
        width: 90%;
    }
    .about-box .about-con .about-nr{
        padding: 0px;
    }
    .about-xq{
        padding: 0px;
    }
    .product-bj{
        height: auto;
    }
    .product-box .product-cp .product-lmbox .product-lm ul li{
        width: 33.33333%;
        font-size: 12px;
    }
    ul#lm-ul{
        display: table;
        margin: 0 auto;
    }
    .product-box .product-cp .product-lmbox{
        width: 100%;
    }
    .product-box .product-cp .product-cards .product-ul{
        width: 100%;
        padding: 0px;
    }

    .cards-nr .cards-bt h4{
        font-size: 12px;
    }
    button.button-ana{
        font-size: 14px;
    }
    .fy-input{
        width: 100%;
    }
    .fy-box-70{
        width: 100%;
        margin: 0 auto;
    }
    .product-banner{
        margin-top: 50px;
        padding: 0px;
    }
    .product-banner .product-hz{
        width: 100%;
    }

    .page-banner .page-lb{
        width: 50%;
    }
    .page-banner .page-nr{
        width: 48%;
        height: auto;
    }
    .cp-dhl{
        display: none;
    }
    .page-txt .page-js{
        width: 100%;
        padding: 20px;
    }
    .page-banner .page-nr .page-text h1{
        font-size: 17px;
        letter-spacing: 2px;
    }
    .case-nr .case-pl{
        width: 100%;
        display: flow-root;
    }
    .case-nr .case-pl ul li{
        max-width: 50%;
        flex: 0 0 50%;
    }
    .case-page .case-ny{
        width: 90%;
    }
    .fy-case{
        width: 100%;
        display: inline-block;
    }
    .case-page .case-ny>p{
        letter-spacing: 1px;
        font-size: 15px;
    }
    .new-nr .new-box li .new-right{
        width: 100%;
    }
    .new-bj{
        height: auto;
    }
    .new-nr .new-box{
        width: 90%;
        display: block;
    }
    .new-nr .new-box li .new-right h5{
        width: 100%;
        font-size: 17px;
    }
    .new-nr .new-box li .new-right span{
        position: relative;
        top: auto;
        right: auto;
        font-size: 15px;
    }
    .about-txt{
        width: 100%;
    }
    .news-page .news-box h1{
        font-size: 20px;
    }
    .news-page .news-box{
        width: 90%;
    }
    .fy-news{
        width: 100%;
    }
    .news-page .news-box>p{
        font-size: 14px;
    }
    .service-bj{
        height: auto;
    }
    .service-page .service-box p{
        font-size: 14px;
    }
    .service-page .service-box{
        width: 90%;
    }
    .manual-page .manual-box{
        width: 90%;
    }
    .manual-bj{
        height: auto;
    }
    .wantConsult .wrap_mar{
        width: 100%;
    }
    .message-bj{
        height: auto;
        background: url(../images/message.jpg)fixed 0 no-repeat;
    }
    .wantConsult_btm_right .form{
        padding: 10px;
    }
    .wantConsult .zxTitle{
        padding: 10px;
    }
    .contact-bj{
        height: auto;
        background: url(../images/message.jpg)fixed 0 no-repeat;
    }
    .contact-page .contact-box, .join-page .join-box{
        width: 90%;
    }
    .map-page{
        width: 90%;
        margin-bottom: 15px;
    }
    .map-page h1{
        font-size: 20px;
    }
    .join-bj{
        height: auto;
        background: url(../images/performance.jpg)fixed 0 no-repeat;
    }
    .head-box .head .head-menu>ul>li>.none-menu{
        display: none;
    }
    .head-box .head .head-menu ul li:hover .none-menu{
        display: none;
    }
    
}
@media screen and (max-width:768px){
    .content-box .content .content-right .right-contentright .right-box1 .right-text p {
        font-size: 12px;
        padding: 0;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0;
        line-height: 2.5;
        padding-left: 5px;
    }
    .content-box .content .content-right .right-contentright .right-box1 .right-text {
        width: 90%;
        height: auto;
        background-color: rgba(0, 129, 204, 0.74);
        position: absolute;
        bottom: 5px;
        /* padding-right: 10px; */
        overflow: hidden;
    }
    .content-box .content .content-right .right-contentleft .right-box1 .right-text p {
        font-size: 12px;
        padding: 0;
        line-height: 2.5;
        margin: 0;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .content-box .content .content-right .right-contentleft .right-box1 .right-text {
        width: 90%;
        height: auto;
        background-color: rgba(0, 129, 204, 0.74);
        position: absolute;
        bottom: 5px;
        padding-right: 0px;
        padding-left: 5px;
        overflow: hidden;
    }
    .content-box .content .content-left .content-a .content-text p{
        margin: 0 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;        
        line-height: 2.5;
        font-size: 12px;
        padding-left: 5px;
    }
    .content-box .content .content-left .content-a .content-text {
        width: 100%;
        background-color: rgba(0, 129, 204, 0.74);
        position: absolute;
        bottom: 0px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: auto;
        padding: 0;
    }
    .product-box .product-cp .product-cards ul li {
        box-shadow: 2px 2px 6px rgba(0,0,0,.5);
        display: flex;
        /* height: 100%; */
        flex-direction: column;
        position: relative;
        flex: 0 0 50%;
        max-width: 44.44444%;
        /* margin-bottom: 24px; */
        width: 44%;
        float: left;
        margin: 10px;
        /* margin-left: 15px; */
        /* margin-right: 15px; */
    }

    .cards-nr{
        padding: 10px;
    }
    .page-banner .page-lb{
        width: 100%;
        height: 330px;
    }
    .page-banner .page-nr{
        width: 100%;
        height: auto;
    }
    .page-banner .page-images{
        width: 100%;
        position: absolute;
        bottom: 11rem;
        left: 0px;
        right: 0px;
        top: auto;

    }
    .page-banner .page-lb .page-ul ul li.item1{
        left: 35px;
    }
    .page-banner .page-lb .page-ul ul li img{
        width: 80%;
    }
    .page-banner .page-images>ul{
        height: 70px;
        width: 100%;
        background-color: #ddd;
    }
    .page-banner .page-images>ul>li{
        width: 20%;
        height: 60px;
        margin-right: 15px;
        margin-bottom: 5px;
    }
    .page-banner .page-nr .page-text p{
        letter-spacing: 1px;
        font-size: 14px;
    }
    .page-txt .page-js .pagr-pnr{
        padding: 0px;
        text-indent: inherit;

    }
    .cp-tj ul li{
        width: 33.33333%;
    }
    .cp-tj ul li .cp-wenzi h1{
        font-size: 14px;
        margin: 5px;
        padding: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .cp-tj ul li .xiangqing{
        font-size: 12px;
    }
    .case-bj{
        height: auto;
    }
    .about_us_div2_dynamic_p a{
        padding: 5px;
        margin: 5px 1px;
    }
    .case-nr .case-pl ul li .case-text h1{
        font-size: 15px;
        margin-top: 10px;
    }
    .about_us_div2_dynamic_p{
        padding: 10px 0px;
    }
    .new-nr .new-box li{
        display: block;
    }
    .new-nr .new-box li .new-left{
        margin-right: 0px;
    }
    .manual-page .manual-box .manual-bg>tbody>tr{
        font-size: 12px;
    }
    .sub_ziXun input.btn1 {
        width: 100px;
        height: 30px;
        font-size: 14px;
    }
    .sub_ziXun{
        height: auto;
        margin-top: 10px;
    }

}
@media screen and (max-width:500px){
    .head-search .menu-search{
        position: fixed;
        right: 3.5rem;
        width: 21%;
        top: 7px;
        bottom: auto;
    }
    .product-box .product-cp .product-cards ul li .cards-tp{
        height: auto;
    }
    .cp-tj ul li .cp-tu{
        height: 90px;
    }
    .wantConsult_btm_right .form .input_p .span1{
        width: 60px;
    }
    .wantConsult_btm_right .input_p .txt{
        width: 210px;
    }
}

@media screen and (max-width:390px){
    .product-box .product-cp .product-cards ul li{
        width: 43.33333%;
        max-width: 43.33333%;
    }
}