.phone_show{
    display: none;
}
/*1600 灞�*/
@media screen and (max-width: 1600px) {
    .case ul {
        padding-top: 9px;
    }
    .case .c{
        padding-bottom: 40px;
    }
    .case ul li {
        margin-right: 9px;
    }
    .i_info .boxli .con .pic{
        height: 226px;
    }
    .i_info .boxli .con {
        width: 368px;
    }
    .foot ul {
        margin-right: 10%;
    }
    .news ul li .conr {
        width: 626px;
    }
    .message .input_box{
        width: 293px;
    }
}
@media screen and (max-width: 1440px) {
    .model .box_li{
        width: 36%;
    }
    .model .box_rig{
        width: 29%;
        padding-left: 3%;
    }
    .case ul li .pic {
        width: 328px;
        height: 218px;
    }
    .in_right{
        width: 64%;
    }
    .rec .rec_box{
        width: 47%;
    }
    .i_info .boxli .con {
        width: 327px;
    }
    .i_info .boxli .con .pic {
        height: 201px;
    }
    .i_info .boxli ul li a{
        width: 64%;
    }
    .i_info .boxli dl dd{
        width: 59px
    }
    .foot ul {
        margin-right: 9%;
    }
    .news ul li .conr {
        width: 500px;
    }
    .message .input_box {
        width: 258px;
    }
}
@media screen and (max-width: 1400px) {
    .case ul li .pic {
        width: 314px;
        height: 218px;
    }
    .i_info .boxli .con {
        width: 314px;
    }
    .i_info .boxli .con .pic {
        height: 192px;
    }
}
@media screen and (max-width: 1366px) {
    .case ul li .pic {
        width: 305px;
    }
    .i_info .boxli .con {
        width: 309px;
    }
    .i_info .boxli .con .pic {
        height: 190px;
    }
    .news ul li .conr {
        width: 434px;
    }
}
@media screen and (max-width: 1280px) {
    .model .box_li {
        width: 33%;
    }
    .model .box_rig{
        width: 30%;
    }
    .case ul li .pic {
        width: 223px;
        height: 153px;
    }
    .i_info .boxli .con {
        width: 288px;
    }
    .i_info .boxli dl dd {
        width: 51px;
    }
    .foot ul {
        margin-right: 8%;
    }
    .in_right{
        width: 64%;
    }
    .rec .rec_box{
        width: 320px;
    }
    .xl_sear .input_t.b{
        width: 39%;
    }
    .news ul li .conr{
        width: 402px;
    }
    .message .input_box {
        width: 219px;
    }
}
/*ipad*/
@media screen and (max-width: 1000px) {
    .d_flex{
        display: block;
    }
    .logo{
        width: 300px;
    }
    .model .box_rig .box_con{
        width: 100%;
    }
    .in_right{
        width: 560px;
    }
    .service{
        width: 100%;
    }
    .case ul li .pic {
        width: 160px;
        height: 107px;
    }
    .i_info .box{
        display: block;
        overflow: hidden;
    }
    .i_info .boxli{
        width: 48%;
        float: left;
        margin: 2% 1%;
        height: 606px;
    }
    .i_info .boxli .con{
        width: 100%;
    }
    .i_info .boxli .con .pic {
        height: 197px;
    }
    .foot{
        display: block;
        overflow: hidden;
    }
    .foot ul{
        float: left;
    }
}
/*鎵嬫満*/
@media screen and (max-width: 640px) {
    .phone_show{
        display: block;
    }
    .phone_hide{
        display: none;
    }
    .header,.top_nav{
        display: none;
    }
    .banner{
        margin-top: 50px;
    }
    .wrap{
        padding: 0 10px;
    }
    .inbanner{
        margin-top: 50px;
        height: 70px;
        line-height: 70px;
        font-size: 20px;
    }
    .m_menu{
        height: 50px;
        position: fixed;
        background: #006fe2;
        color: #fff;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
    }
    .m_logo{
        width: auto;
        float: left;
        text-align: left;
        padding-left: 5px;
    }
    .m_logo img {
        max-width: 100%;
        max-height: 40px;
        padding-top: 8px;
        width: auto !important;

    }
    .menu_but{
        float: right;
        padding-top: 8px;
        position: relative;
        display: flex;
    align-items: center;
    }
    .menu_but .but{
        text-align: center;
        width: 40px;
    }
    .menu_but .but img{
        max-width: 100%;
    }
    .menu_list{
        background: rgba(0,111,226,0.9);
        position: absolute;
        width: 203px;
        top: 50px;
        right: 0;
        display: none;
    }
    .menu_list li{
        position: relative;
        border-bottom: 1px solid #fff;
    }
    .menu_list li a.mtype{
        width: 150px;
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 12px 0;
        text-indent: 10px;
        color: #fff;
    }
    .menu_list li span.ioc{
        float: right;
        width: 17px;
        text-align: center;
        height: 17px;
        padding-right: 15px;
        padding-top: 12px;
    }
    .menu_list li span.ioc img{
        max-width: 100%;
    }

    .menu_list li dl{
        background: #006FE2;
        display: none;
        position: absolute;
        width: 100%;
        z-index: 9;
        top: 43px;
    }
    .menu_list li dl dd{
        height: 43px;
        line-height: 43px;
        border-bottom: 1px solid #fff;
        text-indent: 20px;
    }
    .menu_list li dl dd a{
        color: #fff;
    }
    .menu_list li dl dd:first-child{
        border-top: 1px solid #fff;
    }
    .menu_list li dl dd:last-child{
        border-bottom: none;
    }
    .model .box_li{
        width: 100%;
    }
    .model .box_rig{
        width: 100%;
        padding-left: 0;
        margin-top: 50px;
    }
    .service ul li .desc{
        line-height: 24px;
        overflow: hidden;
    }
    .case ul{
        display: block;
    }
    .case ul.phone_hide{
        display: none;
    }
    .case ul li{
        width: 49%;
        float: left;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .case ul li:nth-child(2n){
        margin-right: 0;
    }
    .case ul li .pic {
        width: 100%;
        height: 129px;
    }
    .t_name{
        font-size: 20px;
    }
    .i_info .boxli{
        width: 98%;
    }
    .foot ul{
        display: inline-block;
        margin-right: 13%;
        vertical-align: top;
    }
    .in_left{
        float: none;
        margin: auto;
        display: none;
    }
    .in_right {
        width: 100%;
        padding-left: 0;
    }
    .news ul li a.pic{
        width: 150px;
        height: 93px;
    }
    .news ul li .conr {
        width: 233px;
        margin-left: 10px;
        margin-top: 0;
    }
    .news ul li .conr .desc{
        padding-top: 5px;
        height: 40px;
        line-height: 20px;
    }
    .news ul li .conr .time {
        margin-top: 9px;
    }
    .news ul li{
        margin-bottom: 15px;
    }
    .fenye li{
        margin: 0 3px;
    }
    .rec .rec_box{
        width: 100%;
    }
    .logistics ul li .con{
        width: 200px;
    }
    .message .input_box{
        width: 100%;
    }
    .message input, .message textarea{
        width: 90%;
    }
    .incase ul li{
        width: 49%;
    }
    .incase ul li:nth-child(2n){
        margin-right: 0;
    }
    .incase ul li .pic{
        height: 129px;
    }
    .right_kefu .qq li img{
        width: 20px;
    }
}
@media screen and (max-width: 380px) {
    .service ul li{
        width: 48%;
    }
    .in_left{
        width: 358px;
        display: none;
    }
    .foot ul{
        margin-right: 11%;
    }
    .news ul li .conr {
        width: 194px;
    }
    .a_c dl dd{
        margin-right: 25px;
    }
}
@media screen and (max-width: 360px) {
    .in_left {
        width: 340px;
    }
    .foot ul {
        margin-right: 10%;
    }
    .news ul li .conr {
        width: 178px;
    }
    .logistics ul li .con {
        float: left;
        width: 195px;
    }
    .a_c dl dd{
        margin-right: 20px;
    }
}
@media screen and (max-width: 320px) {
    .in_left {
        width: 300px;
    }
    .news ul li .conr {
        width: 138px;
    }
    .logistics ul li .con {
        float: left;
        width: 146px;
    }
    .a_c dl dd{
        margin-right: 11px;
    }
}