/**
 * 默认导航菜单样式
 * 
 * @version $Id: default.nav_menu.css 67 2017-09-07 10:06:34Z zhaofy $
 * @creator liqt @ 2013-06-24 11:27:58 by caster0.0.3
 */
@charset "UTF-8";

#nav-menu {
  margin: 0;
  border: 0;
  left: 0;
  bottom: 0;
  margin-top: 20px;
  text-align: center;
  height: 34px;
  min-height: 34px;
  width: 100%;
}

#nav-menu ul {
  width: 960px;/*@param*/
  float: none;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}

#nav-menu ul li {
  display: inline-block;
  line-height: 48px;
  padding: 0;
  width: 180px;
  text-align: center;
  float: none;
}

#nav-menu ul li,
#nav-menu ul li:hover,
#nav-menu ul li a:hover,
#nav-menu ul li a:focus
{
  color: #a22422;
  border-width: 0 !important;
}
/*调整导航栏一级菜单的第一个元素和最后一个元素*/
#nav-menu ul li:first-child:hover,
#nav-menu ul li:last-child:hover,
#nav-menu ul li:first-child a:hover,
#nav-menu ul li:last-child a:hover,
#nav-menu ul li:first-child a:focus,
#nav-menu ul li:last-child a:focus
{
  color: #fff;
}

#nav-menu ul li.active,
#nav-menu ul li.active:hover,
#nav-menu ul li.active a,
#nav-menu ul li.active a:hover,
#nav-menu ul li.active a:focus
{
  color: #a22422;
  border-width: 0 !important;
  background: none;
}

#nav-menu ul li a{
  padding: 0;
  padding-top: 8px;
  width: auto;
  height: 34px;
  font-size: 14px;
  color: #fff;
}

#submenu {
  height: 180px;
  opacity: 0.95;
  background: #a22422;
  overflow:hidden;
  position:relative;/*hack for ie6/7*/
  display: none;
}

#submenu .show-area {
  width: 20000px;
}

#submenu .show-area .area{
  float: left;
  height: 180px;
  position: relative;
  /* border:1px solid #fff; */
  overflow:hidden;
}

#submenu .show-area .area .content{
  width: 960px;/*@param*/
  height: 180px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 200px center;
  position: relative;
}

#submenu-about .content{
  background-image: url("../images/submenu.cover.about.jpg");
}

#submenu-design .content{
  background-image: url("../images/submenu.cover.design.jpg");
}

#submenu-custom .content{
  background-image: url("../images/submenu.cover.custom.jpg");
}

#submenu-diamond .content{
  background-image: url("../images/submenu.cover.diamond.jpg");
}

#submenu-news .content{
  background-image: url("../images/submenu.cover.news.jpg");
}

#submenu .show-area .area .content h1 {
  padding: 0;
  margin: 0;
  font-size: 20px;
  padding-top: 20px;
  color: #fff;
}

#submenu .show-area .area .content ul.items {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 20px;
}

#submenu .show-area .area .content ul.items li {
  margin-bottom: 3px;
}

#submenu .show-area a{
  color: #fff;
}

#submenu .show-area .area .content .tip {
  position: absolute;
  top: 30px;
  right: 20px;
  width: 240px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
}

#submenu .show-area .area .content .tip a {
  display: block;
  height: 100%;
  width: 100%;
}

#submenu-about .tip{
  background-image: url("../images/submenu.tip.about.png");
}

#submenu-design .tip{
  background-image: url("../images/submenu.tip.design.png");
}

#submenu-custom .tip{
  background-image: url("../images/submenu.tip.custom.png");
}

#submenu-diamond .tip{
  background-image: url("../images/submenu.tip.diamond.png");
}

#submenu-news .tip{
  background-image: url("../images/submenu.tip.news.png");
}