#frame_main>.row {
  max-width: 100% !important;
  }
.lh-columns{
 padding:0;
}
  li {
    list-style: none;
  }
  .oveHid {
    overflow: hidden;
  }
  /*背景概况*/
.lh-columns {
 width: 100% !important;
}
.main_header {
 text-align: center;
}
.main_header .ar_header {
 font-weight: bold;
 font-size: 26px;
 padding: 20px 0;
}
.main_header .content_title {
 writing-mode: tb-rl;
}
.main_header .content {
 white-space: nowrap;
}
.main_header .content>div {
 display: inline-block;
}
.main_header .content .content_title {
 background: #FFB683;
 padding: 40px 20px;
 font-size: 18px;
 color: #ffffff;
 letter-spacing: 4px;
}
.main_header .content .content_desc {
 width: calc(100% - 67px);
 background: #FFFAF7;
 padding: 20px;
 text-indent: 2em;
 height: 168px;
 text-align: left;
 vertical-align: top;
 white-space: normal;
 display: inline-flex;
 align-items: center;
 font-size: 18px;
}
.titleColor {
 font-size: 20px;
 color: #808080;
}

/* 解决方案模块样式区域 */
 .resolve_modal .lh-columns  .row {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto !important;
  }
  .resolve_modal .lh-columns {
  width: 100% !important;
  }
  .resolve_modal .lh-row .columns {
  padding:0;
  }
  .resolve_modal  .row6-lists .row6-r{
  padding:0 20px;
  }

  .resolve_modal .pro-2-title {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 26px;
  color: #333333;
  font-weight: 500;
  padding: 50px 0;
  }
  .resolve_modal  .pro-2-title h3{
  font-size: 26px;
  margin-bottom: 0;
  }
  .resolve_modal  .pro-2-title span {
  color: #808080;
  }
  .resolve_modal  .pro-2-con {
  width: 100%;
  height: auto;
  margin: 0px 0 50px 0;
  padding: 30px 44px 30px 46px;
  background-color: #F7F7F5;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  text-indent: 2em;
  }

  .resolve_modal .row-1 {
  position: relative;
  }
  .resolve_modal .business-pains,
  .resolve_modal .application{
  width:100%;
  text-align:center;
  display:block;
  font-size: 26px;
  color: #333333;
  font-weight: 500;
  padding: 50px 0;
  }
  .resolve_modal .modcon .row5-con .clearfix>div{
  padding:0px 10px;
  }
  .resolve_modal .hurtSwiper {
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
  }
  .resolve_modal  .hurtSwiper .bussine-con{
  display: flex;
  padding: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #F7F7F7;
  }
  .resolve_modal  .hurtSwiper  .swiper-slide {
  height:280px;
  }

 .resolve_modal  .hurtSwiper .swiper-button-next,
 .resolve_modal  .hurtSwiper .swiper-button-prev,
 .resolve_modal  .application-Swiper .swiper-button-next,
 .resolve_modal  .application-Swiper .swiper-button-prev,
 .resolve_modal  .advantage-Swiper .swiper-button-next,
 .resolve_modal  .advantage-Swiper .swiper-button-prev,
 .resolve_modal  .featureSwiper .swiper-button-next,
 .resolve_modal  .featureSwiper .swiper-button-prev,
 .resolve_modal  .swiper-equipments .swiper-button-next,
 .resolve_modal  .swiper-equipments .swiper-button-prev{
  top: 59% !important;
  color: #fff;
  }

 .resolve_modal  .hurtSwiper .swiper-button-prev::before,
 .resolve_modal  .hurtSwiper .swiper-button-next::before,
 .resolve_modal  .application-Swiper .swiper-button-next::before,
 .resolve_modal  .application-Swiper .swiper-button-prev::before,
 .resolve_modal  .advantage-Swiper .swiper-button-next::before,
 .resolve_modal  .advantage-Swiper .swiper-button-prev::before,
 .resolve_modal  .featureSwiper .swiper-button-next::before,
 .resolve_modal  .featureSwiper .swiper-button-prev::before,
 .resolve_modal  .swiper-equipments .swiper-button-next::before,
 .resolve_modal  .swiper-equipments .swiper-button-prev::before{
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #333333;
  opacity: 0.23;
  z-index: -1;
  }

 .resolve_modal  .hurtSwiper .swiper-button-prev::before,
 .resolve_modal  .application-Swiper .swiper-button-prev::before,
 .resolve_modal  .advantage-Swiper .swiper-button-prev::before,
 .resolve_modal  .featureSwiper .swiper-button-prev::before,
 .resolve_modal  .swiper-equipments .swiper-button-prev::before
  {
  left: -43px;
  }
 .resolve_modal  .hurtSwiper .swiper-button-next::before,
 .resolve_modal  .application-Swiper .swiper-button-next::before,
 .resolve_modal  .advantage-Swiper .swiper-button-next::before,
 .resolve_modal  .featureSwiper .swiper-button-next::before,
 .resolve_modal  .swiper-equipments .swiper-button-next::before
  {
  right: -43px;
  }
  .resolve_modal .bussine-con p {
  font-size: 24px;
  color: #333333;
  font-weight: 500;
  margin:10px 0 8px;
  }
  .resolve_modal  .bussine-con  div:last-child {
  text-align: center;
  font-size: 18px;
  color: #808080;
  }
  .resolve_modal .bussine-con .bussine-bg {
  width: 70px;
  height: 70px;
  background: url("../images/modes/ami.png") no-repeat center;
  background-size: 100%;
  overflow: hidden;
  }
  .resolve_modal .bussine-con:hover {
  background: #FFB279;
  }
  .resolve_modal .bussine-con:hover p ,
  .resolve_modal .bussine-con:hover div{
  color: #fff;
  }
  .resolve_modal  .bussine-con:hover .bussine-bg{
  background: url("../images/modes/aim.png")  no-repeat center;
  background-size: 100%;
  }

  .resolve_modal .row-2 {
  background-color:#F7F7F7;
  }
  .resolve_modal .resolve_modal .application-Swiper {
  margin-bottom: 50px;
  }
  .resolve_modal  .application-Swiper .application-con  {
  position: relative;
  width: 328px;
  height: 280px;
  overflow: hidden;
  }

  .resolve_modal  .application-con li {
  cursor: pointer;
  }
  .resolve_modal  .application-con:hover img {
  transform: scale(1.1);
  }
  .resolve_modal  .application-con img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
  }
  .resolve_modal  .application-Swiper {
  width: 100%;
  overflow: hidden;
  }
  .resolve_modal  .application-con .app-txt {
  position: absolute;
  top: 42%;
  left: 37%;
  font-size: 24px;
  color: white;
  z-index: 10;
  }
  .resolve_modal .application-con  .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background-color: rgba(128,128,128,0.43);
  background-size: 100% 100%;
  background-position:  0 0;
  transition: 0.5s;
  /*opacity: 1;*/
  }
  .resolve_modal .application-con:hover .mask {
  opacity: 0;
  }
  .resolve_modal  .shortDesc {
  font-size: 20px;
  color: #808080;
  }

  .resolve_modal .apply-title ,
  .resolve_modal .advantage-title{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 50px 0;
  }
  .resolve_modal  .apply-title div,
  .resolve_modal .advantage-title div{
  font-size: 26px;
  color: #333;
  }
  .resolve_modal .apply-title p{
  font-size: 20px;
  letter-spacing: -1px;
  color: #B2B2B2;
  margin-bottom: 0;
  }
  .resolve_modal .swiper-wrapper .swiper-slide {
  position: relative;
  }
  .resolve_modal  .apply-swiper .apply-txt {
  position: absolute;
  right: 0;
  top: 19%;
  padding: 40px;
  width: 41.445%;
  height: 62.93%;
  /*width: 597px;*/
  /*height: 394px;*/
  opacity: 0.93;
  background-image: linear-gradient(135deg, #CED8E7 0%, #EAEEF4 100%);
  }
  .resolve_modal  .apply-swiper .apply-txt  h3{
  position:relative;
  font-size: 26px;
  color: #333;
  }
  .resolve_modal  .apply-swiper .apply-txt  h3::before{
  position:absolute;
  bottom:-30px;
  left:0;
  content: "";
  display: inline-block;
  width:22px;
  height: 2px;
  background-color: #fff;
  }
  .resolve_modal .apply-swiper .apply-txt p {
  font-size: 20px;
  color: #666;
  margin-bottom: 0;
  padding: 50px 0 40px;
  }
  .resolve_modal .swiper-container .swiper-pagination {
  position: unset;
  margin-top: 50px;
  margin-bottom: 50px;
  }

  .resolve_modal .swiper-container .apply-txt .line{
  width: 452px;
  height: 2px;
  background-color: #fff;
  }
  .resolve_modal .swiper-container .swiper-pagination-bullet {
  width: 60px !important;
  border-radius: unset;
  transform: skewX(-30deg);
  }
  .resolve_modal .swiper-container .swiper-pagination-bullet-active {
  background: #FF9853 !important;
  }

  .resolve_modal  .row-4 {
  background: #F7F7F7;
  padding-bottom: 50px;
  }
  .resolve_modal  .advantage-con {
  display: flex;
  justify-content: space-between;
  }
  .resolve_modal  .advantage-title  p{
  font-size: 20px;
  color: #808080;
  margin-bottom: 0;
  }
  .resolve_modal  .advan-items {
  width: 31.6667%;
  }
  .resolve_modal  .advantage-Swiper {
  width: 100%;
  overflow: hidden;
  }
  .resolve_modal  .advantage-Swiper .swiper-slide:hover {
  box-shadow: 1px -1px 9px #999;
  }
  .resolve_modal  .advantage-Swiper .swiper-slide {
  margin: 0 36px 5px 0;
  }
  .resolve_modal  .advantage-con .advant-img {
  /*width: 456px;*/
  height: 470px;
  width: 100%;
  overflow: hidden;
  /*background-color: pink;*/
  }
  .resolve_modal .advantage-con .advant-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
  .resolve_modal .advant-txt {
  padding: 30px 38px 30px 40px;
  background-color: #fff;
  height: 200px;
  }
  .resolve_modal .advant-txt h5 {
  font-size: 24px;
  color: #333;
  }
  .resolve_modal .advant-txt>div {
  font-size: 16px;
  color: #808080;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical;
  }

  .resolve_modal  .row5-con>div {padding-top:50px;display: flex;align-items: center;}
  .resolve_modal .row5-con {
  padding-bottom:50px;
  }
  .resolve_modal .row5-title {
  width:100%;
  text-align:center;
  position: relative;
  font-size: 26px;
  padding-left: 20px;
  color: #333;
  margin-top: 50px;
  }

  .resolve_modal .row5-l {max-width: 714px;
  max-height: 478px;
  width: 50%;
  overflow: hidden;
  justify-content: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  /*background-color: pink;*/
  justify-content: flex-start;
  }
  .resolve_modal  .row5-l img {
  width:100%;
  height:100%;
  object-fit: cover;
  }
  .resolve_modal .row5-r {/* padding-top: 100px; */display: flex;width: 50%;justify-content: center;flex-direction: column;
  *background-color: skyblue;*/}
  .resolve_modal  .row5-r h5,
  .resolve_modal .row6-r h5{
  font-size: 24px;
  color: #333;
  }
  .resolve_modal  .row5-r p,
  .resolve_modal .row6-r p{
  font-size: 16px ;
  color: #999;
  margin-top:20px
  }
  .resolve_modal .row5-r ul {
  margin:0;
  padding-bottom: 30px;
  }
  .resolve_modal .row5-r ul li,
  .resolve_modal .row6-r ul li{
  float: left;
  padding-top: 10px;
  font-size: 16px;
  color: #808080;
  padding-right: 20px;
  }
  .resolve_modal .row5-r ul li:nth-child(odd){
  /*     padding-right: 100px; */
  }
  .resolve_modal  .row5-r ul li i,
  .resolve_modal  .row6-r ul li i{
  margin-right: 16px;
  }

  .resolve_modal  .row-6 {
  background-color: #f7f7f7;
  padding-bottom: 10px;
  }
  .resolve_modal .row6-title,
  .resolve_modal .row7-title{
  font-size: 26px;
  color:#333;
  text-align: center;
  width: 100%;
  }
  .resolve_modal .row6-title span{
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
  margin: 50px 0;
  }

  .resolve_modal .row6-lists {
  background-color: #fff;
  margin-bottom: 30px;

  box-shadow: 0px 2px 7px 2px rgba(254,168,110,0.13);
  border-radius: 2px;
  }
  .resolve_modal .row6-lists:hover {
  background-color: #FFB279 ;
  }
  .resolve_modal .row6-lists:hover .row6-l {
  background: url("../images/modes/block_2.png")  no-repeat center;
  }
  .resolve_modal .row6-lists:hover h5,
  .resolve_modal  .row6-lists:hover p ,
  .resolve_modal .row6-lists:hover ul li {
  color: #fff;
  }
  .resolve_modal  .row6-lists:hover ul li i {
  border: 1.5px solid rgba(255,255,255,1);
  background-color: #FFB279;
  }
  .resolve_modal  .row6-l {
  text-align: center;
  height: 313px;
  background: url("../images/modes/block_1.png")  no-repeat center;
  }

  .resolve_modal .row6-r {
  position:relative;
  height: 313px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 90px;
  }
  .resolve_modal .row6-r ul li i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #FFFFFF;
  border: 1.5px solid rgba(255,152,83,1);
  border-radius: 50%;
  }
  .resolve_modal  .row6-r::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 57px;
  left: 0px;
  width: 3px;
  height: 228px;
  background: linear-gradient(0deg, rgba(247,247,247,0.00) 0%, #F7F7F7 55%, rgba(247,247,247,0.00) 100%);
  }
  .resolve_modal  .row6-r ul {
  margin: 0;
  max-height: 106px;
  overflow: hidden;
  }
  .resolve_modal  .row6-r ul li {
  padding-right: 80px;
  }
  .resolve_modal  .row6-r ul li img {
  vertical-align: baseline;
  }

  .resolve_modal .row7-title>div{
  font-size: 20px;
  color: #B2B2B2;
  letter-spacing: -1px;
  }
  .resolve_modal  .row7-title {
  padding: 50px 0;
  }
  .resolve_modal .row7-title span {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
  }
  .resolve_modal  .row7-con {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  }
  .resolve_modal .row7-con .row7-items {
  position: relative;
  width: 450px;
  height: 400px;
  margin-bottom: 40px;
  border: 2px solid rgba(204,204,204,1);
  }
  .resolve_modal  .row7-con .row7-items .numbers {
  font-size: 120px;
  line-height: 1;
  padding-left: 10px;
  font-weight: 700;
  color: #d8d8d8;
  clip-path: polygon(0% 0,143% 21%, 25% 119%,0 50%);
  }
  .resolve_modal .row7-con .row7-items .lines{
  width: 22px;
  height: 2px;
  margin: 75px 0 0 42px;
  background: #d8d8d8;
  }
  .resolve_modal .row7-con span {
  width: 450px;
  }
  .resolve_modal .row7-items h3 {
  font-size: 24px;
  padding:22px 45px;
  }
  .resolve_modal .row7-items .row7-txt {
    font-size: 16px;
    color: #808080;
    padding: 0 45px;
    height: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .resolve_modal .row7-items:hover {
  border-color: #FEA86E;
  }
  .resolve_modal .row7-items:hover .numbers{
  color: #FEA86E;
  }
  .resolve_modal .row7-items:hover .lines {
  background: #FEA86E;
  }

  .resolve_modal .row-8 {
  background-color: #f7f7f7;
  padding-top: 50px;
  }
  .resolve_modal .row8-title span{
  display: inline-block;
  position: relative;
  font-size: 26px;
  color: #333;
  padding-bottom: 10px;
  }

  .resolve_modal .featureSwiper {
  margin: 50px 0;
  width: 100%;
  overflow: hidden;
  }
  .resolve_modal .row8-con .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 264px;
  height: 400px;
  padding: 67px 24px;
  text-align: center;
  background: #fff;
  box-shadow: 0 6px 0px rgba(239,230,224,0.3);
  }
  .resolve_modal .row8-con .swiper-slide h3 {
  font-size: 26px;
  color: #333;
  padding: 18px 0;
  }
  .resolve_modal .row8-con .row8-img {
  width: 80px;
  height: 80px;
  background: url("../images/modes/trophy.png") no-repeat top center;
  background-size: 100% 100%;
  }
  .resolve_modal .row8-txt {
  font-size: 18px;
  color: #808080;
  text-align: left;
  }
  .resolve_modal  .row8-con .swiper-slide:hover {
  background: #FFB279;
  }
  .resolve_modal .row8-con .swiper-slide:hover h3 {
  color: white;
  }
  .resolve_modal .row8-con .swiper-slide:hover .row8-txt {
  color: white;
  }
  .resolve_modal .row8-con .swiper-slide:hover .row8-img {
  background: url("../images/modes/line_chart.png") no-repeat top center;
  background-size: 100% 100%;
  }
  .resolve_modal .row8-title  {
  width:100%;
  text-align:center;
  }

  .resolve_modal .row-9 {
  padding: 50px 0;
  }
  .resolve_modal .row9-title {
  font-size: 26px;
  color: #333;
  width: 100%;
  text-align: center;
  }
  .resolve_modal .row9-con {
  height: 492px;
  width: 100%;
  margin-top: 50px;
  box-shadow: 0px 0px 7px 3px rgba(254,168,110,0.24);
  padding: 50px 40px 40px;
  }
  .resolve_modal .row9-con h2 {
  font-size:24px;
  color: #333;
  padding-bottom: 40px;
  border-bottom: 2px solid rgba(51,51,51,0.13);
  }
  .resolve_modal  .row9-con .row9-txt{
  font-size: 24px;
  color: #666666;
  padding: 30px 80px 60px 0;
  }
  .resolve_modal  .row9-con .row9-txt p {
  margin-bottom:0;
  }
  .resolve_modal .row9-con .row9-img {
  margin-top: 30px;
  max-height: 238px;
  max-width: 425px;
  }
  .resolve_modal .row9-con .row9-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
  .resolve_modal .swiper-features {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  }
  .resolve_modal .swiper-features .swiper-slide {
  padding: 10px;
  }
  .resolve_modal .row9-title {
  text-align:center;
  width:100%;
  }
  .resolve_modal .pagination-features {
  position: absolute;
  bottom: 40px !important;
  left: 50% !important;
  transform: translateX(-50%);
  width:unset !important;
  }
  .resolve_modal .swiper-features .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background-color: #f7f7f7 !important;
  opacity: 1;
  }
  .resolve_modal .swiper-features .swiper-pagination-bullet-active {
  background: #FF9853 !important;
  width: 40px !important;
  height: 12px !important;
  border-radius: 8px !important;
  }

  .resolve_modal  .row10-title {
  font-size: 26px;
  color: #333;
  padding: 50px 0;
  width:100%;
  text-align:center;
  }
  .resolve_modal .row-10{
  background-color: #f7f7f7;
  }
  .resolve_modal .row10-con {
  padding: 168px 0;
  }
  .resolve_modal .row10-con  .floor-1 {
  display: flex;
  position: relative;
  justify-content: space-between;
  height: 336px;
  /*background-color: pink;*/
  margin: 0 168px;
  }
  .resolve_modal .floor-1-center {
  height: 336px;
  width: 336px;
  position: absolute;
  top:-168px;
  border-radius: 50%;
  left: 50%;
  background-color: #FFF8EC;
  transform: translateX(-50%);
  }
  .resolve_modal .floor1-l-mask {
  position: absolute;
  top: 30px;
  left: 348px;
  width: 8px;
  height: 90px;
  transform: rotate(70deg);
  background-color: #F8DECD;
  }
  .resolve_modal .floor1-r-mask {
  position: absolute;
  top: 30px;
  right: 348px;
  width: 8px;
  height: 90px;
  transform: rotate(-70deg);
  background-color: #F8DECD;
  }
  .resolve_modal  .floor2-l-mask {
  position: absolute;
  top: -53px;
  left: 194px;
  width: 8px;
  height: 90px;
  transform: rotate(37deg);
  background-color: #F8DECD;
  }
  .resolve_modal .floor2-r-mask {
  position: absolute;
  top: -53px;
  right: 194px;
  width: 8px;
  height: 90px;
  transform: rotate(-37deg);
  background-color: #F8DECD;
  }
  .resolve_modal .floor-1-left,
  .resolve_modal .floor-2-left,
  .resolve_modal .floor-1-right,
  .resolve_modal .floor-2-right,
  .resolve_modal .floor-1-center{
  height: 100%;
  width: 336px;
  overflow: hidden;
  padding: 40px 20px;
  text-align: center;
  border-radius: 50%;
  background: #FFF8EC;
  z-index: 60;
  }

  .resolve_modal .floor-1-left .row10-pic,
  .resolve_modal .floor-1-right .row10-pic,
  .resolve_modal .floor-2-left .row10-pic,
  .resolve_modal .floor-2-right .row10-pic,
  .resolve_modal .floor-1-center .row10-pic{
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("../images/modes/ami.png") no-repeat top center;
  background-size: 100% auto;
  }
  .resolve_modal .floor-1-left .row10-manger,
  .resolve_modal .floor-1-right .row10-manger,
  .resolve_modal .floor-2-left .row10-manger,
  .resolve_modal .floor-2-right .row10-manger,
  .resolve_modal .floor-1-center .row10-manger{
  margin-top: 5px;
  font-size: 24px;
  color: #333;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  /* margin-bottom: 0px; */
  }
  .resolve_modal .floor-1-left .row10-txt,
  .resolve_modal .floor-1-right .row10-txt,
  .resolve_modal .floor-2-left .row10-txt,
  .resolve_modal .floor-2-right .row10-txt,
  .resolve_modal .floor-1-center .row10-txt{
  margin: 0;
  line-height: 24px;
  font-size: 16px;
  color: #808080;
  }
  .resolve_modal .floor-1-left:hover,
  .resolve_modal .floor-1-right:hover,
  .resolve_modal .floor-2-left:hover,
  .resolve_modal .floor-2-right:hover,
  .resolve_modal .floor-1-center:hover
  {
  background-image: linear-gradient(180deg, #FF9147 0%, #FFC18F 100%);
  }
  .resolve_modal .floor-1-left:hover .row10-pic,
  .resolve_modal .floor-1-right:hover .row10-pic,
  .resolve_modal .floor-2-left:hover .row10-pic,
  .resolve_modal .floor-2-right:hover .row10-pic,
  .resolve_modal .floor-1-center:hover .row10-pic
  {
  background: url("../images/modes/aim.png") no-repeat top center;
  background-size: 100% auto;
  }
  .resolve_modal .floor-1-left:hover .row10-manger,
  .resolve_modal .floor-1-left:hover .row10-txt ,
  .resolve_modal .floor-1-right:hover .row10-manger,
  .resolve_modal .floor-1-right:hover .row10-txt ,
  .resolve_modal .floor-2-left:hover .row10-manger,
  .resolve_modal .floor-2-left:hover .row10-txt ,
  .resolve_modal .floor-2-right:hover .row10-manger,
  .resolve_modal .floor-2-right:hover .row10-txt ,
  .resolve_modal .floor-1-center:hover .row10-manger,
  .resolve_modal .floor-1-center:hover .row10-txt{
  color: white;
  }
  .resolve_modal .floor-1-right ,
  .resolve_modal .floor-2-right{
  height: 100%;
  width: 336px;
  text-align: center;
  border-radius: 50%;
  background: #FFF8EC;
  }
  .resolve_modal .floor-2-center {
  position: absolute;
  left: 31%;
  top: -40px;
  width: 748px;
  height: 486px;
  background: url("../images/modes/bg_4.png") no-repeat left center;
  background-size: cover !important;
  }
  .resolve_modal .row10-con .floor-2 {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 336px;
  /*background-color: skyblue;*/
  }

  .resolve_modal  .row-11{
  padding: 50px 0;
  }
  .resolve_modal .row11-title {font-size: 26px;color: #333;padding-bottom: 50px;width:100%;text-align:center;}
  .resolve_modal .row11-con {
  margin: 0;
  }

  .resolve_modal .row11-con li div {
  margin: 2px;
  padding: 30px 110px 62px 30px;
  background: url("../images/modes/zaozhi_1.png") no-repeat bottom right #f7f7f7;
  background-size: 120px auto;
  height: 188px;
  }
  .resolve_modal .row11-con li{
  margin-bottom: 30px;
  }
  .resolve_modal .row11-con li div h5 {
  font-size: 24px;
  }
  .resolve_modal .row11-con li div p {
  margin: 0;
  font-size: 18px;
  color: #808080;
  line-height: 26px;
  }
  .resolve_modal .row11-con li:hover div {
  background: url("../images/modes/zaozhi.png") no-repeat bottom right #FEA86E;
  background-size: 120px auto;
  }
  .resolve_modal .row11-con li:hover h5,
  .resolve_modal .row11-con li:hover p {
  color: #fff;
  }

  .resolve_modal .row-12{
  background-color: #f7f7f7;
  padding: 50px 0 0;
  }
  .resolve_modal .row12-title{
  font-size: 26px;
  color: #333;
  padding-bottom: 50px;
  width:100%;
  text-align:center;
  }
  .resolve_modal .row12-con {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  justify-content: space-between;
  }
  .resolve_modal .row12-con li {
  position: relative;
  width: 450px;
  height: 294px;
  text-align: center;
  overflow: hidden;
  background-color: #fff;
  background-image: linear-gradient(180deg, rgba(255,248,236,0.70) 1%, #FCFCFC 100%);
  box-shadow: inset -1px -1px 3px 0px rgba(255,255,255,1);box-shadow: inset 1px 1px 3px 0px rgba(255,255,255,1);box-shadow: 0px 8px 6px 0px rgba(235,235,235,1);
  border-radius: 30px;
  margin-bottom: 50px;
  }
  .resolve_modal .row12-con li img{
  width: 132px;
  height: 132px;
  margin-top: 49px;
  }
  .resolve_modal .row12-con li:hover .shade{
  top: 0;
  }
  .resolve_modal .row12-con li .row12-txt{
  font-size: 24px;
  color: #333;
  padding-top: 16px;
  }
  .resolve_modal  .row12-con li::after{
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  width: 125px;
  background: #FEA86E;
  border-radius: 2px 2px 0px 0px;
  }

  .resolve_modal .shade {
  /*visibility: hidden;*/
  position: absolute;
  left: 0;
  top: 294px;
  width: 100%;
  height: 100%;
  padding: 0 55px;
  text-align: center;
  background-color: #FFA05D;
  background-image:  url("../images/modes/ami.png");
  box-shadow: 0px 8px 6px 0px rgba(235,235,235,1);
  border-radius: 30px;
  background-size: 150px 150px;
  background-repeat: no-repeat;
  background-position: bottom right;
  transition: all 0.5s linear;
  }
  .resolve_modal .shade::after{
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  width: 125px;
  background: #fff;
  border-radius: 2px 2px 0px 0px;

  }
  .resolve_modal .shade h2{
  padding-top: 62px;
  font-size: 24px;
  color: white;
  }
  .resolve_modal  .shade p {
  margin: 0;
  color: white;
  font-size: 16px;
  z-index: 99;
  }

  .resolve_modal  .row-13{
  padding: 50px 0;
  }
  .resolve_modal .row13-title{
  width: 100%;
  text-align: center;
  }
  .resolve_modal  .row13-title>div {
  font-size: 26px;
  color: #333;
  }
  .resolve_modal .row13-title span{
  font-size: 20px;
  color: #B2B2B2;
  letter-spacing: -1px;
  }
  .resolve_modal  .swiper-version {
  width: 100%;
  overflow: hidden;
  }
  .resolve_modal .row13-txt{
  font-size: 24px;
  color: #808080;
  line-height: 40px;
  padding: 40px;
  text-indent: 2em;
  }
  .resolve_modal  swiper-version {
  position: relative;
  }
  .resolve_modal .pagination-versions {
  padding: 100px 0 50px;
  }
  .resolve_modal .swiper-version .swiper-pagination-bullet {
  background: #FF9853 !important;
  width: 186px !important;
  height: 4px !important;
  background: #B2B2B2 !important;
  border-radius: 2px 2px 0px 0px !important;
  margin: 0 15px;
  font-size: 28px;
  opacity: 1;
  text-align: center;
  position: relative;
  }
  .resolve_modal  .swiper-version .swiper-pagination-bullet a{
  display: inline-block;
  margin-top: -48px;
  color: #ccc;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  }
  .resolve_modal .swiper-version .swiper-pagination-bullet-active {
  background: #FF9853 !important;
  width: 186px !important;
  height: 4px !important;
  background: #FEA86E !important;
  border-radius: 2px 2px 0px 0px !important;
  margin: 0 15px;
  opacity: 1;
  font-size: 28px;
  text-align: center;
  position:relative;
  }
  .resolve_modal  .swiper-version .swiper-pagination-bullet-active a {
  display: inline-block;
  margin-top: -48px;
  color: #FEA86E;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  }

  .resolve_modal .row-15 {
  background: #F7F7F7;
  position: relative;
  }
  .resolve_modal .row-15 .modtitle {
  width: 100%;
  text-align: center;
  padding-top: 50px;
  }
  .resolve_modal  .row-15 .modtitle h5 {
  font-size: 26px;
  color: #333;
  }
  .resolve_modal .swiper-equipments {
  overflow:hidden;
  width: 100%;
  }
  .resolve_modal .swiper-equipments .swiper-slide a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 400px;
cursor: default;
  width: 264px;
  color: #333;
  background-color: #fff;
  
  padding: 40px 0;
  }
  .resolve_modal .swiper-equipments .swiper-slide a:hover {
  background: #FFB279;
  box-shadow: 0px 2px 13px 0px rgba(255,102,0,0.56);
  color: #FFFFFF;
  }
  .resolve_modal .swiper-equipments .swiper-slide a p {
  font-size: 24px;
  }
  .resolve_modal .swiper-equipments .swiper-slide a img {
  width: 80%;
  height: auto;
  }
  .resolve_modal  .swiper-equipments .swiper-wrapper {
  padding: 50px 0;
  }

  @media only screen and (max-width: 640px) {
    .resolve_modal .padding-15 {
  padding: 20px 15px 0;
  }
  .resolve_modal .padding15{
  padding: 0 15px;
  }
  /* .resolve_modal .row-6{
    padding: 0;
  } */
  .resolve_modal .row5-con {
    padding-bottom: 0px;
}
  .resolve_modal .business-pains,
  .resolve_modal .application,
  .resolve_modal .row5-title,
  .resolve_modal .row5-r h5,
  .resolve_modal .row6-r h5,
  .resolve_modal .row6-title,
  .resolve_modal .row8-title span,
  .resolve_modal .row9-title,
  .resolve_modal .row11-title,
  .resolve_modal .row12-title,
  .resolve_modal .row13-title>div,
  .resolve_modal .row7-title,
  .resolve_modal .row-15 .modtitle h5{
  font-size: 23px;
  }
  .resolve_modal .bussine-con li{
  width: 45vw;
  }
  .resolve_modal  .bussine-con p ,
  .resolve_modal .row8-con .swiper-slide h3,
  .resolve_modal .row11-con li div h5{
  font-size: 20px;
  }
  .resolve_modal .row7-items h3 {
  text-align: center;
  font-size: 16px;
  padding: 15px;
  }
  .resolve_modal  .advant-txt>div {
  font-size: 14px;
  }
  .resolve_modal .application-con .app-txt {
  top: 42%;
  left: 35%;
  }
  .resolve_modal .row-2 {
  margin-top: 15px;
  }
  .resolve_modal .apply-swiper .apply-txt{
  top: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  }
  .resolve_modal .apply-swiper .apply-txt h3,
  .resolve_modal .row12-con li .row12-txt,
  .resolve_modal .row13-title span{
  font-size: 16px;
  }
  .resolve_modal .apply-swiper .apply-txt h3::before {
  bottom: -8px;
  }
  .resolve_modal .apply-swiper .apply-txt p {
  font-size: 14px;
  margin-bottom: 0;
  padding: 13px 0 11px;
  }
  .resolve_modal .advantage-con .advant-img {
  height: 100px;
  }
  .resolve_modal .apply-title div, .advantage-title div {
  font-size: 23px;
  }
  .resolve_modal .bussine-con div:last-child,
  .resolve_modal .advant-txt h5,
  .resolve_modal .shortDesc,
  .resolve_modal .apply-title p,
  .resolve_modal .advantage-title p,
  .resolve_modal .row5-r ul li,
  .resolve_modal .row5-r p,
  .resolve_modal .row6-r p,
  .resolve_modal .row8-txt{
  font-size: 16px;
  }
  .resolve_modal .row7-items .row7-txt {
  font-size: 14px;
  padding: 10px 15px;
  text-align: center;
  }
  .resolve_modal .row6-r ul li {
  font-size: 15px;
  }
  .resolve_modal .advant-txt {
  padding: 15px;
  height: 170px;
  }
  .resolve_modal .row5-r {
  padding-top: 0;
  }
  .resolve_modal  .row5-title::before {
  top:1px;
  }
  .resolve_modal .row6-r p {
  margin: 0;
  }
  .resolve_modal  .row6-l {
  padding: 0;
  }
  .resolve_modal .swiper-equipments .swiper-slide a p {
  font-size: 23px;
  }
  .resolve_modal  .row6-r {
  padding-left: 15px;
  }
  .resolve_modal  .row6-title span::after {
  left: 20px;
  width: 53px;
  }
  .resolve_modal .row6-l img {
  width: 120px;
  height: auto;
  }
  .resolve_modal .row8-con .row8-img {
  width: 80px;
  height: 80px;
  }
  .resolve_modal .row8-con ul li {
  width: 48%  ;
  margin-top: 18px;
  padding: 15px;
  }
  .resolve_modal .row-15 modtitle>div {
  font-size: 16px;
  }
  .resolve_modal .row8-con ul {
  margin-top: 0;
  }
  .resolve_modal  .row8-txt {
  text-align: center;
  }
  .resolve_modal .row9-con .row9-txt{
  padding: 0;
  font-size: 16px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp:7;
  -webkit-box-orient: vertical;
  }
  .resolve_modal .row9-con h2 {
  font-size: 20px;
  padding-bottom: 20px;
  text-align: center;
  }
  .resolve_modal  .row9-con .row9-img img{
  width: 80%;
  height: 80%;
  }
  .resolve_modal .row9-con .row9-img {
  text-align: center;
  }
  .resolve_modal .swiper-features .swiper-pagination-bullet{
  width: 10px !important;
  height: 10px !important;
  }
  .resolve_modal .swiper-features .swiper-pagination-bullet-active {
  width: 28px!important;
  height: 10px !important;
  }
  .resolve_modal .row11-con li div{
  padding: 15px;
  background-size:38% auto;
  }
  .resolve_modal .row11-con li div p {
  font-size: 14px;
  }
  .resolve_modal .row12-con li img {
  width: 80px;
  height: 80px;
  }
  .resolve_modal .row12-con li {
  width: 48%;
  height: 235px;
  }
  .resolve_modal .shade h2 {
  padding-top: 5px;
  font-size: 20px;
  }
  .resolve_modal .shade {
  padding: 5px;
  }
  .resolve_modal .shade p {
  font-size: 13px;
  }
  .resolve_modal  .row12-con li {
  margin-bottom: 20px;
  }
  .resolve_modal .pagination-versions{
  padding: 36px 0;
  }
  .resolve_modal .business-pains,
  .resolve_modal .application {
  margin-bottom: 15px;
  }
  .resolve_modal  .swiper-version .swiper-pagination-bullet {
  background: #FF9853 !important;
  width: 70px !important;
  height: 3px !important;
  background: #B2B2B2 !important;
  border-radius: 2px 2px 0px 0px !important;
  margin: 0 16px;
  font-size: 16px;
  opacity: 1;
  text-align: center;
  position:relative;
  }
  .resolve_modal .swiper-version .swiper-pagination-bullet a{
  display: inline-block;
  margin-top: -30px;
  color: #ccc;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  }
  .resolve_modal  .swiper-version .swiper-pagination-bullet-active {
  background: #FF9853 !important;
  width: 70px !important;
  height: 3px !important;
  background: #FEA86E !important;
  border-radius: 2px 2px 0px 0px !important;
  margin: 0 16px;
  font-size: 16px;
  opacity: 1;
  text-align: center;
  width:50px;
  }
  .resolve_modal .swiper-version .swiper-pagination-bullet-active a {
  display: inline-block;
  margin-top: -30px;
  color: #FEA86E;
  }
  .resolve_modal .row13-txt{
  padding: 15px;
  font-size: 16px;
  }
  .resolve_modal .row7-con .row7-items span img {
  width: 120px;
  height: auto;
  }
  .resolve_modal  .row7-con {
  padding: 15px;
  }
  .resolve_modal .row7-con .row7-items {
  width: 48%;
  height: auto;
  }
  .resolve_modal  .row7-con span {
  width: 325px;
  }
  .resolve_modal  .swiper-button-prev:after{
  font-size: 20px;
  margin-left: 6px;
  }
  .resolve_modal .swiper-button-next:after {
  font-size: 20px;
  margin-right: 6px;
  }
  .resolve_modal .hurtSwiper .swiper-button-prev::before,
  .resolve_modal .hurtSwiper .swiper-button-next::before,
  .resolve_modal .application-Swiper .swiper-button-next:before,
  .resolve_modal .application-Swiper .swiper-button-prev::before ,
  .resolve_modal .advantage-Swiper .swiper-button-next:before,
  .resolve_modal  .advantage-Swiper .swiper-button-prev::before ,
  .resolve_modal  .featureSwiper .swiper-button-next:before,
  .resolve_modal  .featureSwiper .swiper-button-prev::before,
  .resolve_modal .swiper-equipments .swiper-button-next:before,
  .resolve_modal .swiper-equipments .swiper-button-prev::before{
  width: 40px;
  height: 40px;
  }
  .resolve_modal .hurtSwiper .swiper-button-prev::before,
  .resolve_modal .application-Swiper .swiper-button-prev::before,
  .resolve_modal .advantage-Swiper .swiper-button-prev::before,
  .resolve_modal .featureSwiper .swiper-button-prev::before,
  .resolve_modal .swiper-equipments .swiper-button-prev::before
  {
  left: -3px;
  }
  .resolve_modal .hurtSwiper .swiper-button-next::before,
  .resolve_modal .application-Swiper .swiper-button-next::before,
  .resolve_modal .advantage-Swiper .swiper-button-next::before,
  .resolve_modal .featureSwiper .swiper-button-next::before,
  .resolve_modal .swiper-equipments .swiper-button-next::before
  {
  right: -3px;
  }

  .resolve_modal .application-Swiper .swiper-button-next,
  .resolve_modal .application-Swiper .swiper-button-prev,
  .resolve_modal .hurtSwiper  .swiper-button-next,
  .resolve_modal .hurtSwiper  .swiper-button-prev{
  top: 49% !important;
  }
  .resolve_modal .row8-con .swiper-slide {
  height: 280px;
  padding: 20px;
  }
  .resolve_modal .hurtSwiper ,
  .resolve_modal .application-Swiper,
  .resolve_modal .featureSwiper{
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  }
  .resolve_modal .row7-con .row7-items .numbers {
  font-size: 65px;
  }
  .resolve_modal .swiper-equipments .swiper-slide a {
  margin-left: auto;
  margin-right: auto;
  }
  .resolve_modal  .swiper-equipments .swiper-slide a img {
  width: 60%;
  }
  }

  @media only screen and (min-width: 640px) and (max-width: 1024px) {
    .resolve_modal .apply-swiper .apply-txt{
  top: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  }
  .resolve_modal .advantage-con .advant-img {
  height: 200px;
  }
  .resolve_modal .row8-con ul li {
  margin-top: 18px;
  }
  }
  .resolve_modal .row-4,.row-2,.row-8 {
  position: relative;
  }

  .resolve_modal  .main_header {
  text-align: center;
  }
  .resolve_modal .main_header .ar_header {
  font-weight: bold;
  font-size: 26px;
  padding: 20px 0;
  }
  .resolve_modal .main_header .content_title {
  writing-mode: tb-rl;
  }
  .resolve_modal .main_header .content {
  white-space: nowrap;
  }
  .resolve_modal .main_header .content>div {
  display: inline-block;
  }
  .resolve_modal .main_header .content .content_title {
  background: #FFB683;
  padding: 40px 20px;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 4px;
  }
  .resolve_modal .main_header .content .content_desc {
  width: calc(100% - 67px);
  background: #FFFAF7;
  padding: 20px;
  text-indent: 2em;
  height: 168px;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  }
  .resolve_modal .titleColor {
  font-size: 20px;
  color: #b2b2b2;
   font-weight:400;
  }

/* 产品中心模块区域 */
/*产品概述--01*/
.pro-1-con {
  padding: 30px 0 70px 0;
}
li {
  list-style: none;
}
.oveHid {
  overflow: hidden;
}
.row {
  margin: 0 auto !important;
  max-width: 1440px !important;
  width: 100%;
}
.pro-1-l h3 {
  font-size: 30px;
  padding-top: 30px;
  margin-bottom: 0;
}
.pro-1-l span {
  color: #808080;
}
.pro-1-l p {
  padding-top: 40px;
  font-size: 24px;
  text-align: justify;
  color: #808080;
  font-family: SourceHanSansCN-Regular;
  line-height: 36px;
  font-weight: 300;
}
.pro-1-r {
  padding: 30px 40px;
}

/*产品概述--02*/
.pro-2-title {
  width: 100%;
  text-align: center;
}
.pro-2-title h3 {
  font-size: 30px;
  margin-bottom: 0;
}
.pro-2-title span {
  color: #808080;
}
.pro-2-con {
width: 100%;
    height: auto;
    margin: 0px 0 50px 0;
    padding: 30px 44px 30px 46px;
    background-color: #F7F7F5;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-indent: 2em;
}
/*产品概述--03*/
.tablist-3 {
  display: flex;
  justify-content: center;
  margin: 40px 0 0;
  border-bottom: 2px solid #f7f7f7;
}
.tablist-3 li {
  padding: 10px 50px;
  font-family: SourceHanSansCN-Regular;
  font-size: 24px;
  color: #808080;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
}
.tablist-3 .on {
  color: #fea86e;
  position: relative;
  font-size: 25px;
  font-weight: 700;
}
.tablist-3 .on::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 56px;
  height: 3px;
  background: #fea86e;
  border-radius: 2px 2px 0px 0px;
}
.pro3 {
  padding: 50px 0px;
}
.pro3 .pro3-left {
  color: #333;
  line-height: 32px;
}
.pro3 .pro3-left h3 {
  font-size: 24px;
  padding-bottom: 30px;
}
.pro3 .pro3-left h5 {
  font-size: 18px;
}
.pro3 .pro3-left p {
  font-size: 18px;
  color: #999999;
}
.pro3-right {
  overflow: hidden;
  padding: 0 25px;
}

/*数据存证 ---04*/
.pro-4-con {
  margin: 50px 0;
}
.row4-l {
  padding: 10px 30px;
}
.row4-r {
  padding: 20px 20px 40px;
}
.row4-r h3 {
  padding: 54px 0 20px 0;
  position: relative;
  font-size: 36px;
}
.row4-r h3::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 52px;
  height: 3px;
  background: #fea86e;
  border-radius: 2px;
}
.pro-padding {
  padding: 10px 30px 10px;
}
.row4-r p {
  font-size: 20px;
  color: #999;
  padding-top: 37px;
  padding-bottom: 60px;
  line-height: 30px;
}
.row4-r .applyBtn {
  width: 120px;
  height: 44px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #ff9853;
  border-radius: 4px;
  line-height: 44px;
  pointer-events: auto;
  cursor: pointer;
}

/*系统优势--06*/
.row-6 {
  padding: 50px 0;
  background-color: #f7f7f7;
}
.pro-6-title {
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
}
.pro-6-title h3 {
  font-size: 30px;
  color: #333;
}
.pro-6-title span {
  font-size: 20px;
  color: #808080;
}
.pro-6-con {
  display: flex;
  padding: 50px 0;
}
.pro-6-con .pro6-left {
  width: 200px;
}
.pro-6-con .pro6-right {
  flex: 1;
}
.data_pro6_title ul {
  margin: 0;
}
.pro6-left ul {
  margin: 0;
}
.pro6-left ul li {
  padding: 20px;
  font-size: 24px;
  color: #666;
  cursor: pointer;
}
.pro6-left ul .on {
  position: relative;
  color: #fea86e;
}
.pro6-left ul .on::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 20px;
  background: #fea86e;
  border-radius: 2px 2px 0px 0px;
}

/*系统优势--07*/
.row-7 {
  padding: 50px 0;
}
.pro7-left {
  margin: 0;
}
.pro7-left li {
  font-size: 24px;
  color: #808080;
  padding: 20px 30px;
  margin-bottom: 20px;
  cursor: pointer;
}
.pro7-left li p {
  display: none;
  margin-bottom: 0;
}
.pro7-left .on .pro7-txt {
  display: block;
}
.pro7-left .on {
  position: relative;
  color: #fea86e;
  box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.16);
  border-radius: 8px;
}
.pro7-left .on p {
  font-size: 14px;
  color: #808080;
}
.pro7-left .on::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 90px;
  background: #fea86e;
  border-radius: 0px 100px 100px 0px;
  transform: translateY(-50%);
}
.pro7-right {
  padding: 10px 30px;
}
/*更多功能--08*/
.row-8 {
  padding: 50px 0 !important;
}
.pro-8-title {
  width: 100%;
  text-align: center;
}
.pro-8-title h3 {
  font-size: 30px;
  color: #333;
  margin-bottom: 0;
}
.pro-8-title span {
  color: #808080;
}
.pro-8-con {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.item-double {
  width: 654px;
  /*height: 200px;*/
  background: url("../images/modes/setting.png") no-repeat top right #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.16);
  opacity: 1;
  border-radius: 16px;
  margin-bottom: 50px;
}
.item-double:hover {
  background-color: #ffb279;
  background-image: url("../images/modes/setting_1.png");
}
.item-double:hover .bg-orange {
  background: rgba(255, 255, 255, 0.16);
}
.item-double:hover h5 {
  color: #fff;
}
.item-double:hover .bg-orange li {
  color: #fff;
  background: #ff9853;
}
.item-double h5,
.item-single h5 {
  font-size: 24px;
  color: #333;
  padding: 27px;
}
.item-double ul,
.item-single ul {
  margin: 0;
  background: #fbfbfb;
  padding: 16px 27px 10px;
}
.item-double ul li,
.item-single ul li {
  float: left;
  box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.16);
  border-radius: 2px;
  margin-bottom: 12px;
  padding: 10px 15px;
  margin-right: 24px;
}
.item-single {
  width: 882px;
  background: url("../images/modes/number_5.png") no-repeat top right #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.16);
  border-radius: 16px;
  padding: 28px;
  margin-bottom: 50px;
}

