.container {
  padding-right: 15px;
  padding-left : 15px;
  margin-right : auto;
  margin-left  : auto;
}

@media (min-width: 768px) {
  .container {
    width: 780px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 1000px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position     : relative;
  min-height   : 1px;
  padding-right: 15px;
  padding-left : 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 768px) {

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {

  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {

  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.nb-main .history_main {
  background-color: #f3f3f3;
  padding-top     : 2.76%;
  padding-bottom  : 2.5%;
}

.nb-main .history_main ul {
  overflow: hidden;
}

.nb-main .history_main ul li {
  border-right  : 1px solid #e5e5e5;
  padding-top   : 15px;
  padding-bottom: 10px;
  text-align    : center;
}

.nb-main .history_main ul li .date {
  font-size: 48px;
  color    : #17abd0;
}

.nb-main .history_main ul li p {
  font-size       : 14px;
  color           : #3d3d3d;
  margin-top      : 15px;
  line-height     : 100%;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
}

.nb-main .history_main ul li:last-child {
  border-right: 0;
}

.nb-main .product_main {
  padding-top   : 3.125%;
  padding-bottom: 3.125%;
}

.nb-main .product_main .title {
  position      : relative;
  text-align    : center;
  padding-bottom: 15px;
  border-bottom : 1px solid #eeeeee;
  margin-bottom : 2%;
}

.nb-main .product_main .title h1 {
  font-size    : 36px;
  color        : #000;
  line-height  : 100%;
  margin-bottom: 10px;
}

.nb-main .product_main .title h2 {
  font-size     : 14px;
  color         : #a4a4a4;
  text-transform: uppercase;
  line-height   : 100%;
}

.nb-main .product_main .title::after {
  content          : '';
  position         : absolute;
  left             : 50%;
  bottom           : 0;
  width            : 40px;
  height           : 3px;
  background-color : #17abd0;
  -webkit-transform: translateX(-50%);
  -ms-transform    : translateX(-50%);
  transform        : translateX(-50%);
  margin-bottom    : -2px;
}

.nb-main .product_main .con .tab_items {
  position     : relative;
  padding-right: 63px;
}

.nb-main .product_main .con .tab_items ul {
  overflow: hidden;
}

.nb-main .product_main .con .tab_items ul li {
  width: 14.26%;
  padding-right: 10px;
  float        : left;
  font-size: 12px;
}

.nb-main .product_main .con .tab_items ul li a {
  display         : block;
  background-color: #eeeeee;
  border          : 1px solid #eeeeee;
  font-size: 12px;
  color           : #020202;
  text-align      : center;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  height          : 55px;
  line-height     : 55px;
  cursor          : pointer;
}

.nb-main .product_main .con .tab_items ul li.active a {
  background-color: #17abd0;
  border          : 1px solid #17abd0;
  color           : #fff;
}

.nb-main .product_main .con .tab_items ul li:hover a {
  border: 1px solid #17abd0;
}

.nb-main .product_main .con .tab_items .more {
  position        : absolute;
  right           : 0;
  top             : 0;
  width           : 63px;
  height          : 55px;
  line-height     : 55px;
  background-color: #17abd0;
  color           : #fff;
  text-align      : center;
}

.nb-main .product_main .con .tab_items .more:hover {
  opacity: 0.6;
}

.nb-main .product_main .con .list_items {
  margin-top: 4%;
}

.nb-main .product_main .con .list_items li {
  overflow       : hidden;
  list-style-type: none;
  font-size      : 0;
  display        : none;
}

.nb-main .product_main .con .list_items li .pic {
  display       : inline-block;
  vertical-align: middle;
  float         : none;
  padding-left  : 0;
  padding-right : 0;
}

.nb-main .product_main .con .list_items li .pic img {
  width: 100%;
}

.nb-main .product_main .con .list_items li .txt {
  display       : inline-block;
  vertical-align: middle;
  float         : none;
  padding-left  : 25px;
  padding-right : 0;
}

.nb-main .product_main .con .list_items li .txt h1 {
  font-size    : 30px;
  color        : #020202;
  line-height  : 100%;
  margin-bottom: 8%;
}

.nb-main .product_main .con .list_items li .txt p {
  font-size    : 14px;
  color        : #606060;
  line-height  : 30px;
  margin-bottom: 10%;
  height: 120px;
}

.nb-main .product_main .con .list_items li .txt .detail {
  display         : block;
  width           : 175px;
  background-color: #17abd0;
  text-align      : center;
}

.nb-main .product_main .con .list_items li .txt .detail span {
  height             : 50px;
  line-height        : 50px;
  font-size          : 14px;
  color              : #fff;
  padding-right      : 34px;
  background-image   : url(../images/detail.png);
  background-repeat  : no-repeat;
  background-position: right center;
}

.nb-main .product_main .con .list_items li .txt .detail:hover {
  opacity: 0.6;
}

.nb-main .product_main .con .list_items li.on {
  display: block;
}

.nb-main .product_main .con2 {
  margin-top: 3%;
}

.nb-main .product_main .con2 ul {
  overflow        : hidden;
  background-color: #17abd0;
  padding-top     : 24px;
  padding-bottom  : 24px;
}

.nb-main .product_main .con2 ul li {
  width      : 20%;
  float      : left;
  text-align : center;
  white-space: nowrap;
}

.nb-main .product_main .con2 ul li .num {
  display           : inline-block;
  vertical-align    : middle;
  width             : 65px;
  height            : 65px;
  line-height       : 65px;
  border            : 1px solid #9aebff;
  border-radius     : 50%;
  text-align        : center;
  font-size         : 30px;
  color             : #9aebff;
  font-weight       : bold;
  -webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow        : 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}

.nb-main .product_main .con2 ul li .desc {
  display       : inline-block;
  vertical-align: middle;
  max-width     : calc(100% - 65px);
  padding-left  : 15px;
  text-align    : left;
}

.nb-main .product_main .con2 ul li .desc p {
  font-size  : 14px;
  color      : #fff;
  line-height: 170%;
}

.nb-main .case_main {
  padding-top     : 3.125%;
  padding-bottom  : 3.125%;
  background-color: #f3f3f3;
}

.nb-main .case_main .title {
  position      : relative;
  text-align    : center;
  padding-bottom: 15px;
  border-bottom : 1px solid #e5e5e5;
  margin-bottom : 2%;
}

.nb-main .case_main .title h1 {
  font-size    : 36px;
  color        : #000;
  line-height  : 100%;
  margin-bottom: 10px;
}

.nb-main .case_main .title h2 {
  font-size     : 14px;
  color         : #a4a4a4;
  text-transform: uppercase;
  line-height   : 100%;
}

.nb-main .case_main .title::after {
  content          : '';
  position         : absolute;
  left             : 50%;
  bottom           : 0;
  width            : 40px;
  height           : 3px;
  background-color : #17abd0;
  -webkit-transform: translateX(-50%);
  -ms-transform    : translateX(-50%);
  transform        : translateX(-50%);
  margin-bottom    : -2px;
}

.nb-main .case_main .con .tab_items {
  position     : relative;
  padding-right: 63px;
}

.nb-main .case_main .con .tab_items ul {
  overflow: hidden;
}

.nb-main .case_main .con .tab_items ul li {
  width        : 20%;
  padding-right: 10px;
  float        : left;
}

.nb-main .case_main .con .tab_items ul li a {
  display         : block;
  background-color: #eeeeee;
  border          : 1px solid #eeeeee;
  font-size       : 16px;
  color           : #020202;
  text-align      : center;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  height          : 55px;
  line-height     : 55px;
  cursor          : pointer;
}

.nb-main .case_main .con .tab_items ul li.active a {
  background-color: #17abd0;
  border          : 1px solid #17abd0;
  color           : #fff;
}

.nb-main .case_main .con .tab_items ul li:hover a {
  border: 1px solid #17abd0;
}

.nb-main .case_main .con .tab_items .more {
  position        : absolute;
  right           : 0;
  top             : 0;
  width           : 63px;
  height          : 55px;
  line-height     : 55px;
  background-color: #17abd0;
  color           : #fff;
  text-align      : center;
}

.nb-main .case_main .con .tab_items .more:hover {
  opacity: 0.6;
}

.nb-main .case_main .con .list_items {
  position  : relative;
  margin-top: 4%;
}

.nb-main .case_main .con .list_items li {
  position       : absolute;
  left           : 0;
  top            : 0;
  overflow       : hidden;
  list-style-type: none;
  font-size      : 0;
  z-index        : 0;
  opacity        : 0;
}

.nb-main .case_main .con .list_items li .pic img {
  max-width: 100%;
}

.nb-main .case_main .con .list_items li .txt {
  background-color: #fff;
  padding         : 20px;
}

.nb-main .case_main .con .list_items li .txt h1 {
  font-size    : 24px;
  margin-bottom: 15px;
}

.nb-main .case_main .con .list_items li .txt p {
  font-size       : 14px;
  line-height     : 170%;
  color           : #606060;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
}

.nb-main .case_main .con .list_items li .swiper-slide:hover .txt {
  background-color: #17abd0;
}

.nb-main .case_main .con .list_items li .swiper-slide:hover .txt h1,
.nb-main .case_main .con .list_items li .swiper-slide:hover .txt p {
  color: #fff;
}

.nb-main .case_main .con .list_items li.on {
  position: relative;
  opacity : 1;
  z-index : 2;
}

.nb-main .case_main .con .list_items .swiper-button-prev {
  position           : absolute;
  top                : 50%;
  left               : -80px;
  width              : 30px;
  height             : 30px;
  -webkit-transform  : translateY(-50%);
  -ms-transform      : translateY(-50%);
  transform          : translateY(-50%);
  margin-top         : 0;
  background-image   : url(../images/xidt44.png);
  background-repeat  : no-repeat;
  background-position: 0 0;
  background-size    : auto;
}

.nb-main .case_main .con .list_items .swiper-button-prev:hover {
  background-position: -30px 0;
}

.nb-main .case_main .con .list_items .swiper-button-next {
  position           : absolute;
  top                : 50%;
  right              : -80px;
  width              : 30px;
  height             : 30px;
  -webkit-transform  : translateY(-50%);
  -ms-transform      : translateY(-50%);
  transform          : translateY(-50%);
  margin-top         : 0;
  background-image   : url(../images/xidt45.png);
  background-repeat  : no-repeat;
  background-position: -30px 0;
  background-size    : auto;
}

.nb-main .case_main .con .list_items .swiper-button-next:hover {
  background-position: 0 0;
}

.nb-main .about_main {
  padding-top   : 3.125%;
  padding-bottom: 3.125%;
}

.nb-main .about_main .title {
  position      : relative;
  text-align    : center;
  padding-bottom: 15px;
  border-bottom : 1px solid #e5e5e5;
  margin-bottom : 2%;
}

.nb-main .about_main .title h1 {
  font-size    : 36px;
  color        : #000;
  line-height  : 100%;
  margin-bottom: 10px;
}

.nb-main .about_main .title h2 {
  font-size     : 14px;
  color         : #a4a4a4;
  text-transform: uppercase;
  line-height   : 100%;
}

.nb-main .about_main .title::after {
  content          : '';
  position         : absolute;
  left             : 50%;
  bottom           : 0;
  width            : 40px;
  height           : 3px;
  background-color : #17abd0;
  -webkit-transform: translateX(-50%);
  -ms-transform    : translateX(-50%);
  transform        : translateX(-50%);
  margin-bottom    : -2px;
}

.nb-main .about_main .con {
  overflow : hidden;
  font-size: 0;
}

.nb-main .about_main .con .pic,
.nb-main .about_main .con .txt {
  display       : inline-block;
  vertical-align: middle;
  float         : none;
}

.nb-main .about_main .con .pic img {
  width: 100%;
}

.nb-main .about_main .con .txt ul {
  overflow: hidden;
}

.nb-main .about_main .con .txt ul li {
  width         : 20%;
  text-align    : center;
  float         : left;
  font-size     : 14px;
  padding-bottom: 5px;
  border-right  : 1px solid #eeeeee;
}

.nb-main .about_main .con .txt ul li a {
  display            : block;
  padding-top        : 55px;
  background-repeat  : no-repeat;
  background-position: center top 5px;
}

.nb-main .about_main .con .txt ul li:nth-child(1) a {
  background-image: url(../images/icon_about.png);
}

.nb-main .about_main .con .txt ul li:nth-child(2) a {
  background-image: url(../images/icon_about2.png);
}

.nb-main .about_main .con .txt ul li:nth-child(3) a {
  background-image: url(../images/icon_about3.png);
}

.nb-main .about_main .con .txt ul li:nth-child(4) a {
  background-image: url(../images/icon_about4.png);
}

.nb-main .about_main .con .txt ul li:nth-child(5) a {
  background-image: url(../images/icon_about5.png);
}

.nb-main .about_main .con .txt ul li:last-child {
  border-right: 0;
}

.nb-main .about_main .con .txt .intro {
  margin-top: 5%;
}

.nb-main .about_main .con .txt .intro h1 {
  font-size    : 18px;
  color        : #000;
  line-height  : 100%;
  margin-bottom: 3%;
}

.nb-main .about_main .con .txt .intro p {
  font-size    : 14px;
  color        : #606060;
  line-height  : 170%;
  margin-bottom: 3%;
}

.nb-main .about_main .con .txt .intro .detail {
  display         : block;
  width           : 175px;
  background-color: #17abd0;
  text-align      : center;
}

.nb-main .about_main .con .txt .intro .detail span {
  height             : 50px;
  line-height        : 50px;
  font-size          : 14px;
  color              : #fff;
  padding-right      : 34px;
  background-image   : url(../images/detail.png);
  background-repeat  : no-repeat;
  background-position: right center;
}

.nb-main .about_main .con .txt .intro .detail:hover {
  opacity: 0.6;
}

.nb-main .new_main {
  padding-top     : 3.125%;
  padding-bottom  : 3.125%;
  background-color: #f3f3f3;
}

.nb-main .new_main .title {
  position      : relative;
  text-align    : center;
  padding-bottom: 15px;
  border-bottom : 1px solid #e5e5e5;
  margin-bottom : 2%;
}

.nb-main .new_main .title h1 {
  font-size    : 36px;
  color        : #000;
  line-height  : 100%;
  margin-bottom: 10px;
}

.nb-main .new_main .title h2 {
  font-size     : 14px;
  color         : #a4a4a4;
  text-transform: uppercase;
  line-height   : 100%;
}

.nb-main .new_main .title::after {
  content          : '';
  position         : absolute;
  left             : 50%;
  bottom           : 0;
  width            : 40px;
  height           : 3px;
  background-color : #17abd0;
  -webkit-transform: translateX(-50%);
  -ms-transform    : translateX(-50%);
  transform        : translateX(-50%);
  margin-bottom    : -2px;
}

.nb-main .new_main .con {
  overflow: hidden;
}

.nb-main .new_main .con img {
  width: 100%;
}

.nb-main .new_main .con .top {
  padding-left : 0;
  padding-right: 0;
}

.nb-main .new_main .con .top a {
  display: block;
}

.nb-main .new_main .con .top a .txt {
  font-size       : 18px;
  color           : #151515;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  background-color: #fff;
  padding         : 5% 20px;
}

.nb-main .new_main .con .list {
  padding-left : 2.5%;
  padding-right: 0;
}

.nb-main .new_main .con .list ul {
  margin-bottom: 4.5%;
}

.nb-main .new_main .con .list ul li {
  background-color: #fff;
  font-size       : 0;
  padding         : 15px;
  margin-bottom   : 15px;
}

.nb-main .new_main .con .list ul li a {
  display: block;
}

.nb-main .new_main .con .list ul li .pic {
  display       : inline-block;
  vertical-align: middle;
  width         : 28%;
}

.nb-main .new_main .con .list ul li .txt {
  display       : inline-block;
  vertical-align: middle;
  width         : 72%;
  padding-left  : 15px;
}

.nb-main .new_main .con .list ul li .txt h1 {
  font-size       : 18px;
  color           : #000;
  margin-bottom   : 10px;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
}

.nb-main .new_main .con .list ul li .txt p {
  font-size         : 14px;
  color             : #606060;
  line-height       : 20px;
  overflow          : hidden;
  -o-text-overflow  : ellipsis;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom     : 15px;
}

.nb-main .new_main .con .list ul li .txt .date {
  font-size: 14px;
  color    : #c3c3c3;
}

.nb-main .new_main .con .list ul li:hover {
  background-color: #17abd0;
}

.nb-main .new_main .con .list ul li:hover .txt h1,
.nb-main .new_main .con .list ul li:hover .txt p,
.nb-main .new_main .con .list ul li:hover .txt .date {
  color: #fff;
}

.nb-main .new_main .con .list .detail {
  display         : block;
  width           : 175px;
  background-color: #17abd0;
  text-align      : center;
}

.nb-main .new_main .con .list .detail span {
  height             : 50px;
  line-height        : 50px;
  font-size          : 14px;
  color              : #fff;
  padding-right      : 34px;
  background-image   : url(../images/detail.png);
  background-repeat  : no-repeat;
  background-position: right center;
}

.nb-main .new_main .con .list .detail:hover {
  opacity: 0.6;
}

.tptits2 {
  padding-left: 20px;
}

.hangye_new li {
  font-size     : 0;
  padding-bottom: 20px;
  margin-bottom : 20px;
  border-bottom : 1px solid #eeeeee;
}

.hangye_new li a {
  display: block;
}

.hangye_new li .txt {
  width         : 70%;
  display       : inline-block;
  vertical-align: middle;
  padding-right : 30px;
}

.hangye_new li .txt h5 {
  font-size    : 18px;
  color        : #1a1a1a;
  margin-bottom: 4%;
}

.hangye_new li .txt .tptits2-sprtax-tit {
  font-size    : 14px;
  color        : #8d8d8d;
  line-height  : 24px;
  margin-bottom: 5%;
}

.hangye_new li .txt .smqktdg {
  font-size: 14px;
  color    : #000;
}

.hangye_new li .pic {
  width         : 30%;
  display       : inline-block;
  vertical-align: middle;
      height: 170px;
}

.hangye_new li .pic img {
  width: 100%;
}

.my-map#container {
  width   : 100%;
  height  : 300px;
  position: static;
}

.my-map#container h1,
.my-map#container p {
  color: #000;
}

.my-map#container .amap-info-combo .keyword-input {
  height: auto;
}

.my-map#container .icon {
  background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}

