body {
  background-color: #f3f4f5; }

.layout {
  width: 1200px;
  margin: 0 auto; }

.header .hd-top {
  background-color: #ffffff;
  height: 41px;
  border-bottom: 1px solid #f3f4f5; }
  .header .hd-top .hd-top-person,
  .header .hd-top span,
  .header .hd-top a,
  .header .hd-top i {
    font-size: 16px;
    color: #999;
    line-height: 40px; }
  .header .hd-top .line {
    font-style: normal;
    margin: 0 10px; }
  .header .hd-top .hd-top-person {
    float: left; }
    .header .hd-top .hd-top-person .name {
      font-weight: bold;
      color: #3faa96; }
    .header .hd-top .hd-top-person .option {
      cursor: pointer; }
      .header .hd-top .hd-top-person .option:hover {
        color: #3faa96; }
  .header .hd-top .hd-top-nav {
    float: right; }
    .header .hd-top .hd-top-nav a:hover {
      text-decoration: underline;
      color: #3faa96; }
.header .hd-studio-info {
  height: 180px;
  background: url(../../img/img-02.jpg) center no-repeat;
  background-size: cover;}
  .header .hd-studio-info .layout {
    padding: 40px 0; }
  .header .hd-studio-info .studio {
    float: left;
    width: 926px; }
    .header .hd-studio-info .studio .img-wrapper {
      float: left;
      width: 200px;
      height: 114px; }
      .header .hd-studio-info .studio .img-wrapper img {
        width: 200px;
        height: 114px; }
    .header .hd-studio-info .studio .info-wrapper {
      float: left;
      width: 698px;
    	margin-left: 20px; }
      .header .hd-studio-info .studio .info-wrapper .info-title {
        font-size: 22px;
        line-height: 32px;
        color: #fff;
        font-weight: bold;
        margin: 9px 0 11px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .header .hd-studio-info .studio .info-wrapper .info-body {
        font-size: 14px;
        color: #fff;
        line-height: 18px; }
  .header .hd-studio-info .btn-group {
    float: right;
    width: 273px !important;
    margin-top: 35px;
    text-align: right;}
    .header .hd-studio-info .btn-group .btn {
      display: inline-block;
      font-size: 14px;
      color: #fff;
      line-height: 30px;
      text-align: center;
      width: 80px;
      height: 30px;
      background-color: #318f82;
      border-radius: 4px;
      margin-right: 10px; }
      .header .hd-studio-info .btn-group .btn:last-child {
        margin-right: 0px; }
    .header .hd-studio-info .btn-group .btn-ico i {
      display: inline-block;
      width: 15px;
      height: 15px;
      vertical-align: -2px;
      margin-right: 8px;
      background: url(../../img/ico-01.png) no-repeat; }
.header .hd-nav {
  height: 51px;
  background-color: #fff;
  border-bottom: 1px solid #dadbdc; }
  .header .hd-nav ul {
    padding: 0 20px; }
  .header .hd-nav li {
    float: left;
    padding: 0 20px; }
    .header .hd-nav li a {
      display: inline-block;
      height: 50px;
      line-height: 50px;
      font-size: 20px;
      color: #4e5f71; }
      .header .hd-nav li a.on {
        line-height: 50px;
        font-weight: bold;
        border-bottom: 3px solid #3faa96; }

.footer {}
  .footer p {
    text-align: center;
    line-height: 24px;
    margin-bottom: 5px; }
    .footer p span {
      font-size: 14px;
      color: #828282;
      margin-right: 20px; }
      .footer p span:last-child {
        margin-right: 0px; }