/*通用*/


.pagesBox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagesBox a,
.pagesBox span {
  margin-top: 5vw;
  width: 10vw;
  height: 10vw;
  margin-right: 2.8vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.8vw;
  background-color: #fff;
  /* border: 1px solid #dddddd; */
}

.pagesBox a font,
.pagesBox span font {
  font-size: 3.4667vw;
  width: 100%;
  height: 100%;
  background: #c82126;
  color: #fff !important;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.row {
  display: flex !important;
  flex-wrap: wrap;
}

.public-footer.zh {
  padding-top: 1.066667rem;
}

.pro_des-body .public-header {
  position: fixed;
  background: #fff;
}

.public-footer .up {
  position: fixed;
  top: unset;
  bottom: 1.8rem;
  height: 1rem;
  line-height: 1rem;
  width: 1rem;
  z-index: 99;
}

.public-header {
  border-bottom: 1px solid #e5e5e5;
}

/*首页*/
.index .session_1 .list-box .item-box {
  padding-top: 0.6rem;
}

.index .session_1 .list-box .item-box .icon-box img {
  width: auto;
}

.index .session_2 .item-box .txt-box {
  padding-top: 0.5rem;
}

.index .session_2 .item-box .img-box {
  padding-left: 4rem;
  text-align: center;
  height: 6.466667rem;
  line-height: 6.466667rem;
}

.index .session_2 .item-box .img-box img {
  height: 4.466667rem;
  width: auto;
}

.index .session_2 .item-box .txt-box .des-box p,
.index .session_2 .item-box .txt-box .des-box span {
  position: relative;
  z-index: 9;
}

.index .session_3 .list-box .item-box p {
  text-align: justify;
}

.index .session_4 .list-box .item-box p,
.index .session_4 .list-box .item-box h3 {
  color: #4d4948;
}

.index .session_4 .list-box .item-box {
  background: transparent;
}

.index .session_5 .list-box .item-box .txt-box p {
  font-weight: 200;
  height: 1rem;
}

/*关于*/
.about-wrap .session_4 .list-box .col-md-6 {
  margin-bottom: 0.6rem;
}

.about-wrap .session_4 .list-box .col-md-6 .img-box {
  height: 5rem;
  line-height: 5rem;
}

.about-wrap .session_4 .list-box .col-md-6 p {
  text-align: center;
  margin-top: 0.2rem;
  height: 40px;
}

.about-wrap .session_4 .list-box .col-md-6 p {
  height: 60px;
}

.about-wrap .session_4 .list-box .col-md-6 .img-box img {
  max-width: 99%;
  max-height: 96%;
}

.about-wrap .session_3 .centent-box .txt-box .des-box p {
  height: 2.3rem;
}

.about-wrap .session_3 .centent-box .img-box {
  text-align: center;
}

.about-wrap .session_3 .centent-box .img-box img {
  height: 4.8rem;
  width: auto;
}

.about-wrap.en .session_5 .item-box .txt-box p {
  height: 40px;
}

/*产品*/
.pro_list-wrap .session_1 .row .item-box .img-box img {
  height: 193px;
}

.pro_list-wrap .tab-box ul li.active a {
  color: #c82126;
}

.pro_des-wrap .session_3 .centent-box .item-box .img-box img {
  height: 117px;
}

.pro_des-wrap .session_1 .txt-box {
  width: 100%;
  padding-left: 0.32rem;
}

.pro_des-wrap .session_1 .txt-box .title {
  width: 6.666667rem;
}

.pro_list-wrap .session_1 .row .item-box .txt-box {
  font-size: 0.3rem;
}

.pro_des-wrap .session_3 .centent-box .item-box .img-box {
  border: 1px solid #e5e5e5;
}

.pro_des-wrap .session_3 .centent-box .item-box .txt-box {
  line-height: 0.5rem;
  font-size: 0.34rem;
  margin-top: 0.2rem;
}

.pro_des-wrap.en .session_1 .txt-box .en_des {
  line-height: 1.9;
  font-size: 0.346667rem;
  color: #4d4948;
}

/*加盟*/
.join-wrap.en .session_3 {
  height: 17.2rem;
}

.join-wrap.en .session_6 .centent-box .item-box {
  height: 6.32rem;
}

.join-wrap .session_3 .img-box {
  padding-right: 0.666667rem;
}

/*案例*/
/*新闻*/
.news_list-wrap .session_1 .item-box .txt-box .title-box p,
.news_list-wrap .session_2 .bottom-box ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.news_list-wrap .session_2 .info-box,
.news_list-wrap .session_2 .info-box p {
  letter-spacing: 1.5px !important;
  font-size: 3vw;
  color: #333 !important;
  margin-bottom: 0 !important;
}

.news_list-wrap .session_2 .info-box img {
  width: 100%;
}

.news_list-wrap .session_1 .item-box .txt-box .title-box p {
  margin-top: 0.15rem;
}

/*服务*/
.serve-wrap .session_1 .centent-box .item-box {
  margin-bottom: 0.8rem;
}

.serve-wrap .session_1 .centent-box .item-box img,
.serve-wrap .session_1 .centent-box .item-box dl img {
  width: 100%;
}

.serve-wrap .session_1 .centent-box .item-box .Bathroom-box .info-box .icon-box {
  background: transparent;
}

.serve-wrap .session_1 .centent-box .item-box .Bathroom-box .info-box .icon-box img {
  height: 1.066667rem;
  width: auto;
}

.serve-wrap .session_1 .centent-box .item-box .Bathroom-box .info-box .des-box p {
  padding-left: 0.4rem;
  position: relative;
}

