.case-content {
  margin:0 auto;
  max-width:100%;
  width:100%;
  position:relative;
  font-family:Microsoft Yahei, Arial, sans-serif;
}
.case-content *{
  font-family:Microsoft Yahei, Arial, sans-serif;
}
.wrap-box{
  width: calc(var(--wpx)*1400);
  margin: 0 auto;
  font-family:Microsoft Yahei, Arial, sans-serif;
}
.case-content .case-page-title{
  font-size: calc(var(--wpx)*36);
  font-weight: bold;
  line-height: 150%;
  text-align: center;
  color: #2A2B2E;
  position: relative;
  padding-top: calc(var(--wpx)*100);
  margin: 0 auto calc(var(--wpx)*62) auto;
  font-family:Microsoft Yahei, Arial, sans-serif;
}
.case-content .case-page-title:before{
  content: "";
  position: absolute;
  width: calc(var(--wpx)*44);
  height: calc(var(--wpx)*6);
  background: #E60039;
  left: 50%;
  margin-left: calc(var(--wpx)* -22);
  bottom: calc(var(--wpx)* -16);
}
.show-pc{
  display: block;
}
.show-mobile{
  display: none;
}
.case-banner{
  border-bottom-right-radius: calc(var(--wpx)* 100);
  overflow: hidden;
  position: relative;
}
.case-banner img{
  display: block;
  width: 100%;
  height: auto;
}
.case-banner .banner-word{
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(1, 65, 130, 0) 0%, rgba(1, 65, 130, 0) 20%, rgba(1, 65, 130, 0.85) 65%);
  color: #fff;
  display: flex;
  align-items: center;
  font-family:Microsoft Yahei, Arial, sans-serif;
}
.case-banner .wrap-box{
  width: calc(var(--wpx)* 700);
  margin-left: calc((100% - var(--wpx)* 1400) / 2);
}
.case-banner .banner-word .word-tit{
  font-size: calc(var(--wpx)* 48);
  font-family:Microsoft Yahei, Arial, sans-serif;
  font-weight: bold;
  line-height: 150%;
}
.case-banner .banner-word .word-sub-tit{
  font-size: calc(var(--wpx)* 28);
  font-family:Microsoft Yahei, Arial, sans-serif;
  font-weight: bold;
  line-height: 150%;
}
.case-banner .banner-word .word-des{
  margin-top: calc(var(--wpx)* 24);
  font-size: calc(var(--wpx)* 16);
  line-height: 150%;
  font-family:Microsoft Yahei, Arial, sans-serif;
}
.case-banner .banner-word .word-btn{
  width: calc(var(--wpx)* 128) ;
  height: calc(var(--wpx)* 46);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E60039;
  color: #fff;
  font-size: calc(var(--wpx)* 16);
  margin-top: calc(var(--wpx)* 66);
  border-radius: calc(var(--wpx)* 5);
  font-family:Microsoft Yahei, Arial, sans-serif;
}

