@charset "UTF-8";
@import url(../css/public.css);
@import url(../css/iconfont.css);
.conBox_product_desc {
  background: #f0f0f0;
  float: left;
  width: 100%;
  position: relative;
  z-index: 998;
  padding: 30px 0;
  background: #f6f6f6 url(./img/img_04.jpg) no-repeat; }
  .conBox_product_desc .position {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    color: #fff; }
    .conBox_product_desc .position i {
      font-size: 18px;
      line-height: 17px;
      float: left; }
  .conBox_product_desc .left {
    width: 70%;
    float: left; }
    .conBox_product_desc .left .top_info {
      width: 100%;
      float: left;
      background: #fff;
      padding: 20px; }
      .conBox_product_desc .left .top_info .img {
        width: 200px;
        float: left; }
        .conBox_product_desc .left .top_info .img img {
          width: 100%; }
        .conBox_product_desc .left .top_info .img ul {
          width: 100%;
          text-align: center; }
          .conBox_product_desc .left .top_info .img ul li:nth-child(1) {
            border-right: 1px solid #ccc;
            padding: 0 18px 0 10px; }
          .conBox_product_desc .left .top_info .img ul li {
            display: inline-block;
            padding: 0 10px; }
            .conBox_product_desc .left .top_info .img ul li a {
              display: inline-block; }
              .conBox_product_desc .left .top_info .img ul li a:hover {
                color: #fb683b; }
      .conBox_product_desc .left .top_info .info {
        float: left;
        width: 600px;
        padding-left: 30px; }
        .conBox_product_desc .left .top_info .info .title {
          width: 100%;
          float: left;
          color: #515151; }
        .conBox_product_desc .left .top_info .info .desc {
          width: 100%;
          float: left;
          margin: 10px 0;
          color: #666; }
        .conBox_product_desc .left .top_info .info .price {
          float: left;
          width: 300px;
          background: #fffaf4;
          line-height: 40px;
          padding: 0 20px; }
          .conBox_product_desc .left .top_info .info .price em {
            font-size: 20px;
            color: #ff0000;
            font-weight: bold; }
        .conBox_product_desc .left .top_info .info .number {
          width: 100%;
          float: left;
          margin-top: 10px; }
          .conBox_product_desc .left .top_info .info .number span {
            float: left; }
          .conBox_product_desc .left .top_info .info .number div {
            float: left;
            margin: 0 10px; }
            .conBox_product_desc .left .top_info .info .number div input {
              width: 40px;
              float: left;
              border: 1px solid #ccc;
              line-height: 17px;
              text-align: center; }
            .conBox_product_desc .left .top_info .info .number div .plus {
              border-right: 0; }
            .conBox_product_desc .left .top_info .info .number div .reduce {
              border-left: 0; }
            .conBox_product_desc .left .top_info .info .number div em {
              float: left;
              border: 1px solid #ccc;
              line-height: 19px;
              width: 19px;
              text-align: center;
              cursor: pointer; }
        .conBox_product_desc .left .top_info .info .button {
          margin-top: 15px;
          float: left;
          background: #fb683b;
          border-radius: 5px; }
          .conBox_product_desc .left .top_info .info .button a {
            display: inline-block;
            padding: 0 45px;
            line-height: 35px;
            color: #ffff; }
    .conBox_product_desc .left .data {
      width: 100%;
      float: left;
      background: #fff;
      margin-top: 20px; }
      .conBox_product_desc .left .data .tab_title_fixed {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        background: #fff;
        display: none;
        z-index: 999; }
        .conBox_product_desc .left .data .tab_title_fixed ul {
          width: 1200px;
          margin: 0 auto; }
        .conBox_product_desc .left .data .tab_title_fixed li {
          float: left;
          margin-right: 40px;
          font-size: 16px;
          line-height: 50px;
          cursor: pointer; }
          .conBox_product_desc .left .data .tab_title_fixed li:hover {
            color: #fb683b; }
        .conBox_product_desc .left .data .tab_title_fixed .on {
          position: relative;
          color: #fb683b;
          font-weight: bold; }
          .conBox_product_desc .left .data .tab_title_fixed .on:before {
            width: 100%;
            position: absolute;
            bottom: -2px;
            content: "";
            background: #fb683b;
            height: 2px; }
      .conBox_product_desc .left .data .tab_title {
        padding: 0;
        width: 100%;
        float: left;
        border-bottom: 2px solid #ccc;
        padding: 0 20px; }
        .conBox_product_desc .left .data .tab_title li {
          float: left;
          margin-right: 40px;
          font-size: 16px;
          line-height: 50px;
          cursor: pointer; }
          .conBox_product_desc .left .data .tab_title li:hover {
            color: #fb683b; }
        .conBox_product_desc .left .data .tab_title .on {
          position: relative;
          color: #fb683b;
          font-weight: bold; }
          .conBox_product_desc .left .data .tab_title .on:before {
            width: 100%;
            position: absolute;
            bottom: -2px;
            content: "";
            background: #fb683b;
            height: 2px; }
      .conBox_product_desc .left .data .tab_content {
        padding: 10px;
        float: left;
        width: 100%; }
        .conBox_product_desc .left .data .tab_content img {
          width: 100%; }
      .conBox_product_desc .left .data .block {
        text-align: center;
        width: 100%;
        float: left;
        margin-top: 20px; }
        .conBox_product_desc .left .data .block .title {
          margin-bottom: 15px;
          float: left;
          width: 100%; }
        .conBox_product_desc .left .data .block .en {
          color: #f0f0f0;
          font-size: 30px;
          font-weight: bold;
          text-transform: uppercase; }
        .conBox_product_desc .left .data .block h4 {
          margin-top: -22px;
          font-size: 18px; }
      .conBox_product_desc .left .data #block_four ul {
        float: left;
        margin-top: 15px;
        padding: 0 30px 0 30px;
        margin-bottom: 40px; }
        .conBox_product_desc .left .data #block_four ul li {
          width: 100%;
          float: left;
          padding: 15px 0px; }
          .conBox_product_desc .left .data #block_four ul li .b_title {
            width: 100%;
            float: left;
            position: relative;
            text-align: left;
            padding-left: 30px;
            font-size: 13px; }
            .conBox_product_desc .left .data #block_four ul li .b_title em {
              background: #f69119;
              border-radius: 3px;
              width: 18px;
              height: 18px;
              position: absolute;
              text-align: center;
              color: #fff;
              left: 0px;
              top: 2px; }
          .conBox_product_desc .left .data #block_four ul li .desc {
            float: left;
            width: 100%;
            position: relative;
            padding: 10px;
            padding-left: 30px;
            text-align: left;
            margin-top: 10px;
            background: #f0f0f0;
            color: #666; }
            .conBox_product_desc .left .data #block_four ul li .desc em {
              background: #19bff6;
              border-radius: 3px;
              width: 18px;
              height: 18px;
              position: absolute;
              text-align: center;
              color: #fff;
              left: 0px;
              top: 0px; }
  .conBox_product_desc .right {
    width: 30%;
    float: right;
    padding-left: 20px; }
    .conBox_product_desc .right .roll {
      background: #fff;
      padding: 20px;
      float: left; }
      .conBox_product_desc .right .roll .title {
        width: 100%;
        float: left;
        font-size: 18px;
        font-weight: bold; }
        .conBox_product_desc .right .roll .title img {
          margin-right: 10px; }
      .conBox_product_desc .right .roll #roll {
        height: 43px;
        overflow: hidden;
        float: left;
        width: 100%;
        margin-top: 20px; }
        .conBox_product_desc .right .roll #roll li {
          position: relative;
          width: 100%;
          padding-left: 15px;
          font-size: 12px;
          padding-top: 5px;
          color: #666; }
          .conBox_product_desc .right .roll #roll li:before {
            width: 0;
            height: 0;
            border-top: 5px solid transparent;
            border-left: 5px solid #666;
            border-bottom: 5px solid transparent;
            position: absolute;
            left: 0px;
            content: "";
            top: 8px; }
          .conBox_product_desc .right .roll #roll li em {
            color: #24cfcc;
            display: block;
            margin-top: 5px; }
    .conBox_product_desc .right .shop_info {
      float: left;
      width: 100%;
      background: #fff;
      padding: 20px;
      margin-top: 20px; }
      .conBox_product_desc .right .shop_info .top {
        width: 100%;
        float: left; }
        .conBox_product_desc .right .shop_info .top .img {
          width: 120px;
          float: left; }
          .conBox_product_desc .right .shop_info .top .img img {
            width: 100%; }
        .conBox_product_desc .right .shop_info .top .content {
          margin-left: 20px;
          float: left;
          width: 160px;
          margin-top: 10px; }
          .conBox_product_desc .right .shop_info .top .content .name {
            font-size: 18px;
            font-weight: bold;
            color: #515151; }
          .conBox_product_desc .right .shop_info .top .content .score {
            float: left;
            width: 100%;
            color: #666;
            margin-top: 5px; }
            .conBox_product_desc .right .shop_info .top .content .score div {
              float: left;
              width: 60px; }
            .conBox_product_desc .right .shop_info .top .content .score span {
              float: left;
              width: 100px; }
              .conBox_product_desc .right .shop_info .top .content .score span i {
                float: left;
                font-size: 12px;
                color: #ffc137; }
      .conBox_product_desc .right .shop_info .button {
        width: 100%;
        float: left;
        margin-top: 10px; }
        .conBox_product_desc .right .shop_info .button a {
          width: 48%;
          float: right;
          text-align: center;
          background: #f0f0f0;
          line-height: 35px;
          border: 5px;
          border-radius: 5px; }
        .conBox_product_desc .right .shop_info .button .contact {
          background: #f69119;
          color: #fff;
          float: left; }
      .conBox_product_desc .right .shop_info .tips {
        font-size: 14px;
        margin-top: 10px;
        float: left;
        color: #666; }
    .conBox_product_desc .right .server {
      float: left;
      width: 100%;
      background: #fff;
      margin-top: 20px; }
      .conBox_product_desc .right .server .box_title {
        width: 100%;
        float: left;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 20px; }
        .conBox_product_desc .right .server .box_title img {
          margin-right: 10px; }
      .conBox_product_desc .right .server ul {
        float: left;
        width: 100%;
        padding: 0 15px;
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 15px; }
        .conBox_product_desc .right .server ul li {
          width: 50%;
          padding: 5px 5px;
          float: left; }
          .conBox_product_desc .right .server ul li .img {
            width: 100%;
            float: left; }
            .conBox_product_desc .right .server ul li .img img {
              width: 100%; }
          .conBox_product_desc .right .server ul li .title {
            height: 18px;
            float: left;
            width: 100%;
            overflow: hidden; }
          .conBox_product_desc .right .server ul li .price {
            color: #fb683b;
            margin-top: 5px;
            float: left; }
    .conBox_product_desc .right .r_news {
      float: left;
      width: 100%;
      background: #fff;
      margin-top: 20px;
      padding: 20px; }
      .conBox_product_desc .right .r_news .box_title {
        width: 100%;
        float: left;
        font-size: 18px;
        font-weight: bold; }
        .conBox_product_desc .right .r_news .box_title img {
          margin-right: 10px; }
      .conBox_product_desc .right .r_news ul {
        float: left; }
        .conBox_product_desc .right .r_news ul li:last-child {
          border-bottom: 0; }
        .conBox_product_desc .right .r_news ul li {
          padding: 10px 0;
          border-bottom: 1px dotted #f0f0f0; }
          .conBox_product_desc .right .r_news ul li .title h3 {
            font-size: 14px; }
          .conBox_product_desc .right .r_news ul li .desc {
            font-size: 12px;
            height: 36px;
            line-height: 1.7;
            overflow: hidden;
            margin-top: 5px;
            color: #666; }

/*幻灯*/
.banner-main {
  width: 100%;
  height: 374px;
  position: relative;
  z-index: 998; }

.banner-main-img {
  height: 374px;
  width: 100%;
  overflow: hidden; }

.banner-main-img li {
  width: 100%;
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }

.banner-main-img li .title {
  position: absolute;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.1);
  line-height: 50px;
  width: 100%;
  font-size: 16px;
  color: #fff;
  padding: 0 10px; }

.banner-main-img li img {
  height: 374px;
  width: 100%;
  display: block;
  position: relative;
  left: 0;
  top: 0; }

.ui-controls ul {
  position: absolute;
  bottom: 20px;
  right: 20px; }

.ui-controls ul li {
  float: left;
  width: 10px;
  height: 10px;
  margin: 0px 5px;
  border: 2px solid #ddd;
  background: #eee;
  /*border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.5);*/
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s; }

.ui-controls ul li:hover {
  border: 2px solid #ccc;
  background: #999;
  /*border: 2px solid rgba(0, 0, 0, 0.5);
  background: rgba(255, 255, 255, 0.6);*/ }

.ui-controls ul .current {
  border: 2px solid #ccc;
  background: #999;
  /*border: 2px solid rgba(0, 0, 0, 0.5);
  background: rgba(255, 255, 255, 0.6);*/ }

.ui-controls .ui-prev {
  width: 41px;
  height: 69px;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -35px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/icon-slides.png) no-repeat -84px 50%;
  z-index: 999;
  cursor: pointer; }

.ui-controls .ui-next {
  width: 41px;
  height: 69px;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -35px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/icon-slides.png) no-repeat -125px 50%;
  z-index: 999;
  cursor: pointer; }

.ui-controls .ui-prev:hover {
  background-position-x: 0px; }

.ui-controls .ui-next:hover {
  background-position-x: -42px; }

.page_list {
  width: 100%;
  float: left;
  text-align: center;
  margin: 20px 0; }
  .page_list a {
    border: 1px solid #666;
    border-radius: 5px;
    padding: 0 8px;
    color: #666;
    margin: 0 2px; }
    .page_list a:hover {
      border-color: #fb683b;
      color: #fb683b; }
  .page_list .off {
    color: #adadad;
    border: 1px solid #adadad; }
  .page_list .on {
    color: #fb683b;
    border: 1px solid #fb683b;
    background: #fb683b;
    color: #fff; }

/*# sourceMappingURL=index.css.map */