.serve-wrap .session_1 .centent-box .item-box .Bathroom-box .info-box .des-box p span {
  position: absolute;
  left: 0;
}

/*联系*/
.link-wrap .session_3 .form-box .btn-box .ok1 {
  display: block;
  height: 1rem;
  background: #c82126;
  color: #fff;
  text-align: center;
  line-height: 1rem;
  font-size: 0.346667rem;
  border: none;
  width: 100%;
}

/*********************中文单独******************************************/
.index.zh .session_3 .swiper-pagination {
  margin-top: 0.3rem;
}

.join-wrap.zh .session_7 .list-box .row .col-md-4:last-child .item-box {
  padding-top: 0.4rem;
}

/*********************英文单独******************************************/
.index.en .session_3 {
  height: 14.8rem;
}

.index.en .session_4 .list-box .item-box {
  height: 6.266667rem;
}

body {
  padding-top: 1.6rem;
}

.page-box {
  text-align: center;
  font-size: 0;
  margin-top: 1.066667rem;
  margin-bottom: 0.666667rem;
}

.page-box span {
  display: inline-block;
  height: 0.533333rem;
  border: 1px solid #ededed;
  line-height: 0.506667rem;
  padding-left: 0.133333rem;
  padding-right: 0.133333rem;
  box-sizing: border-box;
  color: #4c4c4c;
  font-size: 0.346667rem;
  margin-left: 0.133333rem;
  margin-right: 0.133333rem;
  cursor: pointer;
}

.page-box span:hover {
  background: #1c1c1c;
  border-color: #1c1c1c;
  color: #fff;
}

.page-box span.active {
  color: #211c4c;
  border-color: transparent;
}

.page-box em {
  position: relative;
  top: -0.08rem;
  display: inline-block;
  font-size: 0.346667rem;
  font-style: normal;
  color: #666666;
  height: 0.533333rem;
  vertical-align: middle;
}

.banner-box {
  position: relative;
}

.banner-box .img-box img {
  width: 100%;
}

.banner-box .title-banner {
  position: absolute;
  bottom: 1.333333rem;
  left: 0;
  padding-top: 0.533333rem;
  padding-bottom: 0.533333rem;
  background: rgba(24, 53, 101, 0.88);
  width: 4.666667rem;
  box-sizing: border-box;
  padding-right: 0.466667rem;
  text-align: right;
}

.banner-box .title-banner h3 {
  color: #fff;
  font-size: 0.426667rem;
  margin-bottom: 0.266667rem;
  line-height: 1;
}

.banner-box .title-banner p {
  color: #fff;
  font-size: 0.32rem;
  line-height: 1;
}

.public-tab {
  margin-top: 0.493333rem;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  box-sizing: border-box;
}

.public-tab ul {
  text-align: center;
  font-size: 0;
}

.public-tab li {
  display: inline-block;
  width: 20%;
  text-align: center;
}

.public-tab li a {
  display: inline-block;
  padding-bottom: 0.28rem;
  line-height: 1;
  color: #4d4948;
  font-size: 0.346667rem;
  border-bottom: 0.04rem solid transparent;
}

.public-tab li.active a {
  color: #c82126;
  border-color: #c82126;
}

.about-wrap .title-box {
  margin-top: 0.666667rem;
  text-align: center;
  font-size: 0.373333rem;
  color: #4d4948;
  margin-bottom: 0.666667rem;
  font-weight: 700;
}

.about-wrap .title-box span {
  margin-left: 20px;
  margin-right: 20px;
}

.about-wrap .session_1 {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  box-sizing: border-box;
}

.about-wrap .session_1 .des-box p {
  font-size: 0.346667rem;
  line-height: 1.8;
  color: #4d4948;
  margin-bottom: 0.4rem;
  text-indent: 2em;
}

.about-wrap .session_1 .list-box {
  margin-top: 0.933333rem;
}

.about-wrap .session_1 .list-box .item-box {
  width: 50%;
  float: left;
  height: 2.666667rem;
  padding-top: 0.8rem;
  text-align: left;
  padding-left: 0.533333rem;
  border-bottom: 1px dashed #cccccc;
  border-left: 1px dashed #cccccc;
  box-sizing: border-box;
  font-size: 0;
}

.about-wrap .session_1 .list-box .item-box:nth-child(3),
.about-wrap .session_1 .list-box .item-box:nth-child(4) {
  border-bottom: none;
}

.about-wrap .session_1 .list-box .item-box:nth-child(1),
.about-wrap .session_1 .list-box .item-box:nth-child(3) {
  border-left: none;
}

.about-wrap .session_1 .list-box .item-box .icon-box {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.2rem;
}

.about-wrap .session_1 .list-box .item-box .icon-box img {
  height: 0.773333rem;
}

