@media screen and (max-width: 800px){
    body{
        width: 375px;
    }
    .h_conm_right{
        display: none !important;
    }
    .h_top{
        width: 375px;
    }
    .h_header{
        font-size: 14px;
        background: #E8EAE9;
        margin: 0;
        width: 375px;
        position: inherit;
    }
    .top_bg{
        height: 145px;
        margin: 0;
    }
    .header2{
        width: 375px;
        background: rgba( 184,30,34, .025);
    }
    .header2 .login{
        width: 50%;
        padding: 10px 10px;
        margin-left: 23%;
    }
    .header2 .phone{
        display: none;
    }
    .header2 .h_nav{
        display: none;
    }
    .h_nav{
        padding: 0 0 25px 0;
    }
    .nav{
        display: block !important;
        background: #fff;
        width: 100%;
    }
    .nav ul{
        display: flex;
        flex-wrap: wrap;
    }
    .nav ul li{
        width: 24%;
        padding: 10px 1px;
        background: rgba( 184,30,34, 1);
        border-top: 2px solid #ffffff;
        border-left: 1px solid #ffffff;
    }
    .nav ul li span{
        padding: 0 10px;
        text-align: center;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #FFF;
        font-size: 14px;
    }
    .exhibition_case_details .main_container .right_content_wrap .relevant_wrap{
        display: none;
    }

    /*首页*/
    #flashs{
        display: none;
    }
    .indextwo{
        display: none;
    }
    .w-a{
        display: none;
    }
    .kefupj{
        display: none;
    }
    .pjcolumn{
        display: none;
    }
    .diy{
        display: none;
    }
    .ysfutwo{
        display: none;
    }
    .abouts{
        display: none;
    }
    .gfsg{
        display: none;
    }
    .ztpt{
        display: none;
    }
    .fivebz{
        display: none;
    }
    .k-a{
        display: none;
    }
    .i-a{
        display: none;
    }
    .m-a{
        display: none;
    }
    #flashs ul{
        width: 375px;
    }
    .prjvideo .pjcom{
        width: 375px;
    }
    .prj_column{
        width: 375px;
    }
    .ys_com{
        width: 375px;
    }
    .yfcom {
        width: 375px;
    }
    .team ul {
        width: 375px;
    }
    .abouts .title{
        width: 375px;
    }
    .aboutcom{
        width: 375px;
    }
    .aboutcc .accs img{
        width: 375px;
    }
    .gfsg{
        width: 375px;
    }
    .ztptcom{
        width: 375px;
    }
    .fivebzcom{
        width: 375px;
    }
    .kfpjcom {
        width: 375px;
    }
    .kf_con {
        width: 375px;
    }
    .m-cont {
        width: 375px;
    }
    .w-cont{width: 375px;}
    .i-cont{width: 375px;}
    .k-cont{width: 375px;}
    .indextwos{width: 375px;}
    .crumbs_wrap{width: 375px;}
    .enter_company{width: 375px;}
    .diy ul{width: 375px;}
    .mobile_ss{
        display: block !important;
        background: rgba( 184,30,34, .025);
        margin: 0;
        width: 375px;
    }
    .fixed{
        width: 375px !important;
        position: inherit;
        top: 0;
    }
    .videos{
        margin: 15px 5px 5px 5px;
        width: 375px;
    }
    .title1{
        font-size: 24px;
        line-height: 24px;
        font-weight: bold;
        letter-spacing: 2px;
        text-align: center;
        padding-top: 14px;
        color: rgba( 184,30,34, 1);
    }
    .fu_title{
        margin: 20px 0 10px -8px;
        font-size: 24px;
        width: 375px;
        text-align: center;
    }
    .f282{
        font-size: 18px;
        line-height: 27px;
    }
    .con{
        overflow: hidden;
        width: 360px;
        height: 180px;
        position:relative;
    }
    .uls{
        display: flex;
        position: absolute;
        width: 500%;
        left: -100%;
    }
    .lis img{
        width: 360px;
    }
    .items{
        height: 83px;
        margin-bottom: 10px;
        background: #fff;
        padding: 0 12px;
        border-bottom: 1px rgba( 184,30,34, .025) solid;
    }
    .time{
        float: left;
        width: 20%;
    }
    .info{
        float: left;
        width: 75%;
        height: 80px;
        line-height: 16px;
        font-size: 14px;
        margin-left: 11px;
    }
    .items p{
        height: 50px;
        overflow: hidden;
    }
    .lianxi{
        margin: 0 auto;
        width: 100%;
        font-size: 20px;
        margin-top: 20px;
    }
    .lianxi span{
        display: block;
        text-align: center;
        color: rgba( 184,30,34, 1);
        font-weight: 600;
    }
    .lx_con{
        text-align: center;
        line-height: 38px;
        font-size: 17px;
    }
    .lianxi button{
        background: rgba( 184,30,34, 1);
        color: #fff;
        border: none;
        line-height: 40px;
        padding: 0 14px;
        margin-left: 4%;
        border-radius: 21px;
    }
    .lianxi a{
        color: #fff;
    }

    /*banner*/
 .box {
     position: relative;
     overflow: hidden;
 }

    .img {
        width: 3000px;
        height: 188px;
    }

    .box img {
        float: left;
        width: 375px;
        height: 188px;
    }

    .btn {
        position: absolute;
        top: 350px;
        left: 245px;
        width: 110px;
        height: 20px;
    }

    .dian {
        float: left;
        margin: 5px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        cursor: pointer;
    }
    .right {
        display: none;
        box-sizing: border-box;
        position: absolute;
        top: 150px;
        width: 50px;
        height: 100px;
        background-color: rgba(0, 0, 0, 0.521);
        font-size: 40px;
        line-height: 100px;
        color: #fff;
    }

    .box:hover .left,
    .box:hover .right {
        display: block;
    }

    .left {
        padding-left: 10px;
        left: 0;
    }

    .right {
        padding-right: 10px;
        text-align: right;
        right: 0;
    }


    .tab_list {
        height: 39px;
        padding-top: 18px;
    }

    .tab_list li {
        float: left;
        height: 39px;
        line-height: 39px;
        padding: 0 6px;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
        margin: 0;
        border: 1px #ccc solid;
        margin-left: 2px;
    }

    .tab_list .currents {
        background-color: #c81623;
        color: #fff;
    }


    .item_info {
        padding: 20px 0 0 20px;
    }
    .bk_item{
        display: none;
    }
    .bk_item li{
        width: 48%;
        height: 165px;
        float: left;
        margin-left: 5px;
        overflow: hidden;
    }
    .tab_con{
        margin: 10px 0 10px 0;
    }
    .bk_title{
        text-align: center;
        font-size: 14px;
        line-height: 40px;
    }
    .gz_list{
        height: 39px;
        padding-top: 18px;
    }
    .gz_list li {
        float: left;
        height: 39px;
        line-height: 39px;
        padding: 0 16px;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
        border: 1px #ccc solid;
        margin-left: 3px;
    }
    .gz_list .current {
        background-color: #c81623;
        color: #fff;
    }
    .gz_item{
        display: none;
    }
    .gz_item li{
        height: 264px;
        width: 48%;
        margin: 0 auto;
        padding-left: 5px;
        float: left;
    }
    .gz_item li img{
        width: 180px;
    }
    .gz_item li span{
        display: block;
        text-align: center;
        line-height: 34px;
        font-size: 14px;
    }


    /*详情*/
    #flashs .xiaoan{
        display: none;
    }
    .layout{
        width: 100% !important;
    }
    .exhibition_case .main_container .right_content_wrap .case_list_box ul li{
        display: block !important;
        width: 28%;
        margin: 0 2% 2% 2% !important;
    }
    .exhibition_case .main_container .right_content_wrap .other_info_box{
        display: none;
    }
    .exhibition_case_details .main_container .right_content_wrap{
        width: 375px !important;
    }
    .exhibition_case_details .main_container{
        margin-top: 0 !important;
    }
    .fl{
        display: none;
    }
    .main_container .right_content_wrap{
        float: left;
    }
    .crumbs_wrap{
        padding-left: 20px;
        width: 100%;
    }

    .mobile_wrap{
        display: block !important;
        width: 70%;
        margin: 0 auto;
        margin-bottom: 20px;
        height: 40px;
    }
    .mobile_wrap li {
        float: left;
        background: rgba( 184,30,34, 1);
        padding: 0 10px;
        line-height: 30px;
        border-left: 2px #fff solid;
        margin-top: 3px;
        font-size: 14px;
        height: 30px;
    }
    .mobile_wrap li a{
        color: #fff;
    }
    .paging_wrap li{
        display: block;
        float: left;
    }
    .paging_wrap ul{
        margin-left: 7% !important;
    }
    .paging_wrap{
        padding: 50px 0 !important;
        margin-bottom: 1px !important;
    }
    *{
        box-sizing:content-box !important;
    }
    /*底部*/
    footer{
        width: 375px !important;
        margin-bottom: 66px;
    }
    .f-top{
        padding: 20px 4% 0;
    }
    .foot{
        width: 100%;
        margin-left: 4%;
    }
    .foot_left{
        display: none;
    }
    .f-cont .z1{
        width: 100%;
    }
    .f-cont{
        width: 100%;
        margin: 0;
        line-height: 32px;
    }
    .f-copy span{
        font-size: 14px;
    }
    .infos span{
        display: block;
        font-size: 14px;
        color: #fff;
        margin-left: 10%;
        opacity: 0.5;
        line-height: 22px;
    }
    .s16{
        margin-left: 10%;
        text-align: left !important;
    }
    .foot .foot_right{
        display: flex;
        justify-content: space-between;
        align-items: center;
         width: 0px;
        margin-left: 17%;
    }
    .foot_nav{
        float: left;
        width: 25%;
        text-align: center;
        margin-top: 5px;
    }
    .foot_nav img{
        width: 28%;
        float: left;
        margin-left: 35%;
    }
    .foot_nav span{
        float: left;
        width: 100%;
        font-size: 14px;
        height: 36px;
        font-weight: 600;
        line-height: 38px;
    }
    #main_con_box video{
        width: 100%;
    }
}