/**
 * 关于我们页样式 
 */
.imgboxcoustom {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
}
.imgboxcoustom .adv-bkg {
  width: 100%;
}
.aboout-body {
  padding: 4.375rem 25% 0;
  width: 50%;
  display: none;
}
.aboout-body .items {
  margin-bottom: 3.75rem;
  display: flex;
}
.aboout-body .items .left {
  display: block;
  position: relative;
}
.aboout-body .items .left .top-imgs {
  width: 100%;
  height: auto;
}
.aboout-body .items .left .title {
  text-align: left;
  font-size: 1.5rem;
  font-weight: bold;
  color: #333333;
  padding: 0;
  padding-bottom: 1.5vw;
}
.aboout-body .items .left .tle {
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #333333;
  padding-bottom: 1.2vw;
}
.aboout-body .items .left a {
  display: block;
}
.aboout-body .items .left .small-img {
  position: absolute;
  bottom: 0;
  width: 4.8vw;
  height: auto;
}
.aboout-body .items .right {
  width: 50%;
  text-align: left;
  padding-left: 2vw;
}
.aboout-body .items .right .title {
  text-align: left;
  font-size: 1.5rem;
  font-weight: bold;
  color: #333333;
  padding: 0;
  padding-bottom: 1.5vw;
}
.aboout-body .items .right .tle {
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.6;
  color: #333333;
}
.aboout-body .items .right .top-imgs {
  width: 100%;
  height: auto;
}
.problem-body {
  display: none;
  width: 50%;
  margin: 3.125vw 25%;
  background-color: #FFFFFF;
}
.problem-body .pro-title {
  height: 4.16vw;
  padding: 0 1.56vw;
  display: flex;
  align-items: center;
}
.problem-body .pro-title p {
  margin-right: 1.04vw;
  font-size: 1.5rem;
  font-weight: 700;
}
.problem-body .pro-title img {
  width: 0.78vw;
  height: auto;
}
.problem-body .layui-colla-item .layui-colla-title {
  background-color: #FFFFFF;
  height: 4.16vw;
  padding: 0 1.56vw;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.problem-body .layui-colla-item .layui-colla-title .layui-colla-icon {
  top: auto;
  left: auto;
  right: 1.56vw;
}
.problem-body .layui-colla-item .layui-colla-content {
  border: 0px solid #fff;
  padding: 0 1.56vw 1.46vw;
}
.problem-body .layui-colla-item .layui-colla-content .list {
  line-height: 1.2;
  margin-bottom: 0.31vw;
  font-size: 1.25rem;
}
.problem-body .layui-colla-item .layui-colla-content .cont-img {
  width: 100%;
}
.buyservice-body {
  display: none;
  width: 50%;
  margin: 3.125vw 25%;
}
.buyservice-body .serv {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.buyservice-body .serv-left {
  width: 50%;
}
.buyservice-body .serv-left img {
  width: 100%;
}
.buyservice-body .serv-right {
  width: 21.82vw;
  position: relative;
}
.buyservice-body .serv-right .tle {
  width: 100%;
  color: #333333;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.45vw;
}
.buyservice-body .serv-right .cont {
  top: 2.6vw;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  color: #333333;
  font-size: 1.25rem;
}
.buyservice-body .serv-right .cont p {
  width: 100%;
  line-height: 1.6;
}
.buyservice-body .serv-right .cont a {
  font-weight: 700;
}
.choadvice-body {
  display: none;
  width: 50%;
  margin: 3.125vw 25%;
}
.choadvice-body .advice-top {
  display: flex;
}
.choadvice-body .advice-top .t-left .tle {
  color: #333333;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.53vw;
}
.choadvice-body .advice-top .t-left .cont .list {
  display: flex;
}
.choadvice-body .advice-top .t-left .lefts {
  margin-right: 1.5vw;
  color: #333333;
  font-size: 1.25rem;
}
.choadvice-body .advice-top .t-left .rights {
  color: #333333;
  font-size: 1.25rem;
}
.choadvice-body .advice-top .t-right {
  width: 17.97vw;
  height: 100%;
  margin-left: 2.6vw;
}
.choadvice-body .advice-prog {
  margin-top: 2.18vw;
}
.choadvice-body .advice-prog .tle {
  color: #333333;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.53vw;
}
.choadvice-body .advice-prog .progress {
  width: 100%;
  height: auto;
}
.companysev-body {
  display: none;
  width: 50%;
  margin: 3.125vw 25%;
}
.companysev-body .comsev-top {
  display: flex;
}
.companysev-body .comsev-top .t-lefts .tle {
  color: #333333;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.53vw;
}
.companysev-body .comsev-top .t-lefts .cont {
  color: #333333;
  font-size: 1.25rem;
  line-height: 1.6;
}
.companysev-body .comsev-top .t-rights {
  width: 50%;
  height: 100%;
  margin-left: 2.6vw;
}
.companysev-body .comsev-body {
  display: flex;
  margin-top: 2.4vw;
}
.companysev-body .comsev-body .b-lefts {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.companysev-body .comsev-body .b-lefts img {
  width: 100%;
}
.companysev-body .comsev-body .b-rights {
  width: 50%;
  padding-left: 2.6vw;
}
.companysev-body .comsev-body .b-rights .tle {
  color: #333333;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.53vw;
}
.companysev-body .comsev-body .b-rights .cont .list {
  display: flex;
}
.companysev-body .comsev-body .b-rights .lefts {
  margin-right: 1.5vw;
  color: #333333;
  font-size: 1.25rem;
}
.companysev-body .comsev-body .b-rights .rights {
  color: #333333;
  font-size: 1.25rem;
  line-height: 1.6;
}
.companysev-body .comsev-after {
  margin: 2.34vw 0;
  width: 80%;
}
.companysev-body .comsev-boot {
  display: flex;
}
.companysev-body .comsev-boot .t-lefts {
  width: 50%;
  padding-right: 2.6vw;
}
.companysev-body .comsev-boot .t-lefts .tle {
  color: #333333;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.53vw;
}
.companysev-body .comsev-boot .t-lefts .cont .list {
  display: flex;
}
.companysev-body .comsev-boot .t-lefts .lefts {
  margin-right: 1.5vw;
  color: #333333;
  font-size: 1.25rem;
}
.companysev-body .comsev-boot .t-lefts .rights {
  color: #333333;
  font-size: 1.25rem;
}
.companysev-body .comsev-boot .t-rights {
  width: 50%;
  height: 100%;
}
.ph-content {
  width: 100vw;
  margin-bottom: 1.875rem;
}
.ph-content .select-items {
  background-color: #FFFFFF;
  padding: 0.4rem 1.1rem;
  margin-bottom: 0.0625rem;
  display: flex;
  align-items: center;
}
.ph-content .select-items .seitem {
  font-size: 0.875rem;
  color: #000000;
  margin-right: 2rem;
}
.ph-content .select-items .active {
  color: #1d8c9d;
}
.ph-content .cont-bodys {
  width: 100%;
}
.ph-content .cont-bodys .conts {
  display: none;
}
.ph-content .cont-bodys .conts .items img {
  width: 100%;
  height: auto;
}
.ph-content .cont-bodys .active {
  display: block;
}
.ph-content .cont-bodys .table {
  margin: 3.125vw 5%;
  background-color: #FFFFFF;
}
.ph-content .cont-bodys .table .pro-title {
  height: 1.6rem;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
}
.ph-content .cont-bodys .table .pro-title p {
  margin-right: 0.875rem;
  font-size: 1rem;
  font-weight: 700;
}
.ph-content .cont-bodys .table .pro-title img {
  width: 0.5rem;
  height: auto;
}
.ph-content .cont-bodys .table .layui-collapse {
  border-left: 0px;
  border-right: 0px;
}
.ph-content .cont-bodys .table .layui-colla-item .layui-colla-title {
  background-color: #FFFFFF;
  height: 1.6rem;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.ph-content .cont-bodys .table .layui-colla-item .layui-colla-title .layui-colla-icon {
  top: auto;
  left: auto;
  right: 1.25rem;
  font-size: 0.3125rem;
}
.ph-content .cont-bodys .table .layui-colla-item .layui-colla-content {
  border: 0px solid #fff;
  padding: 0 1.25rem 1.2rem;
}
.ph-content .cont-bodys .table .layui-colla-item .layui-colla-content .list {
  line-height: 1.2;
  margin-bottom: 0.31vw;
  font-size: 0.85rem;
}
.ph-content .cont-bodys .table .layui-colla-item .layui-colla-content .cont-img {
  width: 100%;
}