.about-wrap .session_1 .list-box .item-box .txt-box {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.about-wrap .session_1 .list-box .item-box .txt-box h3 {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #4d4948;
}

.about-wrap .session_1 .list-box .item-box .txt-box p {
  font-size: 0.24rem;
  color: #4d4948;
}

.about-wrap .session_2 {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  box-sizing: border-box;
}

.about-wrap .session_2 .list-box .item-box {
  margin-bottom: 0.666667rem;
  position: relative;
  padding-left: 0.266667rem;
}

.about-wrap .session_2 .list-box .item-box:before {
  position: absolute;
  content: '';
  width: 0.133333rem;
  height: 0.133333rem;
  background: #c82126;
  border-radius: 100%;
  left: 0;
  top: 5px;
}

.about-wrap .session_2 .list-box .item-box h3 {
  font-size: 0.373333rem;
  color: #c82126;
  line-height: 1;
  margin-bottom: 0.2rem;
}

.about-wrap .session_2 .list-box .item-box p {
  line-height: 1.6;
  font-size: 0.32rem;
  color: #4d4948;
}

.about-wrap .session_3 {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  box-sizing: border-box;
  width: 100%;
}

.about-wrap .session_3 .centent-box .item-box {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  box-sizing: border-box;
}

.about-wrap .session_3 .centent-box .txt-box {
  text-align: center;
  margin-bottom: 0.533333rem;
}

.about-wrap .session_3 .centent-box .txt-box .time {
  margin-bottom: 0.333333rem;
}

.about-wrap .session_3 .centent-box .txt-box .time span {
  display: block;
  position: relative;
  font-size: 0.8rem;
  color: #c82126;
  font-weight: 700;
  padding-bottom: 0.466667rem;
  line-height: 1;
}

.about-wrap .session_3 .centent-box .txt-box .time span:before {
  position: absolute;
  content: '';
  width: 1.333333rem;
  height: 1px;
  background: #c82126;
  left: 50%;
  margin-left: -0.666667rem;
  bottom: 0;
}

.about-wrap .session_3 .centent-box .txt-box .des-box p {
  line-height: 1.6;
  font-size: 0.346667rem;
}

.about-wrap .session_3 .centent-box .img-box img {
  width: 100%;
}

.about-wrap .session_3 .swiper-pagination {
  position: static;
  margin-top: 0.4rem;
  box-sizing: border-box;
}

.about-wrap .session_3 .swiper-pagination .swiper-pagination-bullet {
  background: #cccccc;
  width: 0.213333rem;
  height: 0.213333rem;
  opacity: 1;
}

.about-wrap .session_3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.4rem;
  border-radius: 0.4rem;
  background: #c82126;
}

.about-wrap .session_4 {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  box-sizing: border-box;
}

.about-wrap .session_4 .list-box {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}

.about-wrap .session_4 .list-box .row {
  margin-left: -0.333333rem;
  margin-right: -0.333333rem;
}

.about-wrap .session_4 .list-box .col-md-6 {
  float: left;
  width: 50%;
  padding-left: 0.333333rem;
  padding-right: 0.333333rem;
  box-sizing: border-box;
  margin-bottom: 0.666667rem;
}

.about-wrap .session_4 .list-box .col-md-6 .img-box {
  border: 2px solid #eeeeee;
}

.about-wrap .session_4 .list-box .col-md-6 .img-box img {
  width: 100%;
}

.about-wrap .session_5 .col-md-6 {
  float: left;
  width: 50%;
  padding-left: 0.333333rem;
  padding-right: 0.333333rem;
  box-sizing: border-box;
  margin-bottom: 0.666667rem;
}

.about-wrap .session_5 .item-box .img-box {
  position: relative;
}

.about-wrap .session_5 .item-box .img-box>img {
  width: 100%;
}

.about-wrap .session_5 .item-box .img-box .icon-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about-wrap .session_5 .item-box .img-box .icon-box img {
  width: 0.92rem;
}

.about-wrap .session_5 .item-box .txt-box {
  text-align: center;
  margin-top: 0.133333rem;
}

.about-wrap .session_5 .item-box .txt-box p {
  font-size: 0.346667rem;
}

.link-wrap .session_1 {
  margin-top: 0.8rem;
  padding-left: 0.666667rem;
  padding-right: 0.666667rem;
  box-sizing: border-box;
}

.link-wrap .session_1 .item-box {
  text-align: center;
  margin-bottom: 0.466667rem;
}

.link-wrap .session_1 .item-box .icon-box {
  margin-bottom: 0.32rem;
}

.link-wrap .session_1 .item-box .icon-box img {
  height: 1.093333rem;
}

.link-wrap .session_1 .item-box p {
  font-size: 0.346667rem;
  color: #4d4948;
  line-height: 1.6;
}

.link-wrap .session_1 .item-box.item_1 p {
  position: relative;
  text-align: left;
  padding-left: 1.733333rem;
  margin-bottom: 0.133333rem;
}

.link-wrap .session_1 .item-box.item_1 p span {
  position: absolute;
  left: 0;
}

.link-wrap .session_2 {
  margin-top: 0.666667rem;
}

.link-wrap .session_2 img {
  width: 100%;
}

.link-wrap .session_3 {
  margin-top: 0.733333rem;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}

.link-wrap .session_3 .title-box {
  text-align: center;
  margin-bottom: 0.6rem;
}

.link-wrap .session_3 .title-box span {
  display: inline-block;
  padding-bottom: 0.133333rem;
  position: relative;
  font-size: 0.426667rem;
  color: #383332;
  font-weight: 700;
  margin-bottom: 0.133333rem;
}

.link-wrap .session_3 .title-box span:before {
  position: absolute;
  width: 0.8rem;
  height: 1px;
  background-color: #c82126;
  left: 50%;
  margin-left: -0.4rem;
  content: '';
  bottom: 0;
}

.link-wrap .session_3 .title-box p {
  font-size: 0.346667rem;
  color: #383332;
}

.link-wrap .session_3 .form-box .input-box {
  margin-bottom: 0.266667rem;
}

.link-wrap .session_3 .form-box .input-box input,
.link-wrap .session_3 .form-box .input-box textarea {
  width: 100%;
  border: 1px solid #eeeeee;
  line-height: 1rem;
  height: 1rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  font-size: 0.346667rem;
}

.link-wrap .session_3 .form-box .input-box textarea {
  height: 3.2rem;
}

