@charset "UTF-8";

.chat a:hover, .prod_list .list li a:hover {
  text-decoration: none
}

.prod_list .list li {
  float: left;
  width: 260px;
  margin: 0 35px 20px 0
}
.prod_list .list li:nth-child(3n){ margin-right: 0; }
.prod_list .list li a {
  display: block;
  position: relative
}

.prod_list .list li .pic {
  display: block;
  overflow: hidden
}

.prod_list .list li .pic img {
  width: 100%;
  height: auto;
  transition: All .4s ease-in-out;
  -webkit-transition: All .4s ease-in-out;
  -moz-transition: All .4s ease-in-out;
  -o-transition: All .4s ease-in-out
}


.prod_list .list li .tt {
  display: block;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  transition: all .15s ease-in-out 0s;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.prod_list .list li.end {
  margin-right: 0
}

.prod_list .list li a:hover .pic {
  box-shadow: 0 0 5px #ddd
}

.prod_list .list li a:hover .pic img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1)
}

.prod_list .loadings {
  height: 200px;
  position: relative
}

.prod_list .loadings span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -65px;
  width: 90px;
  height: 32px;
  line-height: 32px;
  padding-left: 40px;
  background: url(../Public/home/images/loading2.gif) no-repeat;
  font-size: 18px
}

.prod_detail {
  padding: 0 0 20px;
  background: #fff
}

.prod_detail .prod_pic {
  float: left;
  width: 50%
}

.prod_detail .bpic {
  height: 318px;
  position: relative;
  overflow: hidden;
  border: 1px solid #eee;
  margin-bottom: 15px
}

.prod_detail .bpic img {
  display: block;
  width: 100%;
  height: 100%
}

.prod_detail .spic {
  position: relative
}

.prod_detail .spic .list {
  margin: 0 20px;
  overflow: hidden;
  height: 72px;
  position: relative
}

.prod_detail .spic .list ul {
  width: 9999px
}

.prod_detail .spic li {
  float: left;
  margin-right: 10px
}

.prod_detail .spic li a {
  float: left;
  width: 70px;
  height: 70px;
  border: 1px solid #eee;
  transition: none;
  position: relative
}

.prod_detail .spic li a img {
  width: 100%;
  height: 100%
}

.prod_detail .spic li a:hover:after, .prod_detail .spic li.on a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: '';
  border: 2px solid #078fd4
}

.prod_detail .spic .next, .prod_detail .spic .prev {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  width: 9px;
  height: 16px;
  background: url(../Public/home/images/arrowd.png) no-repeat
}

.prod_detail .spic .prev {
  left: 0
}

.prod_detail .spic .next {
  right: 0;
  background-position: -9px 0
}

.prod_detail .prod_info {
  float: right;
  width: 46%;
  line-height: 30px
}

.prod_detail .prod_info .title {
  font-size: 16px;
  color: #333;
  line-height: 20px;
  padding: 0 0 20px;
  margin-bottom: 15px;
  font-weight: 400;
  border-bottom: 1px dashed #eee
}

.prod_detail .prod_info .intro {
  font-size: 14px;
  line-height: 30px;
  color: #666;
  min-height: 136px;
  margin-bottom: 14px
}

.chat {
  line-height: 28px;
  margin-top: 7px
}

.chat h2 {
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  color: #333;
  margin-bottom: 24px;
  background: #f6f6f6;
  border: 1px solid #ededed;
  padding-left: 12px
}

.chat h2 i {
  float: left;
  margin: 16px 10px 0 0
}

.chat h2 span {
  float: left;
  margin-right: 5px
}

.chat h2 strong {
  color: #078fd4;
  font-size: 24px;
  font-weight: 400
}

.chat a {
  float: left;
  width: 152px;
  height: 42px;
  line-height: 42px;
  color: #fff;
  background: #078fd4;
  font-size: 18px;
  text-align: center
}

.tab .tabt, .tab .tabt span {
  height: 40px;
  line-height: 40px;
  text-align: center
}

.chat a:hover {
  background: #d66502
}

.tab .tabt {
  color: #fff;
  margin: 10px 0;
  border-bottom: 2px solid #078fd4
}

.tab .tabt span {
  float: left;
  padding: 0 30px;
  color: #333;
  background: #ddd;
  font-size: 14px;
  margin-right: 10px;
  cursor: pointer
}

.tab .tabt span.active {
  background: #078fd4;
  color: #fff
}

.tab .tabt em {
  float: left;
  font-size: 12px
}

.tab .tabc {
  padding: 30px 0;
  display: none;
  line-height: 24px;
  background: #fff
}

.tab .tabc img {
  margin-bottom: 10px
}

table {
  border-collapse: collapse
}

table td {
  padding: 0 5px
}

.relateddownload li {
  line-height: 30px;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 10px
}

.relateddownload li i {
  float: left;
  width: 5px;
  height: 5px;
  background: #ddd;
  margin: 14px 10px 0 0;
  border-radius: 100%
}

.tab .noinfo {
  padding: 50px 0
}

.prod_tt {
  font-size: 16px;
  background: #e1e1e1;
  line-height: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
  color: #282828
}

.prod_recom {
  position: relative
}

.prod_recom ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px
}

.prod_recom .item {
  float: left;
  width: calc(25% - 12px);
  margin: 0 6px 12px
}

.prod_recom .item .pic {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0
}

.prod_recom .item .pic img {
  width: 100%
}

.prod_recom .item .tt {
  display: block;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  text-align: center
}