/* header部分 */
.dj-header-box {
  background-image: url(../images/bg-index-header.png);
  background-size: 0.0133rem 5.72rem;
  background-repeat: repeat-x;
  height: 7.1467rem;
}
.dj-header-box .dj-header-box_top {
  display: flex;
  padding: 0.5067rem 0.4533rem 0.44rem 0.48rem;
  justify-content: space-between;
  align-items: flex-end;
}
.dj-header-box .dj-header-box_top img {
  width: 8.04rem;
  height: 1.2133rem;
  vertical-align: bottom;
}
.dj-header-box .dj-header-box_top span {
  font-family: FZLTZHUNHK--GBK1-0;
  font-size: 0.48rem;
  color: #ffea8e;
  letter-spacing: 0.064rem;
}
/* 轮播图部分 */
.swiper-container {
  width: 9.1467rem;
  height: 4.8rem;
  margin: 0 auto;
  position: relative;
}
.swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.16rem;
}
.swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 0.16rem;
}
.swiper-container .swiper-wrapper .swiper-slide video {
  width: 100%;
}
.swiper-container .swiper-pagination-bullet {
  display: inline-block;
  width: 0.5333rem;
  height: 0.0533rem;
  margin: 0 0.1067rem;
  background-color: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 0;
  bottom: 0.1333rem;
  left: 0;
}
/* 主体部分 */
.dj-main-box {
  /* 提取模块公共部分start */
  /* tab切换选项卡 */
  /* 主标题前的红色竖线 */
  /* 列表封面图 */
  /* 提取模块公共部分end */
}
.dj-main-box .layui-tab {
  margin: 0;
}
.dj-main-box .layui-tab-title_box {
  margin: 0.4rem 0 0 0;
}
.dj-main-box .layui-tab-title_box .layui-tab-title {
  height: 1.3333rem;
  padding: 0 0.44rem 0 0.44rem;
  box-sizing: border-box;
  border-bottom: 0.0133rem solid #dadada;
  overflow-x: scroll;
  /* 隐藏滚动条 */
}
.dj-main-box .layui-tab-title_box .layui-tab-title::-webkit-scrollbar {
  display: none;
}
.dj-main-box .layui-tab-title_box .layui-tab-title li {
  line-height: 1.0667rem;
  font-size: 0.4267rem;
  margin: 0 0.1733rem;
  padding: 0;
  min-width: auto;
  font-family: PingFangSC-Regular;
}
.dj-main-box .layui-tab-title_box .layui-tab-title li:first-child {
  margin-left: 0;
}
.dj-main-box .layui-tab-title_box .layui-tab-title li:last-of-type {
  margin-right: 0;
}
.dj-main-box .layui-tab-title_box .layui-tab-title .layui-tab-bar {
  display: none;
}
.dj-main-box .layui-tab-title .layui-this {
  color: #c61b00;
}
.dj-main-box .layui-tab-title .layui-this:after {
  content: "";
  width: 74%;
  height: 1.2rem;
  left: 50%;
  border-bottom: 0.054rem solid #c61b00;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  transform: translate(-50%);
}
.dj-main-box .dj-tabcontent-title {
  font-size: 0.48rem;
  color: #333;
  font-weight: bold;
  position: relative;
  margin-left: 0.4267rem;
}
.dj-main-box .dj-tabcontent-title::before {
  content: " ";
  width: 0.1067rem;
  height: 0.4rem;
  background-color: #d80710;
  position: absolute;
  top: 0.1867rem;
  left: -0.4267rem;
}
.dj-main-box .dj-tabcontent-box_list--pic img {
  width: 2.9333rem;
  border-radius: 0.1333rem;
}
.dj-main-box .layui-tab-content {
  padding: 0.4267rem;
  position: relative;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box {
  /* 党务培训 */
  /* 百家示范、案例选树(征集)、党建宣传 */
  /* 案例选树(投票) */
  /* 案例选树(展播)、生态赋能 */
}
.dj-main-box .layui-tab-content .dj-tabcontent-box:last-child {
  margin-bottom: 0;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4267rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_title a {
  font-size: 0.32rem;
  color: #666;
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_title a span {
  margin-right: 0.08rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_title a img {
  width: 0.24rem;
  height: 0.1333rem;
  transform: rotate(270deg);
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.4267rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx:last-child {
  margin-bottom: 0;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info {
  margin-left: 0.4267rem;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info h2 {
  font-size: 0.4267rem;
  color: #333;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--courseinfo {
  display: flex;
  align-items: flex-end;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--courseinfo .dj-tabcontent-box_list--courseinfo-tag {
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0.0267rem 0.1067rem 0 0.1067rem;
  font-size: 0.2667rem;
  color: #c61b00;
  background: #fffdfd;
  border: 0.0133rem solid #c61b00;
  border-radius: 0.08rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--courseinfo .dj-tabcontent-box_list--courseinfo-view {
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--courseinfo .dj-tabcontent-box_list--courseinfo-view img {
  width: 0.3733rem;
  padding-right: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--courseinfo .dj-tabcontent-box_list--courseinfo-view span {
  font-size: 0.24rem;
  color: #8b6365;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--studyinfo {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--studyinfo div:first-child {
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--studyinfo div:first-child img {
  width: 0.3733rem;
  margin-right: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--studyinfo div:first-child span {
  font-size: 0.24rem;
  color: #8b6365;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--studyinfo div:last-child {
  font-size: 0.24rem;
  color: #333;
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--libraryinfo {
  font-size: 0.32rem;
  color: #444;
  line-height: 0.4rem;
  margin-top: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc {
  margin-bottom: 0.5867rem;
  display: block;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf:last-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj:last-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc:last-child {
  margin-bottom: 0;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf .dj-tabcontent-box_list--fzinfo,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj .dj-tabcontent-box_list--fzinfo,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc .dj-tabcontent-box_list--fzinfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf .dj-tabcontent-box_list--fzinfo span,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj .dj-tabcontent-box_list--fzinfo span,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc .dj-tabcontent-box_list--fzinfo span {
  font-size: 0.32rem;
  display: inline-block;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf .dj-tabcontent-box_list--fzinfo span:first-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj .dj-tabcontent-box_list--fzinfo span:first-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc .dj-tabcontent-box_list--fzinfo span:first-child {
  color: #d3060f;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf .dj-tabcontent-box_list--fzinfo span:last-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj .dj-tabcontent-box_list--fzinfo span:last-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc .dj-tabcontent-box_list--fzinfo span:last-child {
  color: #8b6365;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf h2,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj h2,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc h2 {
  font-size: 0.4267rem;
  color: #000;
  margin-top: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp {
  display: flex;
  margin-bottom: 0.4267rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp:last-child {
  margin-bottom: 0;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info {
  max-width: 3.7333rem;
  margin: 0 0.4267rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info h2 {
  width: 100%;
  font-size: 0.4267rem;
  color: #333;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp {
  display: flex;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp div {
  font-size: 0.24rem;
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp div:first-child {
  color: #8b6365;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp div:first-child img {
  width: 0.3733rem;
  vertical-align: middle;
  padding-right: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp div:last-child {
  color: #d3060f;
  margin-left: 0.2133rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp div:last-child img {
  width: 0.24rem;
  vertical-align: middle;
  padding-right: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--btn {
  z-index: 1;
  font-size: 0.32rem;
  color: #d3060f;
  text-align: center;
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--btn span {
  display: inline-block;
  border: 0.0133rem solid #d80710;
  border-radius: 0.4533rem;
  padding: 0.08rem 0.2667rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zb,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--stfn {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.4267rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zb:last-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--stfn:last-child {
  margin-bottom: 0;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zb .dj-tabcontent-box_list--info,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--stfn .dj-tabcontent-box_list--info {
  margin-left: 0.4267rem;
  position: relative;
  color: #333;
  flex: 1;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zb .dj-tabcontent-box_list--info h2,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--stfn .dj-tabcontent-box_list--info h2 {
  font-size: 0.4267rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zb .dj-tabcontent-box_list--info h3,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--stfn .dj-tabcontent-box_list--info h3 {
  font-size: 0.32rem;
  margin-top: 0.16rem;
}
/* 公共页脚部分 */
.dj-footer-box--fix {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.dj-footer-box--notfix {
  position: relative;
}
.dj-footer-box {
  min-width: 4.2667rem;
  max-width: 10rem;
  z-index: 1;
}
.dj-footer-box .dj-footer-t {
  width: 100%;
  height: 2.8267rem;
  background: #f5f2eb;
  padding: 0.4267rem 0.96rem 0.16rem 0.4267rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  display: none;
}
.dj-footer-box .dj-footer-t .dj-footer-t_l h2 {
  font-size: 0.32rem;
  color: #af0108;
  margin-bottom: 0.2667rem;
}
.dj-footer-box .dj-footer-t .dj-footer-t_l p {
  font-size: 0.2667rem;
  color: #666;
  line-height: 0.5333rem;
}
.dj-footer-box .dj-footer-t .dj-footer-t_r {
  text-align: center;
}
.dj-footer-box .dj-footer-t .dj-footer-t_r h2 {
  font-size: 0.32rem;
  color: #af0108;
  margin-bottom: 0.1067rem;
}
.dj-footer-box .dj-footer-t .dj-footer-t_r img {
  width: 1.68rem;
  height: 1.7067rem;
}
.dj-footer-box .dj-footer-b {
  width: 100%;
  background: #b11706;
  padding: 0.16rem 0;
  box-sizing: border-box;
}
.dj-footer-box .dj-footer-b p {
  opacity: 0.8;
  font-size: 0.24rem;
  color: #fff;
  text-align: center;
  line-height: 0.32rem;
}
.dj-footer-box .dj-footer-b p.dj-footer-b--copyright {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dj-footer-box .dj-footer-b p.dj-footer-b--copyright a:last-child {
  display: flex;
  align-items: center;
}
.dj-footer-box .dj-footer-b p.dj-footer-b--copyright a span {
  font-size: 0.24rem;
  color: #fff;
  text-align: center;
  line-height: 0.32rem;
}
.dj-footer-box .dj-footer-b p.dj-footer-b--copyright a span:first-child {
  margin-right: 0.1333rem;
}
.dj-footer-box .dj-footer-b p.dj-footer-b--copyright a img {
  width: 0.2667rem;
  height: 0.2667rem;
  margin-right: 0.0533rem;
}
/* 除首页以外的所有页面的公共头部 */
.dj-header-box {
  background-image: none;
  background-color: #9bbbff;
  height: 1.3333rem;
  position: relative;
}
.dj-header-box .dj-header-box-content {
  height: 1.3333rem;
  line-height: 1.3333rem;
  border-bottom: none;
  box-sizing: border-box;
}
.dj-header-box .dj-header-box-content .dj-header-box_logo {
  width: 0.8533rem;
  height: 0.8533rem;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0.2667rem 0 0 0.4267rem;
}
.dj-header-box .dj-header-box-content .dj-header-box_logo img {
  width: 0.56rem;
  height: 0.5067rem;
  border: 0.2rem solid rgba(0, 0, 0, 0);
}
.dj-header-box .dj-header-box-content h1 {
  font-family: FZLTZHUNHK--GBK1-0;
  font-size: 0.48rem;
  color: #2821b4;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0.1067rem;
  transform: translate(-50%);
  max-width: 5.7867rem;
}
/* 主体部分 */
.dj-main-box {
  width: 100%;
  /* section one 统一运行模式*/
  /* section two 445点式*/
  /*  section three 整体解决方案*/
  /* section four 服务用户 */
}
.dj-main-box .dj-operation-pattern {
  width: 100%;
  height: 4.8rem;
  margin: 0 auto;
  background: url(../images/bg-zhdj-1.jpg) no-repeat;
  background-size: 100% 4.8rem;
  background-position: center center;
}
.dj-main-box .dj-operation-pattern .dj-tabcontent-box {
  padding: 1.12rem 0 0 0.5067rem;
}
.dj-main-box .dj-operation-pattern .dj-tabcontent-box h1 {
  font-size: 0.4267rem;
  color: #fff;
  line-height: 0.68rem;
}
.dj-main-box .dj-operation-pattern445 {
  width: 100%;
  height: 4.0267rem;
  margin: 0 auto;
  background-color: #2b23db;
}
.dj-main-box .dj-operation-pattern445 ul {
  width: 100%;
  height: 100%;
  padding: 0.4rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dj-main-box .dj-operation-pattern445 ul li {
  height: 0.9333rem;
  background: url(../images/bg-zhdj-text1px.png) repeat-y;
  background-size: 6.8133rem 0.0133rem;
  display: flex;
  align-items: center;
}
.dj-main-box .dj-operation-pattern445 ul li:nth-child(3) img {
  width: 0.3467rem;
}
.dj-main-box .dj-operation-pattern445 ul li img {
  width: 0.4rem;
  padding-left: 0.56rem;
  padding-right: 0.4rem;
  display: inline-block;
}
.dj-main-box .dj-operation-pattern445 ul li .dj-operation-pattern-list p {
  font-size: 0.2667rem;
  color: #06eaff;
}
.dj-main-box .dj-operation-pattern445 ul li .dj-operation-pattern-list h3 {
  font-size: 0.2933rem;
  color: #fff;
  font-weight: normal;
  margin-top: 0.0533rem;
}
.dj-main-box .dj-solution {
  width: 100%;
  background: #9bbbff;
  text-align: center;
  padding-bottom: 0.72rem;
  box-sizing: border-box;
}
.dj-main-box .dj-solution .dj-content .dj-content-title {
  padding-top: 0.6667rem;
}
.dj-main-box .dj-solution .dj-content h4 {
  font-size: 0.32rem;
  padding-bottom: 1.0667rem;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item {
  width: 9.1467rem;
  color: #000;
  background: #f3fcff;
  text-align: left;
  position: relative;
  margin: 0 auto;
  padding: 0.5333rem 0;
  box-sizing: border-box;
  margin-bottom: 0.8rem;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item:first-child h1 {
  font-size: 0.3733rem;
  text-align: left;
  background-size: 3.12rem 0.4533rem;
  padding-left: 0.5333rem;
  position: relative;
  z-index: 1;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item:first-child h1:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.0267rem;
  width: 3.12rem;
  height: 0.4533rem;
  display: block;
  background: url(../images/bg-zhdj-systembg.png) repeat-y;
  background-size: 3.12rem 0.4533rem;
  z-index: -1;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item:first-child p {
  padding-left: 0.5333rem;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item:first-child img {
  right: 0.2667rem;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item p {
  font-size: 0.32rem;
  margin-top: 0.16rem;
  color: #666;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item img {
  position: absolute;
  width: 2.1333rem;
  top: -0.84rem;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item:last-child {
  text-align: right;
  margin-bottom: 0;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item:last-child h1 {
  font-size: 0.3733rem;
  text-align: right;
  background-size: 3.12rem 0.4533rem;
  padding-right: 0.5333rem;
  position: relative;
  z-index: 1;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item:last-child h1:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0.0267rem;
  width: 3.12rem;
  height: 0.4533rem;
  display: block;
  background: url(../images/bg-zhdj-systembg.png) repeat-y;
  background-size: 3.12rem 0.4533rem;
  background-position: right 0 center;
  z-index: -1;
  transform: rotate(180deg);
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item:last-child p {
  padding-right: 0.5333rem;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_twosystem .dj-solution-box_twosystem--item:last-child img {
  left: 0.2667rem;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_oneplatform {
  width: 9.1467rem;
  height: 6.9333rem;
  background: #edf7fa;
  color: #000;
  box-sizing: border-box;
  text-align: left;
  position: relative;
  overflow: hidden;
  margin: 0.5333rem auto;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_oneplatform h1 {
  font-size: 0.3733rem;
  padding-top: 0.5333rem;
  padding-left: 0.5333rem;
  text-align: left;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_oneplatform p {
  font-size: 0.2933rem;
  padding: 0.5333rem 0.5333rem 0.6667rem 0.5333rem;
  color: #666;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_oneplatform ul {
  position: absolute;
  z-index: 1;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_oneplatform ul li {
  font-size: 0.32rem;
  margin-bottom: 0.4rem;
  background: url(../images/bg-zhdj-systembg.png) repeat-y;
  background-size: 3.12rem 0.4533rem;
  padding-left: 0.5333rem;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_oneplatform ul li img {
  width: 0.16rem;
  display: inline-block;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_oneplatform ul li span {
  margin-left: 0.4rem;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_oneplatform .bg-zhdj-platform {
  width: 3.9467rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li {
  width: 4.5733rem;
  height: 3.1467rem;
  color: #000;
  text-align: left;
  padding: 0.2667rem;
  box-sizing: border-box;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li h1 {
  font-size: 0.3733rem;
  text-align: left;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li p {
  font-size: 0.32rem;
  margin-top: 0.2667rem;
  color: #666;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li:nth-child(1),
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li:nth-child(4),
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li:nth-child(5),
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li:nth-child(8) {
  background: #fff;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li:nth-child(2),
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li:nth-child(3),
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li:nth-child(6),
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li:nth-child(7) {
  background: #f3fcff;
}
.dj-main-box .dj-solution .dj-content .dj-solution-box .dj-solution-box_nineplatform ul li:last-child {
  width: 9.1467rem;
  height: 2.2133rem;
  background: #fff;
}
.dj-main-box .dj-service-user {
  width: 100%;
  padding-bottom: 0.2667rem;
  background: #fff;
}
.dj-main-box .dj-service-user .dj-content {
  text-align: center;
}
.dj-main-box .dj-service-user .dj-content h1 {
  padding: 0.6667rem 0 0.2933rem 0;
  box-sizing: border-box;
}
.dj-main-box .dj-service-user .dj-content img {
  width: 9.1467rem;
  display: inline-block;
}