.link-wrap .session_3 .form-box .btn-box span {
  display: block;
  height: 1rem;
  background: #c82126;
  color: #fff;
  text-align: center;
  line-height: 1rem;
  font-size: 0.346667rem;
}

.case_list-wrap .session_1 {
  margin-top: 0.533333rem;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  box-sizing: border-box;
}

.case_list-wrap .session_1 .box {
  float: left;
  width: 4.4rem;
  box-sizing: border-box;
  margin-bottom: 0.266667rem;
}

.case_list-wrap .session_1 .item-box {
  position: relative;
  overflow: hidden;
}

.case_list-wrap .session_1 .item-box .img-box {
  overflow: hidden;
}

.case_list-wrap .session_1 .item-box .img-box img {
  width: 100%;
  transition: all 0.3s;
}

.case_list-wrap .session_1 .item-box p {
  height: 0.8rem;
  line-height: 0.8rem;
  color: #4d4948;
  font-size: 0.373333rem;
}

.case_list-wrap .session_1 .item-box:hover p {
  color: #c82126;
}

.case_list-wrap .session_1 .more-box {
  text-align: center;
  margin-top: 0.666667rem;
}

.case_list-wrap .session_1 .more-box a {
  display: inline-block;
  color: #4d4948;
  font-size: 0.346667rem;
  height: 0.666667rem;
  line-height: 0.666667rem;
  border: 1px solid #a6a4a3;
  padding-left: 0.266667rem;
  padding-right: 0.266667rem;
}

.case_list-wrap .session_1 .more-box a span {
  display: inline-block;
  margin-left: 0.16rem;
}

.case_list-wrap .session_2 {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  margin-top: 0.6rem;
}

.case_list-wrap .session_2 .des-title {
  text-align: center;
  margin-bottom: 0.266667rem;
}

.case_list-wrap .session_2 .des-title h3 {
  font-weight: 400;
  font-size: 0.4rem;
  color: #4d4948;
}

.case_list-wrap .session_2 .info-box {
  padding-top: 0.133333rem;
}

.case_list-wrap .session_2 .info-box .img-box img {
  width: 100%;
}

.case_list-wrap .session_2 .info-box .des-box {
  margin-top: 0.72rem;
}

.case_list-wrap .session_2 .info-box .des-box h3 {
  font-size: 0.346667rem;
  color: #c82126;
  margin-bottom: 0.266667rem;
}

.case_list-wrap .session_2 .info-box .des-box p {
  font-size: 0.346667rem;
  line-height: 1.6;
  color: #4d4948;
}

.case_list-wrap .session_2 .other-box {
  margin-top: 0.666667rem;
  border-bottom: 1px solid #cacbcd;
  margin-bottom: 0.466667rem;
}

.case_list-wrap .session_2 .other-box .black {
  display: inline-block;
  width: 2.4rem;
  height: 0.866667rem;
  line-height: 0.866667rem;
  background: #c82126;
  color: #fff;
  text-align: center;
}

.case_list-wrap .session_2 .other-box .share-box {
  margin-bottom: 0.106667rem;
  float: right;
  font-size: 0.373333rem;
  color: #4f4f4f;
}

.case_list-wrap .session_2 .other-box .share-box #share-2 {
  display: inline-block;
  vertical-align: middle;
}

.case_list-wrap .session_2 .other-box .share-box #share-2 .social-share-icon {
  width: 0.56rem;
  line-height: 0.56rem;
  height: 0.56rem;
  font-size: 0.373333rem;
  margin: 0.053333rem;
}

.case_list-wrap .session_2 .bottom-box {
  padding-bottom: 0.133333rem;
}

.case_list-wrap .session_2 .bottom-box ul li a {
  line-height: 2;
  font-size: 0.346667rem;
  color: #626262;
}

.case_list-wrap .session_2 .bottom-box ul li a:hover {
  color: #c82126;
}

.serve-wrap .session_1 {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  margin-top: 0.8rem;
}

.serve-wrap .session_1 .centent-box .item-box .title {
  font-size: 0.4rem;
  color: #4d4948;
  margin-bottom: 0.533333rem;
}

.serve-wrap .session_1 .centent-box .item-box .title span {
  font-weight: 700;
  color: #c82126;
}

.serve-wrap .session_1 .centent-box .item-box dl {
  margin-bottom: 0.666667rem;
}

.serve-wrap .session_1 .centent-box .item-box dl dt {
  font-size: 0.346667rem;
  color: #4d4948;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 5px;
}

.serve-wrap .session_1 .centent-box .item-box dl dd p {
  line-height: 1.6;
  font-size: 0.346667rem;
  color: #4d4948;
}

.serve-wrap .session_1 .centent-box .item-box .Bathroom-box .info-box {
  position: relative;
  padding-left: 1.333333rem;
  box-sizing: border-box;
  margin-bottom: 0.533333rem;
}

.serve-wrap .session_1 .centent-box .item-box .Bathroom-box .info-box .icon-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.066667rem;
  height: 1.066667rem;
  background: #010004;
  line-height: 1.066667rem;
  text-align: center;
  border-radius: 100%;
}

.serve-wrap .session_1 .centent-box .item-box .Bathroom-box .info-box .icon-box img {
  height: 0.48rem;
}

.serve-wrap .session_1 .centent-box .item-box .Bathroom-box .info-box .des-box h3 {
  font-size: 0.373333rem;
  margin-bottom: 0.066667rem;
}

.serve-wrap .session_1 .centent-box .item-box .Bathroom-box .info-box .des-box p {
  font-size: 0.346667rem;
}

.news_list-wrap .session_1 {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  box-sizing: border-box;
  margin-top: 0.6rem;
}

