.solution-main {
  padding: 1.56rem 0 0.4rem;
  min-height: 14.62rem;
}
.height-auto {
  height: auto;
  min-height: 100%;
}
.solution-main .container {
  max-width: 16.4rem;
  margin: 0 auto;
}
.solution-main .sm-indexes {
  flex-shrink: 0;
  width: 6.4rem;
  box-sizing: border-box;
  padding: 0 0.16rem;
}
.sm-indexes {
}
.sm-indexes .h2 {
  width: 100%;
  font-size: 0.58rem; line-height: 0.7rem;
  color: #3E3A39; font-weight: 400;
}
.sm-indexes .h3 {
  position: relative;
  font-size: 0.48rem; line-height: 0.58rem;
  color: #3E3A39; font-weight: 400;
}
.sm-indexes .h3.bei::after {
  position: absolute;
  content: "";
  top: 1px; left: calc(100% + 0.07rem);
  width: 0.25rem; height: 0.25rem;
  background-image: url(../images/w.png);
  background-size: cover;
}
.sm-indexes .links li {
  margin-bottom: 0.05rem; width: 4.5rem;
}
.sm-indexes .links li a.trans {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.15rem;
  border-radius: 0.1rem;
  font-size: 0.24rem; line-height: 0.3rem;
  color: #333;
}
.sm-indexes .links li i.transi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.15rem;
  border-radius: 0.1rem;
  font-size: 0.24rem; line-height: 0.3rem;
  color: #333;
}
.sm-indexes .links li a.trans i {
  margin-left: 0.12rem;
  transition: all .3s ease-in-out;
}
.sm-indexes .links li.expand a.trans i {
  transform: rotate(90deg);
}
.sm-indexes .links li.expand i.transi {
  transform: rotate(90deg);
}
.sm-indexes .links li dl {
  display: none;
  padding-top: 0.04rem;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid rgba(208, 215, 221, 0.4);
}
.sm-indexes .links li dl {
  padding: 0.1rem 0.15rem;
}
.sm-indexes .links li dl dd a {
  display: block;
  font-size: 0.2rem;
  line-height: 0.32rem;
  color: #666;
  padding-left: 0.16rem;
}
.sm-indexes .links li dl dd a:hover {
  /* background-color: rgba(0, 0, 0, 0.1); */
  background-color: rgba(208, 215, 221, 0.4);
}
.sm-indexes .links li:hover {
  /* background-color: rgba(208, 215, 221, 0.4); */
}
.sm-indexes .links li a.on {
  color: #000;
  background-color: rgba(208, 215, 221, 0.4);
}
.sm-indexes .links li.on a.trans {
  background-color: #D0D7DD;
}
.sm-indexes .links li a{ width:3.8rem;}
.sm-indexes .links li a.trans:hover {
  background-color: #D0D7DD;
}

 /*.sm-indexes .links li.expand a.trans:hover {
  background-color: #D0D7DD;
}
.sm-indexes .links li.expand a.trans {
  background-color: #D0D7DD;
}
*/

.sm-content {
  flex: 1;
  margin-top: -8px;
  font-size: 0.17rem; line-height: .34rem;
}
.sm-content p {
font-size: 0.17rem; line-height: 0.34rem; color: #595757;
}
.sm-content img {
  max-width: 100% !important; margin: 0.3rem auto;
  vertical-align: middle;
}
.sm-content .more-box {
  margin-top: -0.2rem;
  justify-content: flex-end;
}

.sm-list {
  margin-top: 1.2rem;
}
.sm-list ul li {
  margin-left: 0.36rem;
  width: calc(calc(100% - 1.08rem) / 3); height: 1.91rem;
}
.sm-list ul li:first-child {
  margin-left: 0;
}
.sm-list ul li .cover {
  width: 100%; height: 81%;
  overflow: hidden;
}
.sm-list ul li .cover img {
  width: 100%;height:auto;
}
.sm-list ul li:hover .cover img {
  transform: scale(1.1);
}
.sm-list ul li .p {
  margin-top: 0.12rem;
  font-size: 0.16rem; line-height: 0.2rem;
  color: #000;
}

