.ts-product {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ts-product-page {
  font-size: 1.8rem;
  font-weight: 600;
  /* margin-bottom: 2rem; */
  width: 100%;
  padding: 0 0.8rem 2rem;
  max-width: 1620px;
  margin: auto;
}

.ts-product-pagebox {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ts-product-pagebox-title {
  padding: 0 1rem;
  color: #000;
}

.ts-product-pagebox-line {
  height: 6px;
  background-color: #b21119;
  flex: 1;
}

.ts-product-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3rem;
}

.ts-product-box:nth-child(2n+1) {
  background-color: #fff;
}

.ts-product-box:nth-child(2n) {
  background-color: #F7F7F7;
}

.ts-product-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 0;
}

.ts-product-header-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #4b4b4b;
}

.ts-product-header-highlight {
  width: 4rem;
  height: .2rem;
  margin-top: .5rem;
  background-color: #A61B29;
}

.ts-product-body {
  display: flex;
  flex-direction: column;
  padding: 0 0.8rem 2rem;
  max-width: 1620px;
  margin: auto;
}

/* 图片占整行 */
.ts-product-body-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2rem 0;
}

.ts-product-body-col-img {
  display: flex;
  box-shadow: 0 0 15px 1px #eaeaea;
}

.ts-product-body-col-img>img {
  /* max-width:1580px; */
  width: 100%;
}


/* 两列图片 */
.ts-product-body-col2 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

/* 文字图片上下 */
.ts-product-body-col2-box {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* 上下布局，内容居中 */
.ts-product-body-col2-centerbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

/* 文字在图片上边的情况 */
.ts-product-body-col2-box-textabove {
  font-size: .8rem;
  color: #000;
  opacity: 0.7;
  margin-left: 1.4rem;
  margin-bottom: .5rem;
}

.ts-product-body-col2-box-img {
  display: flex;
  justify-content: center;
  box-shadow: 0 0 15px 1px #eaeaea;
  flex: 1;
  margin-bottom: 1.2rem;
}

.ts-product-body-col2-box-img>img {
  /* max-width:30rem; */
  width: 100%;
}

/* .ts-product-body-col2-box:nth-child(2n+1){
    margin-right:.5rem;
}
.ts-product-body-col2-box:nth-child(2n){
    margin-left: .5rem;
} */
.ts-product-body-col2-box:first-child {
  margin-right: .5rem;
}

.ts-product-body-col2-box:last-child {
  margin-left: .5rem;
}

.ts-product-body-col2-box:not(:first-child):not(:last-child) {
  margin-left: .5rem;
  margin-right: .5rem;
}

/* 灰背景，文字下 情况 */
.ts-product-body-col2-box-graybg {
  padding-bottom: 2.2rem;
  margin-bottom: 2rem;
  box-shadow: 0 0 15px 1px #eaeaea;
  background-color: #F6F6F6;
}

/* 白背景，文字下 */
.ts-product-body-col2-box-whitebg {
  padding-bottom: 1.2rem;
  margin-bottom: 2rem;
  box-shadow: 0 0 15px 1px #eaeaea;
  background-color: #fff;
  border: 1px solid #E6E6E6;
}

/* 文字在图片下边的情况 */
.ts-product-body-col2-box-titlebelow {
  font-size: 1rem;
  font-weight: 600;
  color: #575757;
  margin-left: 1.5rem;
}

.ts-product-body-col2-box-textbelow {
  font-size: 1rem;
  /* font-weight:600; */
  color: #89898b;
  margin-left: 1.5rem;
  margin-top: .3rem;
}

.ts-product-body-col2-box-texthide {
  visibility: hidden;
}

/* 竖直排列文字盒子内容 */
.ts-product-body-textbox {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 红色标题文字 */
.ts-product-body-textbox-hltext {
  margin: 1.8rem 0 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #AD1920;
}

/* 黑色标题文字 */
.ts-product-body-textbox-bltext {
  margin: 1.8rem 0 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
  opacity: .7;
}

/* 二级标题 */
.ts-product-body-textbox-title {
  margin-top: 1rem;
  font-size: 1rem;
  color: #000;
  font-weight: 600;
  opacity: 0.65;
}

/* 灰色文本 */
.ts-product-body-textbox-text {
  margin-top: .4rem;
  font-size: .8rem;
  color: #000;
  opacity: 0.45;
  font-weight: 600;
  text-align: center;
}

/* 左冒号文字 */
.ts-product-body-textbox-text-left {
  display: inline-block;
}


/* 文字图片左右 */
.ts-product-body-col2-rowbox {
  display: flex;
  margin-bottom: 2rem;
}

.ts-product-body-col2-rowbox-img {
  flex: 2;
  display: flex;
  box-shadow: 0 0 15px 1px #eaeaea;
}

.ts-product-body-col2-rowbox-img>img {
  width: 100%;
}

/* 图文行分布的文字 */
.ts-product-body-col2-rowbox-textbox {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2rem;
}

/* 居中文字盒子 */
.ts-product-body-col2-rowbox-centertextbox {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 0 2rem;
}

.ts-product-body-col2-rowbox-centertextbox-img {
  display: flex;
}

.ts-product-body-col2-rowbox-centertextbox-img>img {
  width: 100%;
}

/* 一级黑标题 */
.ts-product-body-col2-rowbox-textbox-title {
  margin-top: .7rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #575757;
}

/* 一级灰标题 */
.ts-product-body-col2-rowbox-textbox-graytitle {
  margin-top: .7rem;
  font-size: 1.1rem;
  font-weight: 600;
  /* color: #89898b; */
  color: #000;
  opacity: .26;
}

/* 一级内容 */
.ts-product-body-col2-rowbox-textbox-content {
  margin-top: .7rem;
  font-size: 1rem;
  font-weight: 600;
  color: #89898b;
}

/* 二级红标题 */
.ts-product-body-col2-rowbox-textbox-title2 {
  margin: .7rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #AD1920;
}

/* 二级黑内容 */
.ts-product-body-col2-rowbox-textbox-contentblack {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  color: #575757;
  text-align: center;
}

/* 二级灰内容 */
.ts-product-body-col2-rowbox-textbox-content2 {
  display: flex;
  align-items: center;
  font-size: .8rem;
  color: #868686;
}

/* 图片下面跟着内容 */
.ts-product-body-col2-box-img-header {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 20px;
  border: 1px solid #F6F6F6;
}

.ts-product-body-col2-box-img-header>h4 {
  height: 2rem;
  margin-left: 2rem;
  margin-top: 25px;
  line-height: 2rem;
  font-size: 20px;
  /* font-weight: 500; */
  color: rgba(0, 0, 0, 0.65);
}

.ts-product-body-col2-box-img-header>p {
  margin-left: 2rem;
  font-size: 16px;
  font-weight: 500;
  color: #848494;
  line-height: 30px;
}

/* 边框阴影 */
.img-boxshadow {
  box-shadow: 0 0 15px 1px #eaeaea;
}

.graybg {
  background-color: #F6F6F6;
}