.page1-cont{
  position: relative;
  width: calc(var(--wpx)* 960);
  margin: 0 auto;
  border-radius: calc(var(--wpx)* 10);
  overflow: hidden;
}
.page1-cont .cont-video img,
.page1-cont .cont-video video{
  display: block;
  width: 100%;
}
.page1-cont .video-play{
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page1-cont .video-play img{
  width: calc(var(--wpx)* 86);
  display: block;
  cursor: pointer;
}

.case-page2 .cont-txt{
  font-size: calc(var(--wpx)* 20);
  font-family:Microsoft Yahei, Arial, sans-serif;
  line-height: 150%;
  color: #6A6B6D;
  margin-bottom: calc(var(--wpx)* 15);
}

.case-page3 .page3-flex{
  display: flex;
}
.case-page3 .page3-flex .page3-flex-item{
  padding: calc(var(--wpx)* 21);
  background: #F7F9FA;
  box-sizing: border-box;
  margin: 0 calc(var(--wpx)* 12);
  flex: 1;
  border-bottom: calc(var(--wpx)* 1) solid #E60039;
  position: relative;
}
.case-page3 .page3-flex .page3-flex-item .item-tit{
  font-size: calc(var(--wpx)* 20);
  font-family:Microsoft Yahei, Arial, sans-serif;
  font-weight: bold;
  line-height: 150%;
  color: #2A2B2E;
  margin-bottom: calc(var(--wpx)* 16);
}
.case-page3 .page3-flex .page3-flex-item .item-des{
  font-size: calc(var(--wpx)* 16);
  font-family:Microsoft Yahei, Arial, sans-serif;
  line-height: 150%;
  color: #6A6B6D;
}
.case-page3 .item-tooltip,
.case-page4 .item-tooltip{
  position: absolute;
  z-index: 4;
  background: #fff;
  color: #333;
  font-size: 12px;
  font-family:Microsoft Yahei, Arial, sans-serif;
  padding: 5px 10px;
  min-width: 100px;
  max-width: 100%;
  display: none;
  box-shadow: 0 1px 2px #333;
}
.page4-cont{
  display: flex;
  justify-content: space-between;
}
.page4-cont .cont-img,
.page4-cont .cont-word{
  min-width: calc(var(--wpx)* 688);
  max-width: calc(var(--wpx)* 688);
  /*  flex: 1;*/
  /*  margin: 0 calc(var(--wpx)* 12);*/
  position: relative;
}
.page4-cont .cont-img{
  overflow: hidden;
  min-height: calc(var(--wpx)* 387);
  border-radius: calc(var(--wpx)* 12);
}
.page4-cont .cont-img img{
  position: absolute;
  display: block;
  height: auto;
  width: 100%;
  min-height: calc(var(--wpx)* 387);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.page4-cont .cont-word{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page4-cont .word-item{
  flex: 1;
  width: 100%;
  padding: calc(var(--wpx)* 15) calc(var(--wpx)* 23);
  background: #F1F3F5;
  margin: calc(var(--wpx)* 8) auto;
  border-left: calc(var(--wpx)* 3) solid #E60039;
  position: relative;
  display: flex;
  align-items: center;
}
.page4-cont .word-item:first-child{
  margin-top: 0;
}
.page4-cont .word-item:last-child{
  margin-bottom: 0;
}
.page4-cont .word-item .item-tit{
  font-size: calc(var(--wpx)* 20);
  font-family:Microsoft Yahei, Arial, sans-serif;
  font-weight: bold;
  line-height: 150%;
  color: #2A2B2E;
  margin-bottom: calc(var(--wpx)* 8);
}
.page4-cont .word-item .item-des{
  font-size: calc(var(--wpx)* 16);
  font-family:Microsoft Yahei, Arial, sans-serif;
  line-height: 150%;
  color: #6A6B6D;
}
.case-contact{
  width: 100%;
  height: calc(var(--wpx)* 120);
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(/al/202408/3/RJ-img/contact-bg.webp) no-repeat center center, linear-gradient(90deg, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0.3) 100%), #FAFBFC;
  background-size: 100% 100%;
  margin-top: calc(var(--wpx)* 32);
  font-size: calc(var(--wpx)* 18);
  font-family:Microsoft Yahei, Arial, sans-serif;
  color: #2A2B2E;
}
.case-contact .contact-btn{
  background: #E60039;
  width: calc(var(--wpx)* 192);
  height: calc(var(--wpx)* 48);
  color: #fff;
  font-size: calc(var(--wpx)* 18);
  font-family:Microsoft Yahei, Arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--wpx)* 5);
  margin-left: calc(var(--wpx)* 46);
}
.page5-flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page5-flex .flex-item{
  width: calc(50% - var(--wpx)* 12);
  margin: calc(var(--wpx)* 12) 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: calc(var(--wpx)* 23);
  background: #F7F9FA;
}
.page5-flex .flex-item .item-img img{
  width: calc(var(--wpx)* 90) ;
}
.page5-flex .flex-item .item-cont{
  margin-left: calc(var(--wpx)* 16);
}
.page5-flex .flex-item .item-tit{
  font-size: calc(var(--wpx)* 20);
  font-family:Microsoft Yahei, Arial, sans-serif;
  font-weight: bold;
  line-height: 150%;
  color: #2A2B2E;
  margin-bottom: calc(var(--wpx)* 16);
}
.page5-flex .flex-item .item-des{
  font-size: calc(var(--wpx)* 16);
  font-family:Microsoft Yahei, Arial, sans-serif;
  font-weight: normal;
  line-height: 150%;
  color: #6A6B6D;
}
.page6-flex{
  display: flex;
  justify-content: space-between;
}
.case-page6 .flex-item{
  width: calc(var(--wpx)* 332);
  padding: calc(var(--wpx)* 24);
  background: #F7F9FA;
  box-sizing: border-box;
  text-align: center;
  display: block;
}
.case-page6 .flex-item:hover .item-tit{
  color: #E60039;
}
.case-page6 .flex-item .item-img{
  padding: 0 calc(var(--wpx)* 18);
}
.case-page6 .flex-item img{
  width: 100%;
}
.case-page6 .flex-item .item-tit{
  font-size: calc(var(--wpx)* 18);
  font-family:Microsoft Yahei, Arial, sans-serif;
  font-weight: bold;
  color: #2A2B2E;
  margin-bottom: calc(var(--wpx)* 12);
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
}
.case-page6 .flex-item .item-des{
  font-size: calc(var(--wpx)* 16);
  font-family:Microsoft Yahei, Arial, sans-serif;
  line-height: 150%;
  color: #6A6B6D;
  height: calc(var(--wpx)* 48);
}
.case-page6 .flex-item .item-link{
  font-size: calc(var(--wpx)* 16);
  font-family:Microsoft Yahei, Arial, sans-serif;
  line-height: 150%;
  color: #E60039;
  margin: calc(var(--wpx)* 21) auto calc(var(--wpx)* 5) auto;
  display: block;
  text-align: center;
}
.case-consult{
  margin-top: calc(var(--wpx)* 100);
  height: calc(var(--wpx)* 220);
  width: 100%;
  background: url(/al/202408/3/RJ-img/consult-bg.webp) no-repeat center center;
  background-size: 100% 100%;
}
.case-consult .wrap-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.case-consult .wrap-box .consult-cont{
  display: flex;
  align-items: center;
  font-size: calc(var(--wpx)* 30);
  font-family:Microsoft Yahei, Arial, sans-serif;
  font-weight: bold;
  line-height: 150%;
  color: #2A2B2E;
  margin-left: calc(var(--wpx)* 24);
}
.consult-cont img{
  height: calc(var(--wpx)* 220);
  display: block;
}
.consult-btn{
  display: flex;
}
.case-consult .wrap-box .item-link{
  width: calc(var(--wpx)* 200);
  height: calc(var(--wpx)* 46);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--wpx)* 5);
  border: calc(var(--wpx)* 1) solid #E10032;
  font-size: calc(var(--wpx)* 16);
  font-family:Microsoft Yahei, Arial, sans-serif;
  color: #fff;
  background: #E10032;
  margin-left: calc(var(--wpx)* 30);
}
.case-consult .wrap-box .item-link.bg{
  color: #E10032;
  background: #fff;
}
.consult-cont-mobile{
  display: none;
}
.case-contact .contact-btn:hover,
.case-banner .banner-word .word-btn:hover,
.case-consult .wrap-box .item-link:hover{
  background: #F23E5E;
}
.case-contact .contact-btn:active,
.case-banner .banner-word .word-btn:active,
.case-consult .wrap-box .item-link:active {
  background-color: #CC002D;
}
.case-consult .wrap-box .item-link.bg:hover{
  background: rgba(230, 0, 57, 0.03);
}
.case-consult .wrap-box .item-link.bg:active{
  background: #CC002D;
  color: #fff;
}
:root {
  --wpx:calc(var(--vw,1vw)*100/1920);
  --mpx:calc(var(--vw,1vw)*100/375);
}