.amap-container {
  height: 100%;
}

@media (max-width: 768px) {
  .nb-main .history_main ul li .date {
    font-size: 32px;
  }

  .nb-main .product_main .title h1,
  .nb-main .about_main .title h1,
  .nb-main .case_main .title h1,
  .nb-main .new_main .title h1 {
    font-size: 24px;
  }

  .nb-main .product_main .con .tab_items .more,
  .nb-main .case_main .con .tab_items .more {
    display: none;
  }

  .nb-main .product_main .con .tab_items,
  .nb-main .case_main .con .tab_items {
    padding-right: 0;
  }

  .nb-main .product_main .con .tab_items ul li,
  .nb-main .case_main .con .tab_items ul li {
    width        : 50%;
    margin-bottom: 10px;
  }
  .nb-main .product_main .con .list_items li .txt p{height:auto;}
  .nb-main .product_main .con .list_items li .txt {
    padding-left: 0;
  }

  .nb-main .product_main .con .list_items li .txt h1 {
    font-size    : 22px;
    margin-top   : 15px;
    margin-bottom: 15px;
  }

  .nb-main .product_main .con2 ul li {
    width        : 100%;
    text-align   : left;
    margin-bottom: 15px;
    padding-left : 30px;
  }

  .nb-main .about_main .con .txt ul {
    margin-top: 15px;
  }

  .hangye_new li .txt {
    width: 100%;
  }

  .hangye_new li .pic {
    width: 100%;
  }

  .tptits2 {
    padding-left: 0;
  }

  .hangye_new li .txt .smqktdg {
    margin-bottom: 15px;
  }
}

.sratpc img{
  max-width: 100%;
  height: auto!important;
}

.sratpc p {
  font-size  : 14px !important;
  color      : #aaa !important;
  line-height: 170% !important;
}

.sratpc p span,
.sratpc p h1,
.sratpc p h2,
.sratpc p h3,
.sratpc p h4,
.sratpc p h5,
.sratpc p h6 {
  font-size  : 18px !important;
  color      : #333 !important;
  line-height: 170% !important;
}

.show-nanst p{
  margin-bottom: 0 !important;
}

.sratpc table p {
  font-size  : 12px !important;
  color      : #aaa !important;
  line-height: 100% !important;
}

.sratpc p span{
  font-size: 14px !important;
  color      : #333 !important;
  line-height: 120% !important;
}

.sratpc .table_box{  
  width: 90% !important;
  overflow-x: auto;
}

.sratpc table{
  width: auto;
}