@media screen and (min-width: 320px) and (max-width:768px) {
    .col-xs-3 {
        padding: 0px;
    }

    td {
        font-size: .8rem;
    }

    .panel-title {
        font-size: 1rem;
    }

    .bt {
        font-size: 1rem;
    }
    .content .wsbm {
        float: right;
    }

        .content .wsbm img {
            display: inline-block;
            width: 20%;
            float: left;
            margin-right: 10px;
        }

        .content .wsbm a {
            font-size: 1rem;
            color: red;
        }

    .content .bices {
        margin-bottom: 20px;
    }

        .content .bices .bices_top img {
            float: left;
            margin-left: 20px;
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

        .content .bices .bices_top span {
            font-size: 14px;
            line-height: 20px;
            padding: 0px;
        }

    .content .bices_top span a {
        color: #8d8d8e;
    }

    .tabs_top {
        margin-top: 20px !important;
    }

    .lyz_tab_left {
        background: #ffffff;
        text-align: center;
        border-radius: 5px;
    }

        .lyz_tab_left ul {
            padding: 30px 10px;
        }

            .lyz_tab_left ul li {
                padding: 10px 0px;
                font-size: .8rem;
                cursor: pointer;
                background: #ffffff;
                color: #000000;
            }

                .lyz_tab_left ul li.active {
                    background: #005bd9;
                    color: white;
                    border-radius: 4px;
                }

    .lyz_tab_right .active {
        display: block;
    }

    .lyz_tab_right > div {
        display: none;
    }

    .lyz_tab_right h4 {
        text-align: center;
        margin-bottom: 20px;
        font-size: 1rem;
    }

    .lyz_tab_right .tex p {
        font-size: .8rem;
        line-height: 32px;
        text-indent: 2em;
    }

    #customers {
        border-collapse: collapse;
        width: 100%;
    }

        #customers td, #customers th {
            font-size: .7rem;
            border: 1px solid #cccccc;
            padding: 4px;
        }

        #customers th {
            font-size: .6rem;
            text-align: center;
            padding-top: 4px;
            padding-bottom: 3px;
            background-color: #0075be;
            color: #ffffff;
        }

        #customers tr.alt td {
            color: #000000;
            background-color: rgba(152,151,151,0.1);
        }

        #customers td {
            text-align: center;
        }


    .guest_box {
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
    }

    .guest {
        width: 100%;
        background: #FFF;
        border-radius: 5px;
        box-shadow: 0 0 8px 1px rgba(152, 151, 151, 0.14);
        padding: 5px;
        margin: 0;
        display: inline-block;
        border: 1px solid #DEDEDE;
        min-height: 150px;
    }

        .guest > div {
            padding: 0;
        }

    .gues_des {
        padding-left: 15px !important;
    }

    .gue_name {
        color: #45484D;
        font-size: 1rem;
        margin: 0;
    }

    .gues_des span {
        color: #7C8393;
        font-size: .8rem;
        display: inline-block;
        width: 37%;
        margin-bottom: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .gues_des font {
        color: #E64D4F;
        font-size: 25px;
        padding-left: 5px;
    }

    .gues_pic a img {
        width: 55px;
        height: 55px;
        border-radius: 50%;
    }

    .gues_info {
        width: 100%;
        color: #7C8393;
        font-size: .8rem;
        line-height: 18px;
        text-indent: 2em;
    }

        .gues_info a {
            right: 0px;
            position: absolute;
            background-color: white;
            padding: 0 12px;
        }

    .gues_pic {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .upload {
        width: 40%;
        line-height: 18px;
        position: relative;
        cursor: pointer;
        color: #888;
        background: #fafafa;
        border: 1px solid #ddd;
        border-radius: 4px;
        display: inline-block;
        margin-left: 10px;
    }

        .upload input {
            padding: 5px 10px;
            opacity: 0;
            cursor: pointer;
        }

        .upload:hover {
            color: #444;
            background: #eee;
            border-color: #ccc;
            text-decoration: none;
        }

    .text2 {
        margin-top: 10px;
    }

        .text2 .ze {
            font-size: 14px;
            border-bottom: 1px dotted #cccccc;
            padding: 5px 10px;
            float: left;
            width: 100%;
        }

            .text2 .ze em {
                width: 40%;
                display: inline-block;
                height: 20px;
                overflow: hidden;
                font-size: .8rem;
            }

            .text2 .ze span {
                width: 40%;
                display: inline-block;
                height: 20px;
                overflow: hidden;
            }

            .text2 .ze i {
                width: 20%;
                display: inline-block;
                height: 20px;
                overflow: hidden;
            }

        .text2 .an {
            float: right;
            margin-bottom: 40px;
        }

        .text2 .wb {
            float: left;
            margin-top: 20px;
            text-align: center;
            width: 90%;
            font-size: .8rem;
        }

            .text2 .wb span {
                color: red;
            }

    .btn-lg {
        padding: 4px 10px;
        font-size: .8rem;
        border-radius: 3px;
    }

    #text1 {
        width: 60%;
        margin: 0 auto;
        margin-top: 20px;
    }

        #text1 > div {
            margin-bottom: 30px;
        }

        #text1 label span {
            display: inline-block;
            width: 70px;
            text-align: right;
        }

        #text1 input[type='text'] {
            width: 87%;
            padding: 5px 10px;
            cursor: pointer;
            border: 1px solid #dddddd;
            border-radius: 4px;
            color: #cccccc;
            margin-left: 10px;
        }

    #textName {
        width: 74% !important;
    }

    .report-file {
        padding: 1px 11px;
        display: inline-block;
        position: relative;
        border: 1px solid #428bca;
        background: none repeat scroll 0 0 #428bca;
        color: #fff;
        cursor: pointer;
        text-align: center;
        margin-right: 5px;
        border-radius: 4px;
    }

        .report-file .sc {
            width: 58px !important;
            cursor: pointer;
            display: block;
            line-height: 28px;
        }


    .fot input[type='text'] {
        display: inline-block;
        width: 37% !important;
    }

    .fot .lx {
        margin-right: 10px;
    }
}
@media screen and (min-width:1200px) {
.table span a{font-size:20px!important;color: #F37000;}
.table tr td{font-size:14px}
.bices_top{font-size:13px!important}
.bices_top a{font-size:14px;color: #F37000;}
.active p span{font-size:13px!important}
    .bt {
        font-size: 18px;
    }

    .content .wsbm {
        float: right;
        margin-top: -40px;
    }

        .content .wsbm img {
            display: inline-block;
            margin-right: 10px;
            float: left;
        }


        .content .wsbm a {
            font-size: 20px;
            color: red;
            float: left;
        }

    .content .bices {
        margin-top:15px;
        margin-bottom:15px;
    }

        .content .bices .bices_top img {
            float: left;
            margin-left: 20px;
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

        .content .bices .bices_top span {
            font-size: 14px;
            line-height: 20px;
            padding: 0px;
        }

    .content .bices_top span a {
        color: #8d8d8e;
    }

    .tabs_top {
        margin-top: 30px;
    }

    .lyz_tab_left {
        background: #ffffff;
        text-align: center;
        border-radius: 5px;
    }

        .lyz_tab_left ul {
            padding: 30px 10px;
        }

            .lyz_tab_left ul li {
                padding: 10px 15px;
                font-size: 14px;
                cursor: pointer;
                background: #ffffff;
                color: #000000;
            }

                .lyz_tab_left ul li.active {
                    background: #005bd9;
                    color: white;
                    border-radius: 4px;
                }

    .lyz_tab_right {
        padding: 10px 20px;
    }

        .lyz_tab_right .active {
            display: block;
        }

        .lyz_tab_right > div {
            display: none;
        }

        .lyz_tab_right h4 {
            text-align: center;
            margin-bottom: 20px;
        }

        .lyz_tab_right .tex p {
            font-size: 14px;
            line-height: 32px;
            text-indent: 2em;
        }

    #customers {
        border-collapse: collapse;
        width: 100%;
    }

        #customers td, #customers th {
            font-size: 14px;
            border: 1px solid #cccccc;
            padding: 5px 7px 4px 7px;
        }

        #customers th {
            font-size: 14px;
            text-align: center;
            padding-top: 4px;
            padding-bottom: 3px;
            background-color: #0075be;
            color: #ffffff;
        }

        #customers tr.alt td {
            color: #000000;
            background-color: rgba(152,151,151,0.1);
        }

        #customers td {
            text-align: center;
        }


    .guest_box {
        width: 50%;
        box-sizing: border-box;
        padding: 20px;
    }

    .guest {
        width: 100%;
        background: #FFF;
        border-radius: 5px;
        box-shadow: 0 0 8px 1px rgba(152, 151, 151, 0.14);
        padding: 20px;
        margin: 0;
        display: inline-block;
        border: 1px solid #DEDEDE;
        min-height: 150px;
    }

        .guest > div {
            padding: 0;
        }

    .gues_des {
        padding-left: 15px !important;
    }

    .gue_name {
        color: #45484D;
        font-size: 20px;
        margin: 0;
    }

    .gues_des span {
        color: #7C8393;
        font-size: 15px;
        display: inline-block;
        width: 37%;
        margin-bottom: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .gues_des font {
        color: #E64D4F;
        font-size: 25px;
        padding-left: 5px;
    }

    .gues_pic a img {
        width: 100px;
        height: 100px;
    }

    .gues_info {
        width: 100%;
        color: #7C8393;
        font-size: 15px;
        line-height: 22px;
    }

        .gues_info a {
            right: 0px;
            position: absolute;
            background-color: white;
            padding: 0 12px;
        }

    .gues_pic {
        width: 100%;
        border-radius: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .upload {
        width: 40%;
        line-height: 18px;
        position: relative;
        cursor: pointer;
        color: #888;
        background: #fafafa;
        border: 1px solid #ddd;
        border-radius: 4px;
        display: inline-block;
        margin-left: 10px;
    }

        .upload input {
            padding: 5px 10px;
            opacity: 0;
            cursor: pointer;
        }

        .upload:hover {
            color: #444;
            background: #eee;
            border-color: #ccc;
            text-decoration: none;
        }

    .text2 {
        margin-top: 10px;
    }

        .text2 .ze {
            font-size: 14px;
            border-bottom: 1px dotted #cccccc;
            padding: 5px 10px;
            float: left;
            width: 100%;
        }

            .text2 .ze em {
                width: 67%;
                display: inline-block;
                height: 20px;
                overflow: hidden;
                margin-right: 10px;
            }

            .text2 .ze span {
                width: 20%;
                display: inline-block;
                height: 20px;
                overflow: hidden;
                margin-right: 10px;
            }

            .text2 .ze i {
                width: 10%;
                display: inline-block;
                height: 20px;
                overflow: hidden;
            }

        .text2 .an {
            float: right;
            margin-bottom: 40px;
        }

        .text2 .wb {
            float: left;
            margin-top: 20px;
            text-align: center;
            width: 90%;
            font-size: 16px;
        }

            .text2 .wb span {
                color: red;
            }

    .btn-lg {
        padding: 4px 10px;
        font-size: 16px;
        border-radius: 3px;
    }

    #text1 {
        width: 60%;
        margin: 0 auto;
        margin-top: 20px;
    }

        #text1 > div {
            margin-bottom: 30px;
        }

        #text1 label span {
            display: inline-block;
            width: 70px;
            text-align: right;
        }

        #text1 input[type='text'] {
            width: 87%;
            padding: 5px 10px;
            cursor: pointer;
            /*background:#FFEFDB;*/
            border: 1px solid #dddddd;
            border-radius: 4px;
            color: #cccccc;
            margin-left: 10px;
        }

    #textName {
        width: 74% !important;
    }

    .report-file {
        padding: 1px 11px;
        display: inline-block;
        position: relative;
        border: 1px solid #428bca;
        background: none repeat scroll 0 0 #428bca;
        color: #fff;
        cursor: pointer;
        text-align: center;
        margin-right: 5px;
        border-radius: 4px;
    }

        .report-file .sc {
            width: 58px !important;
            cursor: pointer;
            display: block;
            line-height: 28px;
        }


    .fot input[type='text'] {
        display: inline-block;
        width: 37% !important;
    }

    .fot .lx {
        margin-right: 10px;
    }
}
@media screen and (min-width: 320px) and (max-width:768px) {
       .contact-box {
        max-width: 100%;
        float: left;
        padding: 5px;
    }

        .contact-box img {
            max-width: 100%;
        }

    .cont p {
        font-size: 14px;
        color: #8d8d8e;
        text-indent: 2em;
        line-height: 20px;
    }

    .r_nav {
        position: fixed;
        top: 40%;
        right: 50px;
        text-align: center;
        border-radius: 5px;
        background: #ccc;
    }

        .r_nav li {
            margin-bottom: 10px;
        }

            .r_nav li a {
                display: block;
                line-height: 30px;
                text-align: center;
                font-size: 14px;
                color: #fff;
                text-decoration: none;
                padding: 5px 10px;
            }

                .r_nav li a:hover, .r_nav li a.active {
                    background: #005bd9;
                    color: #ffffff;
                }
.lyz_tab_right1 .active {
            display: block;
        }

        .lyz_tab_right1 > div {
            display: none;
        }
}
@media screen and (min-width:1200px) {
    .content{background-color:#fff!important;border:1px solid #fff!important;}
    /*¹ØÓÚÎÒÃÇ*/
    .contact-box {
        max-width: 100%;
        float: left;
        padding: 5px;
    }

        .contact-box img {
            max-width: 100%;
        }

    .lyz_tab_right1 p {
        font-size:14px;
        color: #000;
        /*text-indent: 2em;*/
        line-height: 40px;
        margin-left: 50px;
    }
    .lyz_tab_right1 a{ color: #000;}
    .lyz_tab_right1 table p{
     text-indent:0px;
     margin:0px;
     padding:3px;
    }

    .r_nav {
        position: fixed;
        /*top: 40%;
        right: 50px;*/
        top: 55%;
        left:50px;
        text-align: center;
        border-radius: 5px;
        background: #fff;
    }

        .r_nav li {
            margin-bottom: 10px;
        }

            .r_nav li a {
                display: block;
                line-height: 30px;
                text-align: center;
                font-size: 14px;
                color: #666;
                text-decoration: none;
                padding: 5px 10px;
            }

                 .r_nav li.active {
                    background: #e32d22;
                    color: #ffffff;
                }
                 .r_nav li.active a{color: #ffffff;}
               
.lyz_tab_right1 .active {
            display: block;
        }

        .lyz_tab_right1 > div {
            display: none;
        }
        .lyz_tab_right1 >div img{
            max-width:100%;
        }
}