@media screen and (min-width: 1920px) {
  :root {
    --wpx: 1px;
  }
}

@media screen and (max-width:1440px) {
  :root {
    --wpx:calc(var(--vw,1vw)*100/1480);
  }
  .other-industry{
    padding-top: 18px;
  }
}
@media screen and (max-width:750px) {
  .show-pc{
    display: none;
  }
  .show-mobile{
    display: block;
  }
  .case-banner{
    border-bottom-right-radius: 0;
  }
  .case-content .case-page-title {
    font-size: calc(var(--mpx)*24);
    padding-top: calc(var(--mpx)* 80);
    margin: 0 auto calc(var(--mpx)* 40) auto;
  }
  .case-content .case-page-title:before{
    width: calc(var(--mpx)* 44);
    height: calc(var(--mpx)* 6);
    margin-left: calc(var(--mpx)* -22);
    bottom: calc(var(--mpx)* -16);
  }

  .wrap-box,
  .case-banner .wrap-box{
    width: calc(var(--mpx)*335);
    margin: 0 auto;
  }
  .case-banner .banner-word{
    position: relative;
    background: #001529;
    padding-bottom: calc(var(--mpx)* 20);
  }
  .case-banner .banner-word .word-tit {
    padding-top: calc(var(--mpx)* 20);
    font-size: calc(var(--mpx)* 24);
  }
  .case-banner .banner-word .word-sub-tit {
    font-size: calc(var(--mpx)* 18);
  }
  .case-banner .banner-word .word-des {
    margin-top: calc(var(--mpx)* 16);
    font-size: calc(var(--mpx)* 14);
  }
  .case-banner .banner-word .word-btn {
    width: calc(var(--mpx)* 128);
    height: calc(var(--mpx)* 46);
    font-size: calc(var(--mpx)* 16);
    margin-top: calc(var(--mpx)* 20);
    border-radius: calc(var(--mpx)* 5);
  }
  .page1-cont{
    width: 100%;
    border-radius: calc(var(--mpx)* 8);
    overflow: hidden;
  }
  .page1-cont .video-play img {
    width: calc(var(--mpx)* 43);
  }
  .case-page2 .cont-txt {
    font-size: calc(var(--mpx)* 16);
    margin-bottom: calc(var(--mpx)* 15);
  }
  .case-page3 .page3-flex{
    display: block;
  }
  .case-page3 .page3-flex .page3-flex-item{
    padding: calc(var(--mpx)* 16);
    margin: 0 0 calc(var(--mpx)* 16) 0;
    border-bottom: calc(var(--mpx)* 1) solid #E60039;
  }
  .case-page3 .page3-flex .page3-flex-item .item-tit {
    font-size: calc(var(--mpx)* 20);
    margin-bottom: calc(var(--mpx)* 16);
  }
  .case-page3 .page3-flex .page3-flex-item .item-des {
    font-size: calc(var(--mpx)* 14);
  }
  .page4-cont{
    display: block;
  }
  .page4-cont .cont-img, .page4-cont .cont-word{
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
  }
  .page4-cont .cont-img img{
    position: relative;
    width: 100%;
    transform: translate(-50%, 0%);
  }
  .page4-cont .word-item {
    padding: calc(var(--mpx)* 16) calc(var(--mpx)* 15);
    margin: 0 auto;
    margin-top: calc(var(--mpx)* 16);
    border-left: calc(var(--mpx)* 3) solid #E60039;
  }
  .page4-cont .word-item:first-child{
    margin-top: calc(var(--mpx)* 16);
  }
  .page4-cont .word-item .item-tit {
    font-size: calc(var(--mpx)* 18);
    margin-bottom: calc(var(--mpx)* 8);
  }
  .page4-cont .word-item .item-des {
    font-size: calc(var(--mpx)* 14);
  }
  .case-contact {
    height: calc(var(--mpx)* 134);
    display: block;
    margin-top: calc(var(--mpx)* 25);
    padding-top: calc(var(--mpx)* 25);
    font-size: calc(var(--mpx)* 18);
    text-align: center;
  }
  .case-contact .contact-btn {
    width: calc(var(--mpx)* 200);
    height: calc(var(--mpx)* 48);
    font-size: calc(var(--mpx)* 16);
    border-radius: calc(var(--mpx)* 5);
    margin: calc(var(--mpx)* 16) auto;
  }
  .page5-flex {
    display: block;
  }
  .page5-flex .flex-item {
    width: 100%;
    margin: 0 auto calc(var(--mpx)* 16) auto;
    display: block;
    padding: calc(var(--mpx)* 16);
  }
  .page5-flex .flex-item .item-img{
    padding-bottom: calc(var(--mpx)* 16);
  }
  .page5-flex .flex-item .item-img img {
    width: calc(var(--mpx)* 90);
    margin: 0 auto;
    display: block;
  }
  .page5-flex .flex-item .item-tit {
    font-size: calc(var(--mpx)* 18);
    margin-bottom: calc(var(--mpx)* 16);
  }
  .page5-flex .flex-item .item-des {
    font-size: calc(var(--mpx)* 14);
  }
  .page5-flex .flex-item:last-child{
    margin-bottom: 0;
  }

  .case-consult .wrap-box{
    display: block;
  }
  .case-consult{
    height: auto;
    background: #f4f8ff;
    padding: calc(var(--mpx)* 40) 0;
  }
  .consult-word{
    margin-bottom: calc(var(--mpx)* 20);
  }
  .consult-btn {
    display: flex;
    justify-content: space-between;
  }
  .case-consult .wrap-box .item-link {
    width: calc(var(--mpx)* 156);
    height: calc(var(--mpx)* 46);
    border-radius: calc(var(--mpx)* 5);
    border: calc(var(--mpx)* 1) solid #E10032;
    font-size: calc(var(--mpx)* 16);
    margin: 0;
  }
  .consult-cont{
    display: block;
  }
  .case-consult .wrap-box .consult-cont {
    display: block;
    font-size: calc(var(--mpx)* 20);
    margin: 0 auto;
    text-align: center;
  }
  .consult-cont img{
    display: none;
  }
  .case-consult .wrap-box .item-link.bg{
    background: none;
  }
  .consult-cont-mobile{
    display: block;
  }
  .consult-cont-mobile img{
    height: calc(var(--mpx)* 220);
    display: block;
    margin: calc(var(--mpx)* 10) auto 0 auto;
  }
  .case-page6{
    padding-bottom: calc(var(--mpx)* 15);
  }
  .page6-flex{
    display: block;
  }
  .case-page6 .flex-item {
    width: calc(var(--mpx)* 180);
    padding: calc(var(--mpx)* 16)
  }
  .case-page6 .flex-item .item-img {
    padding: 0 calc(var(--mpx)* 24);
  }
  .case-page6 .flex-item .item-tit {
    font-size: calc(var(--mpx)* 16);
    margin-bottom: calc(var(--mpx)* 12);
  }
  .case-page6 .flex-item .item-des {
    font-size: calc(var(--mpx)* 14);
    height: calc(var(--mpx)* 42);
  }
  .case-page6 .flex-item .item-link {
    font-size: calc(var(--mpx)* 16);
    margin: calc(var(--mpx)* 23) auto calc(var(--wpx)* 15) auto;
  }
  .page6-cont{
    padding-bottom: calc(var(--mpx)* 45);
  }
  .page6-cont .swiper-pagination-bullet {
    width: calc(var(--mpx)* 24);
    height: calc(var(--mpx)* 4);
    border-radius: 0;
    opacity: 1;
    background: #E4E8EB;
  }
  .page6-cont .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #E60039;
  }
}




