@media only screen and (min-width:1024px) and (max-width: 1200px)
{

}
@media only screen and (min-width:768px) and (max-width: 1024px){
    .inner{width:98%;margin:0 1%;}
    .flef,.fright{
        float:right;
    }
    #header{height:auto;}
    .holine-wrap{
        position:static;
    }
    .left-sp{width:50px}
    .lang{margin-right:10px;margin-top:12px;}
    .search{margin-top:20px;}
    .logo{width:100%;text-align:center;}
    .hotline{width:100%;height:auto;margin-bottom:10px}
    .menu-top{margin-top:5px;float:none;}
    .dt-menu-toggle{display:block;}
    .menu-top{display:none}
    .menu-top li{
        width:100%;
        float:none;
    }
    .menu-top li{
        margin-left:5px;
        line-height:35px;
        min-height:35px;
    }
    .menu-top li a{
        margin:0px;
        line-height:35px;
    }
    .menu-top li:hover ul{
        position:static;
    }
    .ul-chil{
        width:100%;
        padding:5px 0px;
        border:none!important;
    }
    .first-ul{display:none;}
    #slideshow{height:auto;}
    #cate-list{height:auto;display:inline-block}
    .cell_1{float:none;}
    .cell-cate{width:100%;float:none;}
    .cell-inner{width:100%;}
    .cell-inner img{max-width:100%}
    .counter{margin-top:20px;margin-left:20px;}
    .copy .inner p{margin-left:20px;padding:15px 0px;}
    .col-left{width:100%;}
    .content{width:100%;margin-top:20px;border-top:1px solid #EE1D25;padding-top:10px;}
    .content img{max-width:100%;}
    .support{margin:auto}
    .dt-menu-toggle2{margin-bottom:10px;}
    p.rowss label{margin:0px;text-align:left}
    .img-cap img{margin-left:120px;margin-top:5px;}
    .div-list-art{width:100%;text-align:center;float:none;}
    #list-arts li img{float:none}
    .intro-tv{padding:10px 20px;margin-top:10px;}
    .rowss img{
        margin-left:120px;
        margin-top:5px;
    }
    .cell-cates{width:100%;float:none;text-align:center;}
    .tit-brand{width:100%;}
    .cell-pro{width:100%;float:none;text-align:center;}
    .img-pro{width:100%;}
    .right-info{margin-left:0px;min-height: auto;margin-top:20px;display:inline-block}
    .non-respon{display:none;}
}

@media only screen and (max-width: 768px){
    .inner{width:98%;margin:0 1%;}
    .flef,.fright{
        float:right;
    }
    #header{height:auto;}
    .holine-wrap{
        position:static;
    }
    .left-sp{width:50px}
    .lang{margin-right:10px;margin-top:12px;}
    .search{margin-top:20px;}
    .logo{width:100%;text-align:center;}
    .hotline{width:100%;height:auto;margin-bottom:10px}
    .menu-top{margin-top:5px;float:none;}
    .dt-menu-toggle{display:block;}
    .menu-top{display:none}
    .menu-top li{
        width:100%;
        float:none;
    }
    .menu-top li{
        margin-left:5px;
        line-height:35px;
        min-height:35px;
    }
    .menu-top li a{
        margin:0px;
        line-height:35px;
    }
    .menu-top li:hover ul{
        position:static;
    }
    .ul-chil{
        width:100%;
        padding:5px 0px;
        border:none!important;
    }
    .first-ul{display:none;}
    #slideshow{height:auto;}
    #cate-list{height:auto;display:inline-block}
    .cell_1{float:none;}
    .cell-cate{width:100%;float:none;}
    .cell-inner{width:100%;}
    .cell-inner img{max-width:100%}
    .counter{margin-top:20px;margin-left:20px;}
    .copy .inner p{margin-left:20px;padding:15px 0px;}
    .col-left{width:100%;}
    .content{width:100%;margin-top:20px;border-top:1px solid #EE1D25;padding-top:10px;}
    .content img{max-width:100%;}
    .support{margin:auto}
    .dt-menu-toggle2{margin-bottom:10px;}
    p.rowss label{margin:0px;text-align:left}
    .img-cap img{margin-left:120px;margin-top:5px;}
    .div-list-art{width:100%;text-align:center;float:none;}
    #list-arts li img{float:none}
    .intro-tv{padding:10px 20px;margin-top:10px;}
    .rowss img{
        margin-left:120px;
        margin-top:5px;
    }
    .cell-cates{width:100%;float:none;text-align:center;}
    .tit-brand{width:100%;}
    .cell-pro{width:100%;float:none;text-align:center;}
    .img-pro{width:100%;}
    .right-info{margin-left:0px;min-height: auto;margin-top:20px;display:inline-block}
    .non-respon{display:none;}
}
@media only screen and (max-width: 480px){
    .inner{width:98%;margin:0 1%;}
    .flef,.fright{
        float:right;
    }
    #header{height:auto;}
    .holine-wrap{
        position:static;
    }
    .left-sp{width:50px}
    .lang{margin-right:10px;margin-top:12px;}
    .search{margin-top:20px;}
    .logo{width:100%;text-align:center;}
    .hotline{width:100%;height:auto;margin-bottom:10px}
    .menu-top{margin-top:5px;float:none;}
    .dt-menu-toggle{display:block;}
    .menu-top{display:none}
    .menu-top li{
        width:100%;
        float:none;
    }
    .menu-top li{
        margin-left:5px;
        line-height:35px;
        min-height:35px;
    }
    .menu-top li a{
        margin:0px;
        line-height:35px;
    }
    .menu-top li:hover ul{
        position:static;
    }
    .ul-chil{
        width:100%;
        padding:5px 0px;
        border:none!important;
    }
    .first-ul{display:none;}
    #slideshow{height:auto;}
    #cate-list{height:auto;display:inline-block}
    .cell_1{float:none;}
    .cell-cate{width:100%;float:none;}
    .cell-inner{width:100%;}
    .cell-inner img{max-width:100%}
    .counter{margin-top:20px;margin-left:20px;}
    .copy .inner p{margin-left:20px;padding:15px 0px;}
    .col-left{width:100%;}
    .content{width:100%;margin-top:20px;border-top:1px solid #EE1D25;padding-top:10px;}
    .content img{max-width:100%;}
    .support{margin:auto}
    .dt-menu-toggle2{margin-bottom:10px;}
    p.rowss label{margin:0px;text-align:left}
    .img-cap img{margin-left:120px;margin-top:5px;}
    .div-list-art{width:100%;text-align:center;float:none;}
    #list-arts li img{float:none}
    .intro-tv{padding:10px 20px;margin-top:10px;}
    .rowss img{
        margin-left:120px;
        margin-top:5px;
    }
    .cell-cates{width:100%;float:none;text-align:center;}
    .tit-brand{width:100%;}
    .cell-pro{width:100%;float:none;text-align:center;}
    .img-pro{width:100%;}
    .right-info{margin-left:0px;min-height: auto;margin-top:20px;display:inline-block}
    .non-respon{display:none;}
    .left-sp,.right-sp{
        display: none;
    }
    .mid-sp{
        font-size: 14px;
    }
}