*{ margin: 0; padding: 0; }
li{ list-style: none; }
a{ text-decoration: none; }
img{ display: block; }

.nav{ width: 960px; height: auto; position: fixed; left: 50%; margin-left: -480px; z-index: 9999;}
.nav .logo{ float: left; margin-top: 18px; }
.nav ul{ float: right; height: auto; overflow: hidden; padding-top: 40px; border-bottom: 1px solid #333; }
.nav ul.ul_bg{ background: #000; filter:alpha(opacity=80); background: rgba(0,0,0,0.8); }
.nav ul li{ float: left; margin: 0 80px; }
.nav ul li.active a{ color: #cc782e; }
.nav ul li:first-child{ margin-left: 0; }
.nav ul li:last-child{ margin-right: 0; }
.nav ul li.mrn{ margin-right: 0; }
.nav ul li a{ height: 40px; line-height: 40px; padding: 0 10px; color: #fff; display: block; position: relative; }
.nav ul li a:hover{ cursor: pointer; color: #cc782e; }
.nav ul li.active span,.nav ul li a:hover span{ position: absolute; bottom: 0px; left: 0; height: 2px; width: 100%; background: #cc782e; display: block; }

.main{ width: 100%; height: 100%; }
.main img{ width: 100%; }



.gymd{
  background: black;
  color: white;
}
.gymd .content{
  width: 960px;
  margin: 0 auto;
  padding-top: 108px;
}
.gymd img{
width: auto;
}
.gymd .reference{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-left: 1px solid white;
  border-top: 1px solid white;
}
.gymd .reference div:nth-of-type(2n+1){
  width: 30%;
}
.gymd .reference div:nth-of-type(2n){
  width: 70%;
}
.gymd .reference div{
  box-sizing: border-box;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  padding: 9px 13px;
}