@media screen and (min-width:320px) and (max-width:800px) {
 html{font-size:625%;}
.header,.nav{display:none;}
.phoneheader{
        height:0.5rem;
        line-height:0.5rem;
        border-bottom:1px solid rgba(255,255,255,0.6);
        position: absolute;
        top: 0;
        width: 100%;
        display:block;
}
    
.phoneheader .fn-clear{
    padding:0 0.15rem;
    height:0.5rem;
     line-height:0.5rem;
   
 }
 
 .phoneheader  img.fl{
     width:1.5rem;
     margin-top:.1rem;
 }
 
 .phoneheader  img.fr{
     width:0.3rem;
     margin-top:.12rem;
 }
 .mobile-container{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    display:none;
    z-index:999;
}

.mobile_nav{
    position:fixed;
    top:0;
    right:0;
    left:auto;
    width:60%;
    height:100%;
    background:#fff;
    padding:0 0.12rem;
}
.mobile_nav .top{
    height:0.7rem;
    line-height:0.7rem;
    display:flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid rgba(229,229,229,1);
}
.mobile_nav .top img{
    float:left;
    width:.2rem;
}
.mobile_nav .top a{
    width:1rem;
    height:.3rem;
    line-height:.3rem;
    background:url(../img/bg2.png)  no-repeat center center;
    background-size:100%;
    float:right;
    position: relative;
}
.mobile_nav .top a span{
    position: absolute;
    right:0.12rem;
    font-size:.16rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(134,134,134,1);
}

.mobile_nav  li{
    border-bottom:1px solid rgba(229,229,229,1);
    position: relative;
    line-height:.45rem;
    text-align:right;
    padding-right:.1rem; 
}
.mobile_nav  li a{
    font-size:.16rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
display:block;
width:100%;

}
.mobile_nav>ul>li:nth-of-type(1){
    background:none;
}
.mobile_nav>ul>li{
    background:url(../img/xl.png)  no-repeat right 50% top .2rem;
  }
  
.mobile_nav  li .submenu{
    display:none;
}
.mobile_nav  li .submenu li{
     height:.4rem;
     line-height:.4rem;
     text-align:center;
     box-sizing:border-box
}
.mobile_nav  li .submenu li.active{
    background:rgba(247,247,247,1);
    border-left:4px solid rgba(56,192,255,1);
}
.mobile_nav  li .submenu li a{
    color:rgba(153,153,153,1);
    font-size:0.14rem;
}
.banner{
    margin-top:.5rem;
}

.banner .swiper-pagination{
    bottom:10px !important;
}
.banner .swiper-pagination span{
    width:10px;
    height:10px;
    border-radius:50%;
    margin:0 5px!important;
}

.wrap{width:94%;}
.scroll,.scroll span.fl,#scroll_div{
    height:.3rem;
    line-height:.3rem;
}
.scroll span.fl{
    margin-right:15px;
}
.scroll  .search{display:none;}
#scroll_div{width:70%;}
.scroll img{margin-top:10px;}

.indexproduct,.indexcase,.indexsolution,.indexnews,.commonbox,.commonbox .solution{
    padding:20px 0 30px;
}
.commontitle span.num{
    font-size:.5rem;
}
.commontitle span.item{
    font-size:.22rem;
    margin-top:-50px;
}
.commontitle,.toggleitem{
    margin-bottom:15px;
}
.toggleitem span{
    width:auto;
    padding:0 5px;
    margin-right:3px;
    font-size:12px;
}
.indexproduct .togglecontent li{
    width:100%;
    height:70px;
    line-height:70px;
    margin-bottom:10px;
}
.indexproduct .togglecontent li span.fl{
    font-size:.18rem;
}
.indexcase .left{width:100%}
.indexcase .fl li{
    width:32%;
    float:left;
    margin:0 1% 10px 0;
}
.indexcase .fl li i{
    margin-right:5px;
}
.indexcase .fl ul{
    display:flex;
    align-items:center;
    justify-content: center;
    flex-wrap:wrap;
}
.indexcase .fl li:nth-of-type(4),.indexcase .fl li:nth-of-type(6){margin-left:3%;}
.indexcase .right{width:100%;padding:15px 3%;box-sizing:border-box;}
.indexcase .right span.fl{font-size:.22rem;}
.indexcase .right p.text{font-size:0.14rem;margin:.1rem 0;}
.indexcase .right li{width:30%;margin-right:2%;display:inline-block;
vertical-align: top;float:none;margin-bottom:10px;}
.indexcase .right .caselist span{font-size:.22rem;margin:.1rem 0;}
.indexcase .right .caselist li{float:left;width:30%;height:100px;}
.indexsolution li{width:49%;}
.indexnews .swiper-container{width:85%;}
.indexnews .swiper-button-prev{left:1%;}
.indexnews .swiper-button-next{right:1%;}
.indexnews .swiper-slide .photo,.indexnews .swiper-slide .photo img{height:auto;}
.indexcontact p.item{font-size:.22rem;}
.indexcontact p.text{font-size:.14rem;margin:.1rem 0;}
.indexcontact form{flex-wrap:wrap;}
.indexcontact a{margin-left:10px;}
.indexcontact input{width:140px;margin:0 10px 10px 0;}
.indexcontact p.tel{font-size:.16rem;margin-top:5px;}

.footer .wrap{padding:20px 0;}
.footer .wrap .fl:first-child{width:100%;border-right:none;}
.footer .wrap>div>span{margin-bottom:5px;}
.footer .wrap>div.fl:nth-of-type(2),.footer .wrap>div.fr{padding:0;border-right:none;margin-top:15px;
width:100%;}
.footer .wrap .fl .codebox{width:100%;}
.footer .wrap .fr img{display:block;margin:0 auto;}
.footer ul{flex-wrap:wrap;}
.footer .copy{line-height:20px;}

