/* smaller than 800 */
@media screen and (max-width:800px)
{
    html, body
    {
        height: 100%;
    }

    .panel #nav_menu
    {
        width: 90%;
    }
    .panel #nav_menu li a
    {
        width: 92%;
    }
    nav
    {
        width: 100%;
    }
    #nav_menu
    {
        width: 99%;
    }
    #nav_menu li a
    {
        width: 97%;
        padding: 13px 0 15px 19px;
    }
    #nav_menu_home li a
    {
        width: 97%;
        padding: 13px 0 15px 19px;
    }
    .frm_t
    {
        width: 95%;
    }
    .poine_s span
    {
        margin: 0px 0px 0px 25px;
        padding: 0px;
    }
    .div_slider
    {
        width: 80%;
    }
    .poine_s p
    {
        width: 94%;
    }
    .se
    {
        margin: 5px 10px;
    }
    .dvcenter
    {
        top:50%;
    }
    .td img
    {
        width: 55px;
    }
    .td div
    {
        font-size: 10px;
        color: #fff;
    }
}
/*480 */
@media screen and (max-width: 500px)
{
    .product a
    {
        font-size: 150%;
    }
    #content
    {
        width: 99%;
        padding-left: 2px;
    }
    .con_bg
    {
        padding-right: 2px;
    }
    nav
    {
        width: 100%;
    }
    #nav_menu
    {
        width: 98%;
    }
    #nav_menu li a
    {
        width: 95%;
        padding: 13px 0 15px 19px;
    }
    #nav_menu_home li a
    {
        width: 95%;
        padding: 13px 0 15px 19px;
    }
    .full p
    {
        width: 95%;
        line-height: 18px;
    }
    .frm_t
    {
        width: 90%;
    }
    .div_slider
    {
        width: 79%;
    }
    .poine_s p
    {
        width: 100%;
    }
     .dvcenter
    {
        top:45%;
        width:60%;
    }
    .td div {
font-size: 12px;

}

}
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 350px)
{

    /* disable webkit text size adjust (for iPhone) */
    html
    {
        -webkit-text-size-adjust: none;
    }
    #content
    {
        width: 99%;
    }
    #site-logo img
    {
        width: 90%;
    }
    .panel
    {
        width: 78%;
    }
    .panel #nav_menu
    {
        width: 97%;
    }
    .panel #nav_menu li a
    {
        width: 90%;
        font-size: 18px;
        padding-right: 1px;
    }
    .panel #nav_menu_home li a
    {
        width: 90%;
        font-size: 18px;
        padding-right: 1px;
    }
    nav
    {
        width: 100%;
    }
    #nav_menu
    {
        width: 100%;
    }
    #nav_menu li a
    {
        width: 93%;
        padding: 13px 0 15px 18px;
    }
    .social
    {
        width: 40%;
    }
    .social a
    {
        margin: 0px;
    }
    .social a img
    {
        width: 35px;
        margin-right: 7px;
    }
    .copyright
    {
        width: 50%;
        font-size: 80%;
        margin: 10px 0px;
    }
    .full p
    {
        width: 92%;
        line-height: 18px;
    }
    .full span
    {
        font-size: 1.4em;
    }
    h1
    {
        font-size: 1.3em;
    }

    .frm_t
    {
        width: 92%;
    }
    .pro_I span
    {
        font-size: 40px;
        margin: 28px 0px 0px 0px;
    }
    .pro_I p
    {
        margin: 7px 0px 0px 0px;
    }
    .point
    {
        width: 100%;
        margin: 10px;
    }
    .poine_s p
    {
        margin: 4px 0px 0px 0px;
        padding: 0px;
        width: 94%;
    }
    .address span
    {
        font-size: 14px;
        width: 87%;
    }
    .form_T span
    {
        color: #333;
        font-size: 16px;
    }
    .div_slider
    {
        width: 80%;
        height: 50%;
    }
     .dvcenter
    {
        top:41%;
        width:89%;
        left:25%;
    }

}