.news_list-wrap .session_1 .item-box {
  margin-bottom: 0.533333rem;
}

.news_list-wrap .session_1 .item-box .img-box img {
  width: 100%;
}

.news_list-wrap .session_1 .item-box .txt-box {
  margin-top: 0.333333rem;
}

.news_list-wrap .session_1 .item-box .txt-box .title-box {
  margin-bottom: 0.2rem;
}

.news_list-wrap .session_1 .item-box .txt-box .title-box h3 {
  font-size: 0.4rem;
  color: #4d4948;
}

.news_list-wrap .session_1 .item-box .txt-box .title-box h3 span {
  font-weight: 400;
  font-size: 0.346667rem;
  display: inline-block;
  margin-left: 0.266667rem;
}

.news_list-wrap .session_1 .item-box .txt-box .title-box p {
  font-size: 0.346667rem;
  color: #000000;
}

.news_list-wrap .session_1 .item-box .txt-box .des-box p {
  font-size: 0.346667rem;
  color: #666666;
  line-height: 1.6;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news_list-wrap .session_2 {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  margin-top: 0.6rem;
}

.news_list-wrap .session_2 .des-title {
  text-align: center;
  padding-bottom: 0.333333rem;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 0.266667rem;
}

.news_list-wrap .session_2 .des-title h3 {
  font-weight: 400;
  font-size: 0.4rem;
  color: #c82126;
  margin-bottom: 0.08rem;
}

.news_list-wrap .session_2 .des-title p span {
  font-size: 0.346667rem;
  color: #747474;
  display: inline-block;
  margin-left: 0.266667rem;
  margin-right: 0.266667rem;
}

.news_list-wrap .session_2 .info-box {
  padding-top: 0.133333rem;
}

.news_list-wrap .session_2 .info-box p {
  line-height: 1.6;
  font-size: 0.346667rem;
  color: #515151;
  opacity: 0.9;
  margin-bottom: 0.333333rem;
}

.news_list-wrap .session_2 .info-box p img {
  max-width: 100%;
}

.news_list-wrap .session_2 .other-box {
  margin-top: 0.666667rem;
  border-bottom: 1px solid #cacbcd;
  margin-bottom: 0.466667rem;
}

.news_list-wrap .session_2 .other-box .black {
  display: inline-block;
  width: 2.4rem;
  height: 0.866667rem;
  line-height: 0.866667rem;
  background: #c82126;
  color: #fff;
  text-align: center;
}

.news_list-wrap .session_2 .other-box .share-box {
  margin-bottom: 0.106667rem;
  float: right;
  font-size: 0.373333rem;
  color: #4f4f4f;
}

.news_list-wrap .session_2 .other-box .share-box #share-2 {
  display: inline-block;
  vertical-align: middle;
}

.news_list-wrap .session_2 .other-box .share-box #share-2 .social-share-icon {
  width: 0.56rem;
  line-height: 0.56rem;
  height: 0.56rem;
  font-size: 0.373333rem;
  margin: 0.053333rem;
}

.news_list-wrap .session_2 .bottom-box {
  padding-bottom: 0.133333rem;
  margin-top: 4vw;
}

.news_list-wrap .session_2 .bottom-box ul li a {
  line-height: 2;
  font-size: 0.346667rem;
  color: #626262;
}

.news_list-wrap .session_2 .bottom-box ul li a:hover {
  color: #c82126;
}

.pro_list-wrap .banner-box .imgs-box .img-box {
  display: none;
}

.pro_list-wrap .banner-box .imgs-box .img-box.active {
  display: block;
}

.pro_list-wrap .banner-box .title_one {
  display: none;
}

.pro_list-wrap .banner-box .title_one.active {
  display: block;
}

.pro_list-wrap .tab-box {
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
}

.pro_list-wrap .tab-box ul li {
  float: left;
  width: 33.33%;
  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #4d4948;
  position: relative;
}

.pro_list-wrap .tab-box ul li:before {
  position: absolute;
  content: '';
  right: 0;
  top: 0.2rem;
  bottom: 0.2rem;
  width: 1px;
  background: #dddddd;
}

.pro_list-wrap .tab-box ul li:nth-child(3n+3):before {
  display: none;
}

.pro_list-wrap .tab-box ul li.active {
  color: #c82126;
}

.pro_list-wrap .session_1 {
  background: #f8f8f8;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  box-sizing: border-box;
  padding-top: 0.533333rem;
  padding-bottom: 0.866667rem;
}

.pro_list-wrap .session_1 .row {
  margin-left: -0.213333rem;
  margin-right: -0.213333rem;
}

.pro_list-wrap .session_1 .row .col-md-6 {
  float: left;
  width: 50%;
  padding-left: 0.213333rem;
  padding-right: 0.213333rem;
  box-sizing: border-box;
  margin-bottom: 0.2rem;
}

.pro_list-wrap .session_1 .row .item-box {
  background: #fff;
}

.pro_list-wrap .session_1 .row .item-box .img-box img {
  width: 100%;
}

.pro_list-wrap .session_1 .row .item-box .txt-box {
  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.346667rem;
  color: #4d4948;
}

.pro_des-body {
  padding-top: 0;
}

.pro_des-body .public-header {
  position: absolute;
}

.pro_des-body .public-header .header-body {
  background: transparent;
}

.pro_des-body .public-header.active .header-body .toggle-btn {
  background: transparent;
}

.pro_des-wrap .session_1 .imgs-box .item-box .img-box img {
  width: 100%;
}