.commonbox .leftnav{display:none;}
.commonbox .fr{width:100%;}
.commonbox .list{padding:10px 15px 40px;}
.commonbox .list li span.fr{font-size:.12rem;width:25%;}
.commonbox .list li span.fl{width:65%;font-size:.12rem;}
.page form{flex-wrap:wrap;}
.page a:nth-of-type(3),.page a:nth-of-type(4),.page a:nth-of-type(5),.page a:nth-of-type(6),.page a:nth-of-type(7){
    display:none;}
    .page a{padding:5px 8px;}
    .page button{width:50px;}
    .detailtext .item p{font-size:.17rem;line-height:.24rem;}
    .detailtext .texts{padding:20px 0 10px;}
    .chapter{padding:10px 0 15px;}
    .commonbox .solution li{width:49%;padding:10px 0;}
    .commonbox .caselist li{padding:10px;}
    .commonbox .caselist li .fr{width:100%;}
    .commonbox .caselist li img{width:100%;height:auto;}
    .commonbox .caselist,.commonbox .down{padding:20px 10px 30px;}
    .commonbox .down li span.time{width:20%;}
    .commonbox .down li span.item{width:52%;}
    .commonbox .down li .fr{margin-right:5px;width:73px;}
    .newslist .lists li .data{display:none;}
    .newslist .lists li{padding:10px;border-bottom: 1px solid #ccc;
    box-sizing:border-box;
}
    
    .newslist .lists li >.right{width:100%;padding:0;border-bottom:none;}
    .indexsolution li img,.commonbox .solution li img{max-width:30%;}
    .commonbox .caselist li .fr span.time{margin:10px 0;}
    .detailtext .item{padding:20px 0 10px;}
    .newslist .lists li .photo{width:38%;}
    .newslist .lists li .photo img{height:auto;}
    .newslist .lists li .text{width:60%;}
    .newslist .lists li .text p.item{font-size:.16rem;margin-bottom:5px;}
    .newslist .lists li .text p.text{font-size:.12rem;}
    .newslist .lists li .text a{margin-top:10px;}

    .commonbox .fr .honor li{width:49%;margin:0 2% 10px 0;}
    .commonbox .fr .honor li img{height:120px;}
    .commonbox .fr .honor li:nth-of-type(2n){margin-right:0;}
    .commonbox .fr .honor li:nth-of-type(3n){margin-right:2%;}
    .commonbox .fr .honor li:nth-of-type(6n){margin-right:0;}
    .detailtext{padding:0 10px 20px;}
    .sidebar{display: none;}


    
/*最新产品页面*/
.new_pro {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #f5f5f5;
}
.new_pro h2{
    width: 100%;
    margin: 0 auto;
    margin-top:.3rem;
    margin-bottom: .2rem;
    text-align: center;
    font-size: .26rem;
    font-weight: bold;
}
.new_pro .new_pro_tt{
width: 100%;
display: flex;
text-align: center;
margin-bottom: .25rem;
justify-content: center;
}
.new_pro .new_pro_tt a{
    display: inline-block;
    width:50%;
    height: .55rem;
    line-height: .55rem;
    text-align: center;
    color: #212423;
    font-size: .16rem;
    background-color: #e1edfa;
}

    
.summer .summer_title {
    width: 100%;
display: flex;
text-align: center;
margin-bottom:.3rem;
justify-content: center;
}

.summer .summer_title li {
    display: inline-block;
    margin: 0 .1rem;
    font-size: .14rem;
    color: #333333;
    cursor: pointer;
    padding: .05rem .03rem;
    cursor: pointer;
}


.summer .summer_title .active {
    color: #FFFFFF;
    background-color:#2587ee;
    border-radius:.05rem;
    padding: .05rem .03rem;
}
.summer .summer_title .active a{
    color: #FFFFFF;
}
.summer .sum_bgcolor{
    background-color: #f5f7fa;
    position: relative;
    padding: .4rem 0;
}
.summer .sum_box {
    width: 100%;
    margin: 0 auto;
    display: none;
}
.summer .sum_box ul{
    position: relative;
}
.summer .sum_box li{
    width: 42%;
    position: relative;
    height: auto;
    display: inline-block;
    transition: .5s;
    margin-right: 2.8%;
    margin-bottom: .15rem;
    vertical-align: top;
    background-color: #FFFFFF;
    padding:.15rem .1rem;
    vertical-align: top;
    transition: .5s;
}

.summer .sum_box li:nth-of-type(4n) {
    margin-right: 0%;
}

.summer .sum_box li:nth-of-type(2n) {
    margin-right: 0%;
}
.summer .sum_box li .sum_img {
    display: block;
    width: 100%;
    min-height: 1rem;
    vertical-align: middle;
    border-radius: .05rem;
    background-color: #d7dee4;
    transition: .5s;
}
.summer .sum_box li .sum_img img{
    max-width: 100%;
}
.summer .sum_box li p {
    height: .4rem;
    width: 100%;
    font-size: .16rem;
    text-align: center;
    line-height: .4rem;
    margin: .15rem auto;
    overflow: hidden;
    color: #212423;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}

.summer .sum_box li a.new_pro_more{
    display: block;
    padding: .06rem .14rem;
    margin: 0 auto;
    width: .6rem;
    border: 1px solid #2587ee;
    color: #2587ee;
    font-size: .12rem;
    border-radius:.16rem;
    transition: .5s;
    text-align: center;
}

.summer .sum_box li:hover .sum_img{
    transition: .5s;
    background-color: #2587ee;
    
}
.summer .sum_box li:hover .new_pro_more{
    color: #FFFFFF;
    border: 1px solid #2587ee;
    background-color: #2587ee;
}

}