/*更多功能--9 */
.row-9 {
  position: relative;
}
.pro-9-con {
  margin-top: 50px;
}
.functionSwiper_1 {
  overflow: hidden;
  width: 100%;
}
.functionSwiper_1 .swiper-slide {
  width: 336px;
}

.functionSwiper_1 .swiper-button-next,
.functionSwiper_1 .swiper-button-prev,
.functionSwiper_2 .swiper-button-next,
.functionSwiper_2 .swiper-button-prev {
  top: 59% !important;
  color: #fff;
}
/*轮播图公共部分*/
.functionSwiper_1 .swiper-button-next::before,
.functionSwiper_1 .swiper-button-prev::before,
.functionSwiper_2 .swiper-button-next::before,
.functionSwiper_2 .swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #333333;
  opacity: 0.23;
  z-index: -1;
}

/*轮播图公共部分*/
.functionSwiper_1 .swiper-button-prev::before,
.functionSwiper_2 .swiper-button-prev::before {
  left: -43px;
}
.functionSwiper_1 .swiper-button-next::before,
.functionSwiper_2 .swiper-button-next::before {
  right: -43px;
}
.box-documents {
  margin-bottom: 50px;
  padding: 30px;
  height: inherit;
  width: inherit;
  box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.18);
  background-color: #fff;
}
.box-documents:hover {
  background: #ffb279;
}
.box-documents:hover ul li:before {
  background-color: #ffffff;
}
.box-documents:hover h3,
.box-documents:hover ul li {
  color: #fff;
  border-bottom-color: #ffffff;
}
.box-documents:hover ul {
  background: url("../images/modes/aimbeifen.png") no-repeat bottom right;
  background-size: 112px 112px;
}
.box-documents h3 {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  padding-bottom: 20px;
  border-bottom: 1px solid #fea86e;
}
.box-documents ul {
  margin: 34px 0 0 0;
  height: 147px;
  background: url("../images/modes/ddd.png") no-repeat bottom right;
  background-size: 112px 112px;
overflow:hidden;
}
.box-documents ul li {
  position: relative;
  font-size: 18px;
  color: #808080;
  padding: 4px 0 4px 20px;
}
.box-documents ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #fea86e;
}
/*更多功能--10 */
.row-10 {
  position: relative;
}
.pro-9-con .document-items {
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.16);
  border-radius: 0px 0px 56.67px 0px;
  padding: 30px;
  margin-bottom: 50px;
  height: 355px;
}
.functionSwiper_2 {
  overflow: hidden;
  width: 100%;
  padding: 0 3px;
}
.functionSwiper_2 .swiper-slide {
  width: 340px;
  /*margin-right: 25px;*/
}
.document-items-img {
  width: 80px;
  height: 80px;
  background: url("../images/modes/ami.png") no-repeat;
  margin: 34px 0;
  background-size: 80px 80px;
}