.pro_des-wrap .session_1 .imgs-box .swiper-pagination {
  position: absolute;
  right: 0.466667rem;
  bottom: 0.4rem;
  left: auto;
  width: auto;
  width: 1.333333rem;
  background: rgba(0, 0, 0, 0.8);
  height: 0.666667rem;
  line-height: 0.666667rem;
  border-radius: 0.4rem;
  color: #fff;
  font-size: 0.32rem;
}

.pro_des-wrap .session_1 .imgs-box .swiper-pagination .swiper-pagination-current {
  font-size: 0.4rem;
}

.pro_des-wrap .session_1 .txt-box {
  /* padding-left: 0.48rem; */
  /* padding-right: 0.32rem; */
  box-sizing: border-box;
  /* width: 6.666667rem; */
  /* margin-top: 0.4rem; */
  width: 100%;
  padding: 0 4vw;
}

.pro_des-wrap .session_1 .txt-box .title {
  height: 0.933333rem;
  line-height: 0.933333rem;
  border-bottom: 1px solid #4d4948;
  font-size: 0.4rem;
  color: #c82126;
  margin-bottom: 0.266667rem;
}

.pro_des-wrap .session_1 .txt-box dl dd {
  line-height: 1.9;
  font-size: 0.346667rem;
  color: #4d4948;
}

.pro_des-wrap .session_1 .txt-box .line {
  width: 0.933333rem;
  height: 1px;
  background: #4d4948;
  margin-bottom: 0.4rem;
  margin-top: 0.4rem;
}

.pro_des-wrap .session_2 {
  border-top: 0.266667rem solid #f8f8f8;
  border-bottom: 0.266667rem solid #f8f8f8;
  margin-top: 0.666667rem;
  padding-bottom: 0.6rem;
}

.pro_des-wrap .session_2 .title-box {
  text-align: center;
  font-size: 0.4rem;
  color: #c82126;
  font-weight: 700;
  height: 1.2rem;
  line-height: 1.2rem;
}

.pro_des-wrap .session_2 .centent-box .img-box img {
  width: 100%;
}

.pro_des-wrap .session_3 {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  box-sizing: border-box;
  padding-bottom: 0.6rem;
  border-bottom: 0.266667rem solid #f8f8f8;
}

.pro_des-wrap .session_3 .title-box {
  text-align: center;
  font-size: 0.4rem;
  color: #c82126;
  font-weight: 700;
  height: 1.2rem;
  line-height: 1.2rem;
}

.pro_des-wrap .session_3 .centent-box .item-box .img-box img {
  width: 100%;
}

.pro_des-wrap .session_3 .centent-box .item-box .txt-box {
  height: 0.866667rem;
  line-height: 0.866667rem;
  text-align: center;
  font-size: 0.346667rem;
  color: #4d4948;
}

.pro_des-wrap .session_3 .centent-box .swiper-pagination {
  position: static;
  margin-top: 0.4rem;
  box-sizing: border-box;
}

.pro_des-wrap .session_3 .centent-box .swiper-pagination .swiper-pagination-bullet {
  background: #cccccc;
  width: 0.213333rem;
  height: 0.213333rem;
  opacity: 1;
}

.pro_des-wrap .session_3 .centent-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.4rem;
  border-radius: 0.4rem;
  background: #c82126;
}

.join-wrap .join-title {
  text-align: center;
  margin-bottom: 1.2rem;
}

.join-wrap .join-title p {
  font-size: 0.64rem;
  font-weight: 400;
  color: #c82126;
  line-height: 1;
  padding-bottom: 0.373333rem;
  position: relative;
  margin-bottom: 0.333333rem;
}

.join-wrap .join-title p:before {
  position: absolute;
  content: '';
  width: 0.8rem;
  height: 0.026667rem;
  background: #c82126;
  bottom: 0;
  left: 50%;
  margin-left: -0.4rem;
}

.join-wrap .join-title span {
  line-height: 1;
  font-size: 0.4rem;
  color: #4d4948;
}

.join-wrap .session_1 {
  position: relative;
}

.join-wrap .session_1 .img-box img {
  width: 100%;
}

.join-wrap .session_1 .txt-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

.join-wrap .session_1 .txt-box h3 {
  font-size: 0.733333rem;
  color: #fff;
  line-height: 1;
}

