{

#nav {display:block;width:98%;
     margin:1px auto 0 auto;
    text-align: center;font-size:14pt;font-family:微软雅黑,黑体;font-weight:bold;
}
 
#nav ul ul {
    display: none;
}
 
    #nav ul li:hover > ul {
        display: block;
    }
 
 
#nav ul {
    background: #efefef; 
    padding: 0 1%;
    list-style: none;
    position: relative;
    display: inline-table;
}
    #nav ul:after {
        content: ""; clear: both; display: block;
    }
 
    #nav ul li {
        float: left; width:124px;
    }
        #nav ul li:hover {
            background: #88211A;
        }
            #nav ul li:hover a {
                color: #fff;
            }
         
        #nav ul li a {
            display: block; padding: 5px 10px;
            color: #757575; text-decoration: none;
        }
         
    #nav ul ul {
        background: #88211A; border-radius: 0px; padding: 0;
        position: absolute; top: 100%;
    }
        #nav ul ul li {
            float: none; 
            border-top: 1px solid #A8514A; position: relative;
        }
            #nav ul ul li a {
                padding: 5px 10px;
                color: #fff;
            }   
                #nav ul ul li a:hover {
                    background: #400000;
                }
         
    #nav ul ul ul {
        position: absolute; left: 100%; top:0;
    }



@media screen and (max-width:8000px)
{

#nav {display:block;width:1200px;
     margin:1px auto 0 auto;background: #efefef; 
    text-align: center;font-size:16pt;font-family:微软雅黑,黑体;font-weight:bold;color:#000000;
}
 
#nav ul ul {
    display: none;
}
 
    #nav ul li:hover > ul {
        display: block;
    }
  
#nav ul {
    background: #efefef; 
    padding: 0 10px;
    list-style: none;
    position: relative;
    display: inline-table;font-weight:bold;
}
    #nav ul:after {
        content: ""; clear: both; display: block;
    }
 
    #nav ul li {
        float: left;width:147px;font-weight:bold;
    }
        #nav ul li:hover {
            background: #88211A;
        }
            #nav ul li:hover a {
                color: #fff;
            }
         
        #nav ul li a {
            display: block; padding: 15px 20px;
            color: #757575; text-decoration: none;
        }

         
    #nav ul ul {
        background: #88211A; border-radius: 0px; padding: 0;
        position: absolute; top: 100%;
    }
        #nav ul ul li {
            float: none; 
            border-top: 1px solid #A8514A; position: relative;font-weight:normal;font-size:12pt;
        }
            #nav ul ul li a {
                padding: 15px 20px;
                color: #fff;
            }   
                #nav ul ul li a:hover {
                    background: #400000;
                }
         
    #nav ul ul ul {
        position: absolute; left: 100%; top:0;
    }


}

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

#nav {display:block;width:98%;
     margin:1px auto 0 auto;
    text-align: center;font-size:14pt;font-family:微软雅黑,黑体;font-weight:bold;
}
 
#nav ul ul {
    display: none;
}
 
    #nav ul li:hover > ul {
        display: block;
    }
 
 
#nav ul {
    background: #efefef; 
    padding: 0 1%;
    list-style: none;
    position: relative;
    display: inline-table;
}
    #nav ul:after {
        content: ""; clear: both; display: block;
    }
 
    #nav ul li {
        float: left; width:124px;
    }
        #nav ul li:hover {
            background: #88211A;
        }
            #nav ul li:hover a {
                color: #fff;
            }
         
        #nav ul li a {
            display: block; padding: 5px 10px;
            color: #757575; text-decoration: none;
        }
         
    #nav ul ul {
        background: #88211A; border-radius: 0px; padding: 0;
        position: absolute; top: 100%;
    }
        #nav ul ul li {
            float: none; 
            border-top: 1px solid #A8514A; position: relative;
        }
            #nav ul ul li a {
                padding: 5px 10px;
                color: #fff;
            }   
                #nav ul ul li a:hover {
                    background: #400000;
                }
         
    #nav ul ul ul {
        position: absolute; left: 100%; top:0;
    }



}

@media screen and (max-width:800px)
{

#nav {display:block;width:98%;
     margin:1px auto 0 auto;
    text-align: center;font-size:12pt;font-family:微软雅黑,黑体;font-weight:bold;
}
 
#nav ul ul {
    display: none;
}
 
    #nav ul li:hover > ul {
        display: block;
    }
  
#nav ul {
    background: #efefef; 
    padding: 0 10px;
    list-style: none;
    position: relative;
    display: inline-table;
}
    #nav ul:after {
        content: ""; clear: both; display: block;
    }
 
    #nav ul li {
        float: left;width:72px;
    }
        #nav ul li:hover {
            background: #88211A;
        }
            #nav ul li:hover a {
                color: #fff;
            }
         
        #nav ul li a {
            display: block; padding: 1% 2%;
            color: #757575; text-decoration: none;
        }
             
         
    #nav ul ul {
        background: #88211A; border-radius: 0px; padding: 0;
        position: absolute; top: 100%;
    }
        #nav ul ul li {
            float: none; 
            border-top: 1px solid #A8514A; position: relative;font-size:10pt;
        }
            #nav ul ul li a {
                padding: 1% 2%;
                color: #fff;
            }   
                #nav ul ul li a:hover {
                    background: #400000;
                }
         
    #nav ul ul ul {
        position: absolute; left: 100%; top:0;
    }


}

@media screen and (max-width:480px)
{

#nav {display:block;width:28.5%;float:left;
     margin:1px auto 0px auto;
    text-align: right;font-size:12pt;
position: relative;
min-height: 60px;
height:60px;
back0ground-color:#88211A;
}
 
#nav ul ul {
    display: none;
}
 
    #nav ul li:hover > ul {
        display: none;
    }
 


#nav ul {
width: 64px;float:right;
margin:10px;margin-top:15px;
    padding: 8px 8px;
    list-style: none;
    position: relative;
		border: solid 1px #88211A;
		border-radius: 5px;
}


	.#nav .current {
		display: block; /* show only current <li> item */
	}
 
	.#nav li {
		display: none; /* hide all <li> items */
		margin: 0;

	}

	.#nav .current a {
		background: none;
		color: #666;
	}


	/* on #nav hover */
	.#nav ul:hover {
		background-image: none;
	}
	.#nav ul:hover li {
		display: block;
		margin: 0 0 8px;
	}
	.#nav ul:hover .current {
		background:  no-repeat 5px 2px;
	}

}