.pro-9-con .document-items h5 {
  font-size: 24px;
  color: #333;
}
.pro-9-con .document-items p {
 font-size: 18px;
    color: #808080;
    height: 86px;
    overflow: hidden;
}
.document-items .mask-top {
  position: absolute;
  top: 0;
  right: 16px;
  width: 180px;
  height: 6px;
  background: #fea86e;
  border-radius: 0px 0px 0px 100px;
}
.columns:last-child {
  float: left !important;
}
.pro-9-con .document-items:hover {
  background: #ffb279;
}
.pro-9-con .document-items:hover .document-items-img {
  background: url("../images/modes/aim.png") no-repeat;
  background-size: 80px 80px;
}
.pro-9-con .document-items:hover h5,
.pro-9-con .document-items:hover p {
  color: white;
}
.pro-9-con .document-items:hover .mask-top {
  background: #ffc8a3;
}

/*更多功能 --11*/
.pro-11-con {
  margin: 50px 0;
}
.pro-11-con .func-lists {
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.16);
  background: url("../images/modes/zaozhi_2.png") no-repeat 100% 36% #ffffff;
  margin-bottom: 20px;
  overflow: hidden;
}
.pro-11-con .func-lists:hover {
  background: url("../images/modes/zaozhi.png") no-repeat 100% 30% #ffb279;
}
.pro-11-con .func-lists:hover h5,
.pro-11-con .func-lists:hover p {
  color: white;
}
.pro-11-con .func-lists:hover h5::before {
  background: #ffc8a3;
}
.func-lists h5 {
  position: relative;
  font-size: 24px;
  color: #333;
  font-weight: 500;
  padding: 30px 30px 25px;
  border-bottom: 1px solid #f7f7f7;
}
.func-lists h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 24px;
  background: #fea86e;
  border-radius: 0px 100px 100px 0px;
}
.func-lists p {
  font-size: 18px;
  color: #808080;
  margin: 20px;
  height: 200px;
  overflow: hidden;
}
.pro-11-con .columns {
  float: left !important;
}