.join-wrap .session_1 .txt-box p {
  font-size: 0.373333rem;
  color: #fff;
  line-height: 1;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

.join-wrap .session_1 .txt-box span {
  display: inline-block;
  font-size: 0.346667rem;
  color: #fff;
  background: rgba(24, 63, 101, 0.8);
  height: 0.666667rem;
  line-height: 0.666667rem;
  border-radius: 0.266667rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.join-wrap .session_2 {
  margin-top: 0.8rem;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  box-sizing: border-box;
}

.join-wrap .session_2 .item-box {
  padding-left: 1.8rem;
  position: relative;
  margin-bottom: 0.933333rem;
}

.join-wrap .session_2 .item-box .icon-box {
  position: absolute;
  left: 0;
  top: 0;
}

.join-wrap .session_2 .item-box .icon-box img {
  height: 1.333333rem;
}

.join-wrap .session_2 .item-box .txt-box h3 {
  font-size: 0.4rem;
  color: #4d4948;
  margin-bottom: 0.133333rem;
}

.join-wrap .session_2 .item-box .txt-box p {
  font-size: 0.346667rem;
  color: #4d4948;
  line-height: 1.8;
}

.join-wrap .session_2 .swiper-pagination {
  position: static;
  box-sizing: border-box;
}

.join-wrap .session_2 .swiper-pagination .swiper-pagination-bullet {
  background: #cccccc;
  width: 0.213333rem;
  height: 0.213333rem;
  opacity: 1;
}

.join-wrap .session_2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.4rem;
  border-radius: 0.4rem;
  background: #c82126;
}

.join-wrap .session_3 {
  margin-top: 0.8rem;
  background: url(/public/static/mains/mobile/img/join/img_31.jpg) center center no-repeat;
  height: 15.2rem;
  padding-left: 0.666667rem;
  padding-top: 0.933333rem;
  box-sizing: border-box;
}

.join-wrap .session_3 .join-title {
  text-align: left;
  color: #fff;
  margin-bottom: 0.8rem;
}

.join-wrap .session_3 .join-title p {
  color: #fff;
  line-height: 1.2;
}

.join-wrap .session_3 .join-title p:before {
  background: #fff;
  left: 0;
  margin-left: 0;
}

.join-wrap .session_3 .join-title span {
  color: #fff;
}

.join-wrap .session_3 ul li {
  color: #fff;
  font-size: 0.346667rem;
}

.join-wrap .session_3 ul li span {
  font-size: 0.4rem;
  font-weight: 700;
  line-height: 1.6;
}

.join-wrap .session_3 .img-box {
  text-align: center;
  margin-top: 0.6rem;
}

.join-wrap .session_3 .img-box img {
  width: 7.253333rem;
}

.join-wrap .session_4 {
  margin-top: 1rem;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}

.join-wrap .session_4 .des-box p {
  line-height: 1.6;
  font-size: 0.346667rem;
  color: #4d4948;
  margin-bottom: 0.533333rem;
}

.join-wrap .session_4 .des-box h3 {
  height: 0.693333rem;
  line-height: 0.693333rem;
  background: url(/public/static/mains/mobile/img/join/icon_41.png) left center no-repeat;
  background-size: cover;
  color: #fff;
  padding-left: 0.32rem;
  margin-bottom: 0.266667rem;
}

.join-wrap .session_5 {
  margin-top: 0.8rem;
}

.join-wrap .session_5 .top-box {
  height: 4.666667rem;
  background: url(/public/static/mains/mobile/img/join/img_32.jpg) center center no-repeat;
  background-size: cover;
  padding-top: 1.333333rem;
  box-sizing: border-box;
}

.join-wrap .session_5 .top-box .join-title p {
  color: #fff;
}

.join-wrap .session_5 .top-box .join-title p:before {
  background: #fff;
}

.join-wrap .session_5 .top-box .join-title span {
  color: #fff;
}

.join-wrap .session_5 .centent-box {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  box-sizing: border-box;
  margin-top: 0.666667rem;
}

.join-wrap .session_5 .centent-box .item-box {
  padding-left: 1.866667rem;
  margin-bottom: 0.733333rem;
}

.join-wrap .session_5 .centent-box .item-box .icon-box {
  position: absolute;
  left: 0;
}

.join-wrap .session_5 .centent-box .item-box .icon-box img {
  height: 1.386667rem;
}

.join-wrap .session_5 .centent-box .item-box .txt-box h3 {
  font-size: 0.4rem;
  color: #c82126;
  margin-bottom: 0.266667rem;
  line-height: 1;
}

.join-wrap .session_5 .centent-box .item-box .txt-box p {
  font-size: 0.346667rem;
  line-height: 1.6;
}

.join-wrap .session_5 .centent-box .swiper-pagination {
  position: static;
  box-sizing: border-box;
}

.join-wrap .session_5 .centent-box .swiper-pagination .swiper-pagination-bullet {
  background: #cccccc;
  width: 0.213333rem;
  height: 0.213333rem;
  opacity: 1;
}

.join-wrap .session_5 .centent-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.4rem;
  border-radius: 0.4rem;
  background: #c82126;
}

.join-wrap .session_6 {
  margin-top: 1.333333rem;
}

.join-wrap .session_6 .centent-box {
  padding-left: 0.533333rem;
  padding-right: 0.533333rem;
}

.join-wrap .session_6 .centent-box .row {
  margin-left: -0.266667rem;
  margin-right: -0.266667rem;
}

.join-wrap .session_6 .centent-box .col-md-6 {
  float: left;
  width: 50%;
  padding-left: 0.266667rem;
  padding-right: 0.266667rem;
  box-sizing: border-box;
  margin-bottom: 0.533333rem;
}

.join-wrap .session_6 .centent-box .item-box {
  height: 4.32rem;
  border: 1px solid #808080;
  text-align: center;
  padding-left: 0.133333rem;
  padding-right: 0.133333rem;
  padding-top: 0.666667rem;
  box-sizing: border-box;
}

.join-wrap .session_6 .centent-box .item-box .icon-box {
  margin-bottom: 0.266667rem;
}

.join-wrap .session_6 .centent-box .item-box .icon-box img {
  height: 0.8rem;
}

.join-wrap .session_6 .centent-box .item-box h3 {
  line-height: 1;
  font-size: 0.373333rem;
  color: #c82126;
  font-weight: 400;
  margin-bottom: 0.266667rem;
}

.join-wrap .session_6 .centent-box .item-box p {
  font-size: 0.293333rem;
  color: #4d4948;
}

.join-wrap .session_6 .centent-box .swiper-pagination {
  position: static;
  box-sizing: border-box;
}

.join-wrap .session_6 .centent-box .swiper-pagination .swiper-pagination-bullet {
  background: #cccccc;
  width: 0.213333rem;
  height: 0.213333rem;
  opacity: 1;
}

.join-wrap .session_6 .centent-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.4rem;
  border-radius: 0.4rem;
  background: #c82126;
}