@media screen and (min-width: 1680px) {
  .solution-main .container {
    max-width: 1640px;
  }
  .sm-list ul li .p {
    font-size: 0.24rem; line-height: 0.32rem;
  }
}
@media screen and (max-width: 1020px) {
  .solution-main {
    padding-left: 10px;
    padding-right: 10px;
    zoom: 0.67;
  }
}
@media screen and (max-width: 768px) {
  .solution-main {
    overflow: hidden;
  }
  .solution-main .sm-indexes {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    position: fixed;
    top: 50%;
    transform: translate(-100%,-50%);
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    z-index: 4;
    zoom: 0.9;
  }
  .sm-indexes .header_mobile_btn {
    position: absolute;
    left: 100%;
    top: 0;
    zoom: 1.2;
  }
  .sub-soo.body_head_active .sm-indexes {
    transform: translate(0,-50%);
  }
  .sub-soo.body_head_active .sm-indexes .header_mobile_btn {
    left: initial;
    right: 0;
  }
  .sub-soo.body_head_active .header_mobile_btn:before,
  .sub-soo.body_head_active .header_mobile_btn:after {
    background-color: #000;
  }
  .sm-list ul {
    width: 100%;
    flex-wrap: wrap;
  }
  .sm-list ul {
    display: block;
  }
  .sm-list ul li {
    margin-left: 0;
    margin-bottom: 0.4rem;
    width: 100%;
  }
  .sm-list ul li .cover {
    width: 100%; height: auto;
  }
}



.solution2 {
  
}
.solution2 .part1 {
  position: relative;
}
.solution2 .part1 .banner {
  position: relative;
  z-index: 1;
  width: 100%;
  vertical-align: middle;
}
.solution2 .part1 .p0 {
  position: absolute;
  top: 1.8rem;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
  width: 6.28rem;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #333;
  text-align: center;
}
.solution2 .part1 .p1 {
  position: absolute;
  bottom: 1.2rem;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
  width: 8.28rem;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #333;
  text-align: center;
}
.solution2 .part2 {
  padding: 1rem 0 0.44rem;
  background-color: rgb(240, 242, 245);
}
.solution2 .p-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 1.09rem;
}
.solution2 .p-header .h2 {
  position: relative;
  font-size: 0.48rem;
  line-height: 0.58rem;
  font-weight: 400;
}
.solution2 .p-header .h2.bei:after {
  position: absolute;
  top: 5px;
  left: calc(100% + 0.22rem);
}
.solution2 .p-header .p {
  margin-top: 0.05rem;
  font-size: 0.46rem;
  line-height: 0.56rem;
}
.solution2 .p-body {
  margin-top: 0.56rem;
}
.solution2 .img {
  width: 11.47rem;
  flex-shrink: 0;
}
.solution2 .img img {
  width: 100%;
}
.solution2 .ul {
  padding-top: 0.38rem;
  flex: 1;
  padding-left: 1.54rem;
}
.solution2 .ul li {
  position: relative;
  margin-bottom: 0.42rem;
  font-size: 0.18rem;
  line-height: 0.3rem;
}
.solution2 .ul li:last-child {
  margin-bottom: 0;
}
.solution2 .ul li:before {
  position: absolute;
  top: 0.15rem;
  left: -0.16rem;
  transform: translateY(-50%);
  width: 0.08rem; height: 0.08rem;
  border-radius: 50%;
  content: "";
  background-color: #333;
}


.solution3-banner {
  height: 5.6rem;
  
background: linear-gradient(90deg, rgba(54,128,174,0.9) 0%, rgba(54,128,175,0) 91.82%);
}


