.banner {
    height: auto;
    /*height: 600px;*/
}

.product {
    /*margin-top: 600px;*/
    background: #fff;
    height: auto;
    margin-bottom: 20px;
}

.product .con {
  margin-top: 30px;
}

.product .con .ulbox {
  padding-top: 0;
  margin-top: 3px;
  border: 1px solid #c9c9c9;
  /*height: 679px;*/
  width: 304px;
  overflow: hidden;
}

.product .con .li {
  box-sizing: border-box;
  width: 250px;
  margin: 0 auto;
  border-bottom: 1px solid #c9c9c9;
}
.product .con .li:last-child {
    border-bottom: unset;
}
.product .con .ulbox .active {
  width: 100%;
}
.product .con .ulbox .active a {
    color: #ffffff;
}

.product .con .r .imgbox {
  height: 1038px;
  grid-template-columns: 273px 273px 0px;
  grid-template-rows: 330px 330px 0;
}

.TurnPage {
  margin-right: 30px;
}

.TurnPage > li {
  margin: 20px 8px 20px 0;
}

.product .con .lxsh {
  width: 304px;
  height: auto;
  padding: 0 22px;
  box-sizing: border-box;
  border: 1px solid #c9c9c9;
  margin-top: 25px;
}

.product .con .lxsh .tit {
  width: 100%;
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #c9c9c9;
  color: #1c417d;
  font-size: 18px;
}

.product .con .lxsh .font {
  line-height: 32px;
  color: #303030;
  font-size: 16px;
}

.product .con .lxsh .name {
  margin-top: 20px;
}

.productimgs {
  width: 403px;
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
}

.productimgs img {
  width: 403px;
  height: 403px;
}

.productimgs .txt {
  margin-top: 38px;
}

.xinxibox {
  width: 780px;
  margin: 0 auto;
  margin-top: 50px;
}

.xinxibox .xinxi {
  border-bottom: 1px solid #c9c9c9;
}

.xinxibox .tit {
  width: 140px;
  height: 50px;
  line-height: 50px;
  background: #142e58;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.xinxibox .xx {
  margin-top: 40px;
}

.xinxibox .xx>div {
  color: #231815;
  font-size: 18px;
  line-height: 42px;
}