@media only screen and (max-width: 640px) {
  /*字体小屏23像素*/
  .pro-1-l h3,
  .pro-2-title h3,
  .row4-r h3,
  .pro-8-title h3 {
    font-size: 23px;
  }
  /*字体小屏14像素*/
  .pro-1-l span,
  .pro-2-title span,
  .pro-8-title span,
  .item-double ul li,
  .item-single ul li,
  .pro3 .pro3-left p,
  .pro3 .pro3-left h5 {
    font-size: 14px;
  }
  /*字体小屏16像素*/
  .pro-1-l p,
  .row4-r p,
  .pro-2-con,
  .box-documents ul li,
  .pro-9-con .document-items p,
  .func-lists p,
  .pro3 .pro3-left h3,
  .pro-6-title span,
  .pro6-left ul li {
    font-size: 16px;
  }
  .pro-9-con .document-items{
    height: 300px;
  }
  .pro-8-con{
    padding: 0 10px;
  }
  .func-lists p{
    padding: 0;
  }
  .resolve_modal .row-9{
    padding: 0;
  }
  .pro-2-con {
    margin-top: 10px;
    padding: 15px;
  }
  .item-double ul li, .item-single ul li{
    margin-right: 14px;
  }
  .row4-r h3,
  .row4-r p {
    padding: 0;
  }
  .row4-r .applyBtn {
    height: 30px;
    line-height: 30px;
    width: 65px;
    font-size: 14px;
  }
  .item-double h5,
  .item-single h5,
  .box-documents h3,
  .pro-9-con .document-items h5,
  .pro7-left li > span {
    font-size: 20px;
  }
  .item-double,
  .item-single {
    margin-bottom: 15px;
  }
  .box-documents,
  .pro-9-con .document-items,
  .func-lists h5 {
    padding: 15px;
  }
  .document-items .mask-top {
    width: 80px;
  }
  .document-items-img {
    margin: 8px 0;
  }
  .pro-11-con .func-lists {
    background-position: bottom right;
    background-size: 60%;
  }
  .func-lists h5 {
    font-size: 18px;
  }
  .tablist-3 li {
    padding: 10px 9px;
    font-size: 18px!important;
  }
  .pro3 {
    padding: 30px 0px;
  }
  .pro-6-con .pro6-left {
    width: 106px;
  }
  .pro-6-title h3 {
    font-size: 20px;
    padding-top: 40px;
  }
  .pro-6-con {
    padding: 10px 5px;
  }
  .pro6-left ul li {
    padding: 10px 20px;
  }
  .pro7-left li {
    padding: 10px;
    margin-bottom: 0;
  }
  .swiper-button-prev:after {
    font-size: 20px;
    margin-left: 6px;
  }
  .swiper-button-next:after {
    font-size: 20px;
    margin-right: 6px;
  }
  .functionSwiper_1 .swiper-button-next:before,
  .functionSwiper_1 .swiper-button-prev::before,
  .functionSwiper_2 .swiper-button-next:before,
  .functionSwiper_2 .swiper-button-prev::before {
    width: 40px;
    height: 40px;
  }
  .functionSwiper_1 .swiper-button-prev::before,
  .functionSwiper_2 .swiper-button-prev::before {
    left: -3px;
  }

  .functionSwiper_1 .swiper-button-next::before,
  .functionSwiper_2 .swiper-button-next::before {
    right: -3px;
  }
  .functionSwiper_1,
  .functionSwiper_2 {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 640px) and (max-width: 1024px) {
}