.join-wrap .session_7 {
  background: url(/public/static/mains/mobile/img/join/img_33.jpg) center center no-repeat;
  height: 14.88rem;
  background-size: cover;
  margin-top: 1.133333rem;
  padding-top: 1.066667rem;
  box-sizing: border-box;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}

.join-wrap .session_7 .join-title p {
  color: #fff;
}

.join-wrap .session_7 .join-title p:before {
  background: #fff;
}

.join-wrap .session_7 .join-title span {
  color: #fff;
}

.join-wrap .session_7 .list-box .row {
  margin-left: -0.266667rem;
  margin-right: -0.266667rem;
}

.join-wrap .session_7 .list-box .row .col-md-4 {
  float: left;
  width: 33.33%;
  padding-left: 0.266667rem;
  padding-right: 0.266667rem;
  box-sizing: border-box;
  margin-bottom: 0.866667rem;
}

.join-wrap .session_7 .list-box .row .item-box {
  position: relative;
  background: #fff;
  height: 2.666667rem;
  border-radius: 100%;
  text-align: center;
  padding-top: 0.533333rem;
  box-sizing: border-box;
}

.join-wrap .session_7 .list-box .row .item-box span {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.666667rem;
  height: 0.666667rem;
  background: #c82126;
  border-radius: 100%;
  border: 0.053333rem solid #eeeeee;
  box-sizing: border-box;
  line-height: 0.613333rem;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 0.4rem;
}

.join-wrap .session_7 .list-box .row .item-box h3 {
  font-size: 0.346667rem;
  color: #c82126;
  margin-bottom: 0.053333rem;
}

.join-wrap .session_7 .list-box .row .item-box p {
  font-size: 0.213333rem;
  color: #4d4948;
  line-height: 1.4;
}

.join-wrap .session_7 .list-box .row .item-box h5 {
  font-size: 0.293333rem;
  color: #4d4948;
  margin-top: 0.266667rem;
}

.join-wrap .session_7 .list-box .row .item-box h4 {
  font-size: 0.4rem;
  color: #c82126;
}

.join-wrap .session_8 {
  margin-top: 1.133333rem;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}

.join-wrap .session_8 .join-title {
  margin-bottom: 0.666667rem;
}

.join-wrap .session_8 .img-box img {
  width: 100%;
}

.join-wrap .session_8 .swiper-pagination {
  position: static;
  box-sizing: border-box;
  margin-top: 0.4rem;
}

.join-wrap .session_8 .swiper-pagination .swiper-pagination-bullet {
  background: #cccccc;
  width: 0.213333rem;
  height: 0.213333rem;
  opacity: 1;
}

.join-wrap .session_8 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.4rem;
  border-radius: 0.4rem;
  background: #c82126;
}

.seniority-box {
  background: #e4e7ec;
}

.seniority-box .public-header .header-body {
  background: #c82126;
}

.seniority-box .public-header .header-body .toggle-btn .sr-only {
  background: #fff;
}

.seniority-box .public-header .header-body .toggle-btn .sr-only:before,
.seniority-box .public-header .header-body .toggle-btn .sr-only:after {
  background: #fff;
}

.seniority-box .public-header.active .toggle-btn .sr-only {
  background: transparent;
}

.seniority-box .item-box {
  text-align: center;
  /* margin-bottom: 2rem; */
}

.seniority-box .item-box .txt-box {
  margin-bottom: 1.133333rem;
  font-size: 0;
  transform: translateY(1.333333rem);
  opacity: 0;
  transition: transform 0.7s 0.5s, opacity 0.4s 0.5s;
}

.seniority-box .item-box .txt-box .left-box {
  position: relative;
  top: -0.066667rem;
  display: inline-block;
  text-align: left;
  margin-right: 0.533333rem;
  vertical-align: top;
}

.seniority-box .item-box .txt-box .left-box h3 {
  font-size: 0.8rem;
  color: #c82126;
}

.seniority-box .item-box .txt-box .left-box p {
  font-size: 0.346667rem;
  color: #c82126;
}

.seniority-box .item-box .txt-box .right-box {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-left: 0.533333rem;
}

.seniority-box .item-box .txt-box .right-box h3 {
  font-size: 0.4rem;
  color: #c82126;
  margin-bottom: 0.133333rem;
}

.seniority-box .item-box .txt-box .right-box p {
  line-height: 1.6;
  color: #4d4948;
  font-size: 0.346667rem;
}

.seniority-box .item-box .txt-box .right-box a {
  display: block;
  margin-top: 0.133333rem;
  font-size: 0.346667rem;
  color: #c82126;
}

.seniority-box .item-box .img-box {
  transform: translateY(1.333333rem);
  opacity: 0;
  transition: transform 0.7s 0.8s, opacity 0.4s 0.8s;
}

.seniority-box .active .item-box .txt-box,
.seniority-box .active .item-box .img-box {
  opacity: 1;
  transform: translateY(0);
}

.seniority-box .footer-bottom {
  padding-top: 0;
}

.seniority-box #menu {
  position: fixed;
  top: 50%;
  right: 0.4rem;
  transform: translate(0, -50%);
  list-style-type: none;
  z-index: 70;
  transition: all 0.3s;
}

.seniority-box #menu li a {
  position: relative;
  display: block;
  text-align: left;
  text-align: right;
}

.seniority-box #menu li a span {
  display: inline-block;
  width: 0.266667rem;
  height: 0.04rem;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  vertical-align: middle;
}

.seniority-box #menu li.active a span {
  width: 0.4rem;
  background: #c82126;
}

.seniority-box #menu.active {
  display: block;
}

/*# sourceMappingURL=style.css.map */