.floor-cont .grid-cont {
  *zoom: 1; }
  .floor-cont .grid-cont:before, .floor-cont .grid-cont:after {
    content: ' ';
    display: table; }
  .floor-cont .grid-cont:after {
    clear: both; }

.floor-cont .badge em {
  font-family: "simsun"; }

.synthesize-slides {
  float: right;
  width: 784px;
  position: relative; }
  .synthesize-slides .slidesjs-pagination {
    position: absolute;
    z-index: 99;
    top: 320px;
    left: 300px; }
    .synthesize-slides .slidesjs-pagination li {
      float: left; }
      .synthesize-slides .slidesjs-pagination li a {
        display: block;
        width: 8px;
        height: 8px;
        text-indent: -9999px;
        background-color: #ddd;
        margin: 0 5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
        .synthesize-slides .slidesjs-pagination li a.active {
          background-color: #fff; }

.synthesize {
  height: 342px;
  overflow: hidden; }

.synthesize-search {
  width: 456px; }
.synthesize-cont h3{ font-weight:normal;width: auto; float:left}

.synthesize-cate {
  float: left;
  width: 124px;
  background-color: #ff8841;
  color: #fff;
  height: 342px; }
  .synthesize-cate li {
    height: 48px;
    line-height: 48px;
    margin-left: 1px;
    border-bottom: 1px solid #ff975a;
    cursor: pointer; }
    .synthesize-cate li.current {
      background-color: #fff;
      color: #3d3d3d; }
  .synthesize-cate span{
    margin-left: 26px; }
   .synthesize-cate span h2{
    width:auto ;
    float:left;
    margin-left: 26px;
   font-weight: normal}

.synthesize-cont {
  float: right;
  width: 332px;
  height: 342px; }
  .synthesize-cont .synthesize-form {
    width: 254px;
    margin: 0 auto;
    height: 164px;
    padding-top: 10px; }
    .synthesize-cont .synthesize-form .m-three-input {
      margin-top: 16px; }
    .synthesize-cont .synthesize-form .btn {
      margin-top: 20px;
      cursor: pointer; }
      .synthesize-cont .synthesize-form .btn:hover {
        background-color: #f76300;
        box-shadow: 0 0 2px #ff6600; }
  .synthesize-cont .synthesize-tag {
    padding: 20px 20px 0 20px;
    line-height: 18px;
    height: 36px;
    overflow: hidden; }
    .synthesize-cont .synthesize-tag a {
      margin: 0 2px; }
      .synthesize-cont .synthesize-tag a:hover {
        color: #ff6600; }
  .synthesize-cont .synthesize-pop {
    margin-top: 20px;
    background-color: #f6f6f6;
    height: 92px; }
  .synthesize-cont .synthesize-hot-tags:first-child {
    padding-top: 18px; }

.synthesize-hot-tags {
  padding-top: 16px;
  padding-left: 20px;
  height: 60px;
  overflow: hidden; }
  .synthesize-hot-tags strong {
    display: block;
    line-height: 36px; }
  .synthesize-hot-tags a {
    padding-right: 10px;
    line-height: 26px;
    color: #585858; }
    .synthesize-hot-tags a:hover {
      color: #ff6600; }

.hotnews {
  height: 56px;
  overflow: hidden;
  line-height: 56px;
  background-color: #f6f6f6;
  border: 1px solid #eee;
  color: #585858; }
  .hotnews dl {
    overflow: hidden;
    margin-left: 30px; }
    .hotnews dl dt {
      float: left;
      padding-left: 46px;
      background-image: url(../img/icon-notice.gif);
      background-repeat: no-repeat;
      background-position: 2px 12px; }
    .hotnews dl dd {
      float: left; }
      .hotnews dl dd a {
        margin: 0 5px;
        color: #585858; }
        .hotnews dl dd a:hover {
          color: #ff6600; }

.floor-tit {
  font-size: 18px;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  padding-top: 10px; }
  .floor-tit span {
    font-size: 16px;
    color: #ff6600;
    padding-left: 10px; }

.floor {
  height: 384px;
  border: 1px solid #eee; }

.floor-cover img {
  position: absolute;
  margin-top: -1px;
  margin-left: -1px;
  z-index: 0; }
.floor-cover .floor-cover-tit {
  position: absolute;
  z-index: 2;
  height: 70px;
  width: 185px;
  line-height: 70px;
  font-size: 18px;
  text-align: center;
  margin-top: 315px;
  margin-left: -1px; }
  .floor-cover .floor-cover-tit ul {
    overflow: hidden;
    padding-top: 10px; }
    .floor-cover .floor-cover-tit ul li {
      float: left;
      width: 50%;
      text-align: left;
      text-indent: 10px;
      line-height: 26px; }
  .floor-cover .floor-cover-tit a {
    color: #fff;
    font-size: 14px; }

.floor-cate {
  position: absolute;
  margin-left: 64px;
  padding-top: 30px; }
  .floor-cate li {
    height: 30px;
    line-height: 30px;
    width: 120px;
    margin-top: 10px;
    cursor: pointer; }
    .floor-cate li .bg-opa {
      width: 120px;
      height: 30px;
      background-color: #fff;
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      position: absolute; }
    .floor-cate li span {
      position: relative;
      padding-left: 20px; }
    .floor-cate li.current .bg-opa {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.floor-cont {
  padding-left: 184px;
  width: 746px;
  height: 384px;
  overflow: hidden;
  float: left; }
  .floor-cont .grid-cont-l {
    float: left;
    width: 265px;
    height: 384px;
    margin-left: -1px;
    border-left: 1px solid #eee;
    position: relative; }
    .floor-cont .grid-cont-l .bg-hover {
      position: absolute;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border: 0 solid #eee;
      width: 100%;
      height: 100%; }
    .floor-cont .grid-cont-l > a:hover .bg-hover {
      border: 5px solid #eee; }
    .floor-cont .grid-cont-l .brand-name {
      margin-left: 110px;
      margin-top: 30px;
      overflow: hidden;
      text-align: left; }
    .floor-cont .grid-cont-l .brand-prd-tit {
      //margin-left: 110px;
      overflow: hidden; }
    .floor-cont .grid-cont-l .brand-prd-tags {
      margin-top: 20px;
      text-align: left;
      padding-left: 20px; }
    .floor-cont .grid-cont-l .brand-prd-info {
      margin-top: 50px;
      font-size: 12px; }
      .floor-cont .grid-cont-l .brand-prd-info .hot {
        padding-right: 36px;
        position: absolute;
        margin-top: -30px;
        background-image: url(../img/hot.gif);
        background-repeat: no-repeat;
        background-position: right center;
        color: #585858;
        font-size: 14px; }
  .floor-cont .grid-cont-xl {
    float: left;
    width: 480px;
    height: 384px;
    border-left: 1px solid #eee; }
    .floor-cont .grid-cont-xl .grid-cont-m {
      margin-left: -1px;
      height: 192px; }
      .floor-cont .grid-cont-xl .grid-cont-m .brand-logo {
        float: left;
        margin: 5px 0 0 10px; }
      .floor-cont .grid-cont-xl .grid-cont-m .brand-name {
        text-align: left;
        font-size: 14px; }
      .floor-cont .grid-cont-xl .grid-cont-m .brand-prd-tit {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding-left: 40px;
        margin-top: -8px;
        text-align: left; }
      .floor-cont .grid-cont-xl .grid-cont-m .brand-prd-tags {
        text-align: left;
        padding-left: 30px; }
      .floor-cont .grid-cont-xl .grid-cont-m .brand-prd-rate {
        padding-top: 10px; }
        .floor-cont .grid-cont-xl .grid-cont-m .brand-prd-rate .t-1 {
          width: 200px; }
        .floor-cont .grid-cont-xl .grid-cont-m .brand-prd-rate .t-2 {
          padding-left: 0px;
          padding-top: 10px; }
  .floor-cont .grid-cont-m {
    float: left;
    width: 239px;
    border-left: 1px solid #eee;
    position: relative; }
    .floor-cont .grid-cont-m .bg-hover {
      position: absolute;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border: 0 solid #eee;
      width: 100%;
      height: 100%; }
    .floor-cont .grid-cont-m > a:hover .bg-hover {
      border: 5px solid #eee; }
  .floor-cont .grid-cont-s {
    height: 192px;
    border-bottom: 1px solid #eee;
    position: relative; }
    .floor-cont .grid-cont-s .bg-hover {
      position: absolute;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border: 0 solid #eee;
      width: 100%;
      height: 100%; }
    .floor-cont .grid-cont-s > a:hover .bg-hover {
      border: 5px solid #eee; }
  .floor-cont .bb-title {
    font-size: 18px;
    height: 20px;
    padding: 30px 20px 20px 20px; }
  .floor-cont .bb-label {
    padding: 0 20px;
    height: 15px;
    color: #9e9e9e; }
  .floor-cont .bb-num {
    color: #ff6600;
    font-size: 36px;
    height: 41px;
    padding: 10px 20px; }
    .floor-cont .bb-num em {
      font-size: 14px;
      font-style: normal; }
  .floor-cont .bb-desc {
    padding: 0 20px;
    height: 183px;
    color: #9e9e9e;
    font-weight: bold;
    margin-top: 30px;
    line-height: 20px;
    font-size: 12px; }
    .floor-cont .bb-desc .hot {
      display: block;
      position: absolute;
      margin-top: -30px;
      font-size: 14px;
      color: #585858;
      padding-right: 36px;
      background-image: url(../img/hot.gif);
      background-repeat: no-repeat;
      background-position: right center; }
  .floor-cont .badge {
    position: absolute;
    margin-left: 200px;
    margin-top: 1px;
    background-image: url(../img/badge-hot.gif);
    height: 46px;
    width: 38px; }
    .floor-cont .badge em {
      background-color: #f55d5d;
      display: block;
      width: 38px;
      text-align: center;
      color: #fff;
      font-weight: normal;
      padding: 6px 0; }
  .floor-cont .brand-logo {
    display: block;
    height: 36px;
    width: 36px; }
  .floor-cont .brand-logo-circle {
    height: 72px;
    width: 72px;
    padding: 26px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/bg-logo-circle.gif); }
    .floor-cont .brand-logo-circle .brand-logo {
      height: 72px;
      width: 72px; }
  .floor-cont .brand-logo-wd {
    height: 72px;
    width: 72px;
    padding: 26px;
    margin-top: 20px;
    position: absolute; }
    .floor-cont .brand-logo-wd .brand-logo {
      height: 72px;
      width: 72px; }
  .floor-cont .brand-name {
    margin: 0 20px;
    text-align: center;
    font-size: 16px;
    line-height: 46px;
    height: 46px;
    overflow: hidden; }
  .floor-cont .brand-prd-tit {
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-align: center; }
  .floor-cont .brand-prd-tags {
    text-align: center;
    padding: 10px 0; }
    .floor-cont .brand-prd-tags span {
      display: inline-block;
      padding: 3px 10px;
      margin: 0 6px;
      background-color: #f6f6f6;
      color: #9e9e9e;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
  .floor-cont .brand-prd-rate {
    padding-top: 20px;
    margin-left: 30px; }
    .floor-cont .brand-prd-rate .t-1 {
      color: #9e9e9e;
      float: left; }
    .floor-cont .brand-prd-rate .t-2 {
      color: #ff6600;
      font-size: 36px;
      padding-left: 20px; }
    .floor-cont .brand-prd-rate .t-3 {
      color: #ff6600; }
  .floor-cont .brand-prd-info {
    color: #9e9e9e;
    line-height: 18px;
    margin: 8px 30px;
    height: 36px;
    overflow: hidden; }

.floor-news {
  float: left;
  width: 307px;
  height: 384px;
  border-left: 1px solid #eee;
  background-color: #fafafa; }
  .floor-news .title {
    font-size: 18px;
    color: #585858;
    font-weight: normal;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    padding-left: 20px; }
  .floor-news .title strong{font-weight: normal;}  
  .floor-news ul {
    padding-top: 20px; }
  .floor-news li {
    line-height: 42px;
    height: 42px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    margin: 0 6px;
    padding-left: 2px; }
    .floor-news li a {
      color: #585858; }
      .floor-news li a:hover {
        color: #ff6600; }
  .floor-news .floor-pop {
    border-top: 1px solid #eee;
    margin-top: -1px; }
    .floor-news .floor-pop .m-link-xl {
      display: block;
      line-height: 60px;
      font-size: 18px;
      padding-left: 20px; }
      .floor-news .floor-pop .m-link-xl:hover {
        color: #ff6600; }
    .floor-news .floor-pop .m-link-x {
      display: inline-block;
      width: 48%;
      text-align: center;
      line-height: 60px;
      font-size: 16px;
      color: #585858; }
      .floor-news .floor-pop .m-link-x:hover {
        color: #ff6600; }

.floor-pop-bg-0 {
  background-image: url(../img/floor-pop-0.gif);
  background-position: 0 -2px;
  height: 66px; }

.floor-slides {
  height: 192px;
  overflow: hidden;
  position: relative; }
  .floor-slides img {
    width: 480px; }
  .floor-slides .slidesjs-pagination {
    position: absolute;
    top: 160px;
    left: 200px;
    z-index: 99; }
    .floor-slides .slidesjs-pagination li {
      float: left; }
      .floor-slides .slidesjs-pagination li a {
        display: block;
        text-indent: -9999px;
        width: 8px;
        height: 8px;
        background-color: #ddd;
        margin: 5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
        .floor-slides .slidesjs-pagination li a.active {
          background-color: #fff; }

.floor-table {
  width: 100%; }
  .floor-table thead {
    background-color: #f6f6f6;
    line-height: 38px; }
  .floor-table tbody td {
    border-top: 1px solid #eee;
    line-height: 42px;
    margin-top: -1px; }
  .floor-table a {
    color: #145e97; }
  .floor-table .prd-code {
    padding-left: 20px; }
  .floor-table .t-up {
    color: #e21f1f; }
  .floor-table .t-down {
    color: #44a91a; }