.article2 {
  padding: 0.88rem 0;
  margin: 0 auto;
  max-width: 13.3rem;
}
.article2 .a-header {
  padding: 0.24rem 0;
  border-bottom: 1px solid #808080;
}
.article2 .a-header .h1 {
  position: relative;
  font-size: 0.40rem; line-height: 0.54rem;
  font-weight: 600;
  color: #211816;
}
.article2 .a-header .h1.bei:after {
  position: absolute;
  top: -0.05rem;
  right: -0.31rem;
}
.article2 .a-body {
  max-width: 15.6rem;
  margin: 0 auto;
  padding: 0.58rem 0 1px;
}
.article2 .a-body img {
  max-width: 100% !important;
}
.article2 .a-body ul li {
  position: relative;
  font-size: 0.24rem;
  line-height: 0.34rem;
  margin-bottom: 0.18rem;
}
.article2 .a-body ul li p {
  font-size: .2rem;
  line-height: .38rem;
   
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.article2 .a-body ul li p {
  font-size: .2rem;
  line-height: .38rem;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.article2 .a-body ul.ul li ol {
  font-size: .2rem;
  line-height: .38rem;

  padding: 0;
  margin: 0;
}
.article2 .a-body ul li ol li {
  font-size: .2rem;
  line-height: .38rem;
 list-style: none;outside none;
 text-indent: 0;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}



.article2 .a-body ul li .sing {
  position: absolute;
  right: calc(100% + 0.18rem);
  top: 0.06rem;
  width: 0.58rem;
}
.article2 .a-body ul li p img{ border-radius: 10px; border: 2px solid #c6c8c7; /*设置边框大小、类型和颜色*/
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); margin:0.3rem auto 0.3rem;display: block;width:75%;}
   .article2 .a-body ul.ul li img{ margin:0.3rem auto 0.3rem;display: block; width:75%;}
 .article2 .a-body ul li p strong{ line-height:0.5rem;}
.article2 .a-body ul li .sing img {
  height: 0.58rem; margin: 0px;width:100%;
}
.article2 .a-body ul li .h2 {
  font-size: 0.24rem; line-height: 0.36rem;
  font-weight: 600;
}
.article2 .a-body ul li .h3 {
  margin-bottom: 0.14rem; text-align: left;
  font-size: 0.24rem; line-height: 0.36rem;
  font-weight: 600;
}
.article2 .a-body ul li .h4 {
  margin-bottom: 0.14rem;margin-top : 0.14rem;
  font-weight: 600;
  font-size: 0.24rem; line-height: 0.36rem;
  margin-bottom: 0.1rem;
}
.article2 .dl.two dd {
  width: calc(calc(100% - 0.18rem) / 2);
}

@media screen and (min-width: 1860px) {
  .solution2 .part1 .p0 {
    top: 16%;
    font-size: 20px;
    line-height: 36px;
    width: 628px;
  }
  .solution2 .part1 .p1 {
    font-size: 20px;
    line-height: 36px;
    width: 828px;
    bottom: 11%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1020px) {
  .solution3-banner {
    height: 3.8rem;
  }
  .solution2 .part1 .p0 {
    top: 14%;
  }
  .solution2 .part1 .p1 {
    bottom: 4%;
  }
  
  .solution2 .part2 .p-body {
    display: block;
  }
  .solution2 .p-header {
    padding-left: 0;
    align-items: center;
  }
  .solution2 .ul {
    padding: 0.2rem 0.4rem;
  }
  .solution2 .img {
    margin-top: 0.4rem;
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .solution3-banner {
    height: 100%;
  }
  .article2 {
    padding: 20px 10px 0.4rem
  }
  .article2 .a-header .h1 {
    font-size: 24px;
    max-width: 80vw;
    line-height: 34px;
  }
  .article2 .a-body {
    padding: 20px 0 10px;
  }
  .article2 .dl.two {
    flex-wrap: wrap;
  }
  .article2 .dl.two dd {
    margin-bottom: 20px;
    width: 100%;
  }
  
  .solution2 .part1 {
    background-color: rgb(240, 242, 245);
  }
  .solution2 .part1 .p0 {
    max-width: 95%;
    position: relative;
    top: 1vw;
    zoom: 0.8;
  }
  .solution2 .part1 .p1 {
    margin-top: 10px;
    max-width: 95%;
    position: relative;
    bottom: 1%;
    zoom: 0.8;
  }
  .solution2 .part2 .p-body {
    display: block;
  }
  .solution2 .p-header {
    padding-left: 0;
    align-items: center;
  }
  .solution2 .ul {
    padding: 0.2rem 0.4rem;
  }
  .solution2 .img {
    margin-top: 0.4rem;
    max-width: 100%;
  }
  .solution2 .part2 {
    zoom: 0.75;
  }
  .solution2 .p-header .h2 {
    text-align: center;
  }
  .solution2 .p-header .p {
    font-size: 0.32rem;
  }
  
  
}

.bg-solution {
  background-image: url(../images/bg-solution.jpg);
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat:no-repeat;
}


.solu .p-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.solu .p-header .h2 {
  position: relative;
  font-size: 0.48rem;
  line-height: 0.58rem;
  font-weight: 400;
}
.solu .p-header .h2.bei:after {
  position: absolute;
  top: 5px;
  left: calc(100% + 0.22rem);
}
.solu .p-header .p {
  margin-top: 0.05rem;
  font-size: 0.46rem;
  line-height: 0.56rem;
}
.solution-cases, .solution-cases2 {
  padding: 0.9rem 0 ;
  background-image: url(../images/bg-cases.jpg);
  background-size: 100% auto;
  background-repeat: repeat-y;
}
.solution-cases2 .p-header,
.solution-cases .p-header {
  align-items: center;
  margin-bottom: 0.38rem;
}
.solution-cases2 .sc-list ul {
  margin: 0 -0.05rem;
}
.solution-cases2 .sc-list ul,
.solution-cases .sc-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 14.2rem;
  padding-bottom: 0.18rem;
}
.solution-cases .sc-list .sec {
  margin-bottom: 0.5rem;
  width: calc(calc(100% - 0.2rem) / 3);
}
.solution-cases2 .sc-list li {
  width: calc(calc(100% - 0.4rem) / 4);
  margin-left: 0.05rem;
  margin-right: 0.05rem;
}
.solution-cases .sc-list h3 {
  margin-bottom: 0.24rem;
  text-align: center;
  font-size: 0.25rem;
  color: #333;
}
.solution-cases .sc-list .sec:nth-child(3n + 2) {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
.solution-cases2 .sc-list li,
.solution-cases .sc-list li {
  margin-bottom: 0.32rem;
}
.solution-cases .sc-list li:last-child {
  margin-bottom: 0;
}
.solution-cases2 .sc-list li,
.solution-cases .sc-list li{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.66rem;
  border-radius: 0.04rem;
  font-size: 0.18rem;
  color: #000;
  background: linear-gradient(to bottom, #fff, #cfdce2);
  overflow: hidden;
}
.solution-cases .sc-list .sec:nth-child(3n + 1) li,
.solution-cases2 .sc-list li:nth-child(4n + 1) {
  border-top-left-radius: 0.33rem;
  border-bottom-left-radius: 0.33rem;
}
.solution-cases .sc-list .sec:nth-child(3n) li,
.solution-cases2 .sc-list li:nth-child(4n){
  border-top-right-radius: 0.33rem;
  border-bottom-right-radius: 0.33rem;
}
.solution-cases .more-box a,
.solution-cases2 .more-box a {
  font-size: 0.2rem;
  line-height: 0.2rem;
  color: #000;
}
.solution-cases2 .sc-list li.none {
  background: none;
}
.solution-cases .more-box a i,
.solution-cases2 .more-box a i {
  font-size: 0.24rem;
  line-height: 0.2rem;
  margin-left: 0.04rem;
  color: #2643ac;
}


.sifakeji img.banner {
  width: 100%;
  z-index: 0;
  vertical-align: middle;
}
.sifakeji .p0 {
  top: 0.98rem;
  width: 8.76rem;
  font-size: 0.2rem;
  line-height: 0.37rem;
  text-align: center;
  color: #333;
  z-index: 1;
}
.solution2 .part2 .sfkj {
  padding-top: 0.2rem
}
.solution2 .part2 .sfkj li {
  margin-bottom: 0.28rem;
}
.solution2 .part2 .sfkj li:last-child {
  margin-bottom: 0;
}

.jrkj-intro a.pr { display: block; }
.jrkj-intro .banner { z-index: 0; vertical-align: middle; max-width: 100%; }
.jrkj-intro div.ph { width: 95%; z-index: 1; }
.jrkj-intro div.ph p {
  font-size: 0.2rem;
  line-height: 0.4rem;
  color: #333;
  text-align: center;
}
.jrkj-intro .p0 { top: 0.94rem; }
.jrkj-intro .p1 { bottom: 0.84rem;}

.jrkj-overview {
  box-sizing: border-box;
  padding: 0.86rem 0 0.4rem;
  min-height: 9.61rem;
  background-image: url(../images/bg-jinrongkeji.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #f4f2f5;
}
.dt-overview .p-header,
.jrkj-overview .p-header,
.zhjt-overview .p-header{
  padding-left: 1.8rem;
}
.jrkj-overview .jo-body {
  display: flex;
  align-items: flex-start;
  max-width: 14.28rem;
  margin: -0.8rem auto 0;
  justify-content: space-between;
}
.jrkj-overview .jo-body .center {
  width: 5.3rem;
}
.jrkj-overview .lks {
  margin-top: 2.3rem;
}
.jrkj-overview .lks .img { text-align: center; }
.jrkj-overview .lks .img img { width: 2.69rem; }
.jrkj-overview .lks .f {
  margin-top: -0.36rem;
  align-items: flex-end;
}
.jrkj-overview .lks ul {
  display: flex;
  flex-wrap: wrap-reverse;
}
.jrkj-overview .lks ul li {
  width: 100%;
  font-size: 0.2rem;
  line-height: 0.37rem;
  font-weight: 100;
}
.jrkj-overview .lks.zhbx ul li {
  text-align: right;
  color: #007193;
}
.jrkj-overview .lks.zhjr ul li {
  color: #006737;
}

.dt-intro .banner { z-index: 0; max-width: 100%; vertical-align: middle; }
.dt-intro a.pr { display: block; }
.dt-intro .ph { z-index: 1; text-align: center; width: 98%; }
.dt-intro .p0,
.dt-intro .p1 {
  font-size: 0.2rem;
  line-height: 0.37rem;
  color: #333;
}
.dt-intro .p0 { top: 0.96rem; }
.dt-intro .p1 { top: 6.32rem; }
.dt-intro .p2 {
  font-size: 0.36rem;
  line-height: 0.36rem;
  bottom: 1.86rem;
  color: #000;
}

.dt-overview {
  min-height: 9.5rem;
  box-sizing: border-box;
  padding: 0.86rem 0 0.2rem;
  background-image: url(../images/bg-szhzx.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #f0eff4;
}
.dt-overview .o-body .pr {
  position: relative;
  padding-top: 0.4rem;
  text-align: center;
}
.dt-overview .o-body img {
  width: 5.01rem;
}
.dt-overview .o-body p {
  font-size: 0.22rem;
  line-height: 0.32rem;
  white-space: nowrap;
}
.dt-overview .o-body p.blue { color: #007191; }
.dt-overview .o-body p.green { color: #006A48; }
.dt-overview .o-body .p0 { top: -0.34rem; left: 1.18rem; }
.dt-overview .o-body .p1 { top: 0.6rem; left: -0.15rem; }
.dt-overview .o-body .p2 { top: 1.7rem; left: -1.38rem; }
.dt-overview .o-body .p3 { top: 3.07rem; left: -1.78rem; }
.dt-overview .o-body .p4 { top: 4.5rem; left: -1.56rem; }
.dt-overview .o-body .p5 { top: 5.7rem; left: -0.26rem; }
.dt-overview .o-body .p6 { top: 0.32rem; left: 50%; }
.dt-overview .o-body .p7 { top: -0.34rem; left: 4.08rem; }
.dt-overview .o-body .p8 { top: 0.26rem; left: 98%; }
.dt-overview .o-body .p9 { top: 1.2rem; left: 6.04rem; }
.dt-overview .o-body .p10 { top: 2.32rem; left: 6.34rem; }
.dt-overview .o-body .p11 { top: 3.52rem; left: 6.62rem; }
.dt-overview .o-body .p12 { top: 5.02rem; left: 5.5rem; }
.dt-overview .o-body .p13 { top: 6.34rem; left: 2.8rem; }


.zhjt-intro img.banner { width: 100%; z-index: 0; height: auto; display: block;  margin:0 auto;}
.zhjt-intro a.pr { display: block; }
.zhjt-intro .ph {
  font-size: 0.2rem;
  color: #333;
  line-height: 0.37rem;
  text-align: center;
  width: 98%;
  z-index: 2;
}
.zhjt-intro .p0 { top: 0.94rem; }
.zhjt-intro .p1 {
  top: 6.82rem;
  font-size: 0.28rem;
  line-height: 0.32rem;
  color: #000;
}
.zhjt-intro .p1 b {
  margin: 0 0.12rem;
  vertical-align: 0.04rem;
  font-size: 0.24rem;
  font-weight: 400;
  font-family: "SourceHanSansCN-Regular";
}
.zhjt-intro .p2 {
  bottom: 1.4rem;
}

.zhjt-overview {
  position: relative;
  box-sizing: border-box;
  padding: 0.84rem 0 .2rem;
  min-height: 9.49rem;
  background-image: url(../images/img-zhihuijiaotong2.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #f4f2f5;
}
.zhjt-overview ul.ul {
  position: absolute;
}
.zhjt-overview ul.ul li {
  font-size: 0.2rem;
  line-height: 0.2rem;
  color: #000;
}
.zhjt-overview .list1,
.zhjt-overview .list2 {
  top: 2.9rem;
}
.zhjt-overview .list1,
.zhjt-overview .list3 {
  right: calc(50% + 2.92rem);
  text-align: right;
}
.zhjt-overview .list2,
.zhjt-overview .list4 {
  left: calc(50% + 2.92rem);
}
.zhjt-overview .list3,
.zhjt-overview .list4 {
  top: 5.62rem;
}
.zhjt-overview .list1 li {
  margin-bottom: 0.32rem;
}
.zhjt-overview .list2 li {
  margin-bottom: 0.52rem;
}
.zhjt-overview .list3 li,
.zhjt-overview .list4 li {
  margin-bottom: 0.16rem;
}
.zhjt-overview .list4 {
  display: flex;
  flex-wrap: wrap;
  width: 5.28rem;
}
.zhjt-overview .list4 li {
  min-width: 2.64rem;
}
.zhjt-overview .list4 li.whole {
  width: 100%;
  flex-shrink: 0;
}
.zhjt-overview ul.ul li:last-child {
  margin-bottom: 0 !important;
}