@media screen and (min-width: 769px) {

    .banner {
         position: relative;
         margin-bottom: -5px;
          margin-top: 70px;
height: auto;
     }
   .page_btn_mobile {
     display: none !important;
   }
 
   .page {
     line-height: 40px;
     text-align: center;
     margin-top: 60px;
     display: block;
     margin-right: auto;
     margin-bottom: 0;
     margin-left: auto;
     padding-bottom: 60px;
   }
 
   .page ul {
     display: inline-block;
     margin: 0 auto;
   }
 
   .page li {
     display: inline-block;
     float: left;
     cursor: pointer;
     margin: 3px 20px;
     padding: 0 10px;
     border-radius: 3px;
     width: 20px;
     height: 40px;
     border: none;
   }
   .page-btn {
     width: 40px !important;
   }
   .page_btn {
     border: 1px solid rgba(204, 204, 204, 1);
     border-radius: 3px;
     color: #666;
   }
 
   .page li a {
     line-height: 40px;
     height: 40px;
     display: block;
   }
 
   .page li.thisclass {
     color: #fff;
     background-color: #2bcca8;
     line-height: 40px;
     height: 40px;
     border: none;
     padding-top: 0px;
     padding-bottom: 0;
   }
 
   .page ul li.thisclass a:hover,
   .page ul li.thisclass a {
     color: #fff;
     background-color: #2bcca8;
     line-height: 40px;
     height: 40px;
     width: 20px;
     border: none;
     padding-top: 0px;
     padding-bottom: 0;
   }
 
   .page li:hover {
     background-color: #2bcca8;
   }
 
   .page li:hover a {
     color: #fff;
   }
 
 .page .page_btn:hover{
     color: white;
 background-color: #2bcca8;
   }
 
   .page .page_btn:hover a {
     color: white;
 background-color: #2bcca8;
   }
   .page .page-btn:hover a {
     color: white;
 background-color: #2bcca8;
   }
 
   .page .page_btn:hover {
     border: 1px solid #2bcca8;
     width: 18px;
     height: 38px;
   }
   .page .page-btn:hover {
     border: 1px solid #2bcca8;
     width: 38px;
     height: 38px;
     color: white;
   }
   .banner img {
     width: 100%;
   }
   .rtcase-content {
     width: 1066px;
     margin: 0 auto;
   }
   .load-title {
     color: #666;
     font-size: 14px;
     padding: 20px 0 23px 0;
     position: relative;
   }
   .load-title::after{
   position: absolute;
     display: block;
     content: "";
     bottom: 0;
     left: 0;
     width: 100%;
     height: 1px;
     background-color: #EBEBEB;
   }
 
   .rtcase-nav {
     display: flex;
     justify-content: space-between;
     font-size: 20px;
     color: #888;
     padding: 20px 0 10px 0;
     box-shadow: -1px -4px 10px -4px rgba(200, 200, 200, 0.1);
     margin-bottom: 40px;
   }
   .rtcase-nav a {
     margin: 0 auto;
     position: relative;
     text-align: center;
   }
   .infomation_main_active {
     color: #2bcca8;
   }
   .infomation_main_active::after {
     content: "";
     position: absolute;
     bottom: -10px;
     left: 0;
     right: 0;
     width: 100%;
     height: 3px;
     background: #2bcca8;
   }
   #case-footer {
     display: none;
   }
   .rtcase-content-ul {
     display: flex;
     flex-wrap: wrap;
    justify-content: space-between;
   }
   .rtcase-content-ul li {
     width: 324px;
     height: 330px;
     position: relative;
     margin-top: 30px;
     overflow: hidden;
 border: 1px solid rgba(239,240,246,1);
    box-shadow:0px 0px 20px 0px rgba(68,93,192,0.15);
   }
   .rtcase-top {
     overflow: hidden;
   }
   .rtcase-top img {
     width: 100%;
     height: 187px;
     transition: opacity 1s, -webkit-transform 1s;
     transition: opacity 1s, transform 1s;
     transition: opacity 1s, transform 1s, -webkit-transform 1s;
   }
   .rtcase-content-ul li dl dt {
     font-size: 22px;
     color: #444;
     text-align: center;
     font-weight: 600;
   }
   .content-channelName {
     text-align: center;
     font-size: 16px;
     color: #888;
     border-bottom: 1px solid #d2d2d2;
     padding: 6px 0 14px 0;
     margin: 0 10px;
   }
   .content-subTitle {
     text-align: center;
     font-size: 16px;
     color: #888;
     margin: 10px 0;
   }
   .rtcase-content-ul li dl dd {
     text-align: left;
     font-size: 16px;
     color: #888;
     padding: 0 20px;
     font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
     max-height: 88px;
     text-overflow: -o-ellipsis-lastline;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     line-clamp: 4;
     -webkit-box-orient: vertical;
   }
   .content-detail {
     text-align: center;
     font-size: 16px;
     color: rgba(43, 204, 168, 1);
     position: absolute;
     bottom: 15px;
     right: 0;
     left: 0;
   }
   .content-changmodule {
     display: none;
   }
   .rtcase-content-ul li:hover .rtcase-top:before {
     width: 100%;
     height: 100%;
     content: "";
     display: block;
     background-color: #000;
     opacity: 0.5;
     position: absolute;
     z-index: 1;
   }
   .rtcase-content-ul li:hover .rtcase-top img {
     opacity: 0.5;
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
   }
   .rtcase-content-ul li dl {
     transition: -webkit-transform 1s;
     transition: transform 1s;
     transition: transform 1s, -webkit-transform 1s;
     position: relative;
     background: #fff;
     z-index: 99;
     height: 244px;
   }
   .rtcase-content-ul li:hover dl {
     -webkit-transform: translateY(-127px);
     transform: translateY(-125px);
     padding-top: 15px;
   }
   .rtcase-content-ul li:hover {
     box-shadow: 0px 0px 20px 0px rgba(68, 93, 192, 0.15);
   }
   .rtcase-content-ul li:hover .content-changmodule {
     display: block;
   }
   .slide-menu {
     display: none;
   }
   .xmobile-case {
     display: none;
   }
   // 详情页
   .xmobile-case-banner {
     display: none;
   }
   .detailhot {
     width: 1200px;
     margin: 0 auto;
   }
   .loadtitle {
     font-size: 14px;
     color: #888;
     margin: 70px 0 37px 0;
     padding-bottom: 22px;
     box-shadow: 0px 2px 0px rgba(200, 200, 200, 0.1);
   }
   .loadcontent h1 {
     color: #383838;
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 24px;
     padding-left: 15px;
     position: relative;
   }
   .loadcontent h1:before {
     height: 100%;
     width: 3px;
     content: "";
     top: 0;
     left: 0;
     bottom: 0px;
     background-color: #2bcca8;
     position: absolute;
   }
   .xmobile-case-banner {
     display: none;
   }
   .loadcontent {
     color: #666;
     line-height: 30px;
   }
   .rtcase-banner {
     position: relative;
   }
   .banner_contentnew {
     position: absolute;
     top: 15%;
     width: 100%;
     text-align: center;
   }
   .loadcontent img {
     width: 1000px !important;
     height: auto !important;
     margin: 30px 0;
   }
   .banner_contentnew_title {
     padding-top: 57px;
     font-size: 55px;
     font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-weight: bold;
     color: rgba(255, 255, 255, 1);
     line-height: 80px;
   }
   .banner_contentnew_subtext {
     font-size: 22px;
     font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-weight: 400;
     color: rgba(255, 255, 255, 1);
     line-height: 35px;
     margin: 16px 0;
   }
   .banner_contentnew_btn {
     background: #2bcda8;
     border-radius: 5px;
     padding: 12px 44px;
     display: inline-block;
     margin-top: 55px;
     color: white;
   }
   .loadnextcontent {
     margin-top: 40px;
     position: relative;
     text-align: center;
     height: 540px;
   }
   .related-articles {
     position: absolute;
     top: 15%;
     margin: 0 auto;
     right: 0;
     left: 0;
     width: 1200px;
   }
   .hot {
     font-size: 34px;
     font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-weight: bold;
     color: rgba(254, 254, 254, 1);
     line-height: 30px;
     margin-bottom: 40px;
   }
   .solution_banner_pc {
     display: block !important;
 }
   .solution_banner_mobile,.rtcase-banner_mobile,.loadnextcontent_img_mobile {
     display: none !important;
 }
 }
 @media screen and (max-width: 768px) {
   .solution_banner_pc,.load-title,.rtcase-nav,.content-subTitle,.content-changmodule dd,.page-btn {
     display: none !important;
 }
   .solution_banner_mobile {
     display: block !important;
     width: 100%;
   margin-top: 49px;
 }
   .rtcase-top img {
     width: 325px;
     height: 164px;
 }
   .rtcase-content-ul {
     margin-top: 29px;
 }
   .rtcase-content-ul li {
     background: #FFFFFF;
     border: 1px solid #EFF0F6;
     margin: 15px auto 0px;
     width: 325px;
     height: 266px;
 }
 /*  .content-changmodule:hover {
     border-bottom: 2px solid #2BCCA8;
 } */
   .rtcase-content-ul dt {
     height: 15px;
     font-size: 15px;
     font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-weight: bold;
     color: #444444;
     line-height: 15px;
     text-align: center;
     margin-top: 15px;
 }
   .content-channelName {
     height: 12px;
     font-size: 12px;
     font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-weight: 400;
     color: #888888;
     line-height: 12px;
     text-align: center;
     margin-top: 9px;
 }
    .content-detail {
      width: 256px;
     /* height: 12px; */
     font-size: 12px;
     font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-weight: 400;
     color: #2BCCA8;
     /* line-height: 12px; */
     text-align: center;
     margin: 12px auto 0px;
     padding-top: 8px;
     padding-bottom: 9px;
     border-top: solid 1px #D2D2D2;
 }
    .content-detail a {
      padding: 0px;
 }
    .page {
      margin: 33.5px 16% 30px;
      height: 30px;
 }
    .page ul {
      display: flex;
     justify-content: space-between;
 }
    .page_btn {
      float: left;
     width: 30px;
     height: 30px;
     border: 1px solid #CCCCCC;
     background: linear-gradient(0deg, #F3F3F3 0%, #FCFCFC 100%);
     border-radius: 2px;
     font-size: 11px;
     line-height: 30px;
     text-align: center;
     color: #666666;
     font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-weight: 400;
 }
    .page li {
      float: left;
     width: 30px;
     height: 30px;
     font-size: 11px;
     line-height: 30px;
     text-align: center;
     color: #666666;
     font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-weight: 400;
 }
    .thisclass {
      background: #2BCCA8 !important;
     color: #FFFFFF !important;
     border: 0px !important;
     width: 32px !important;
     height: 32px !important;
     line-height: 32px !important;
     border-radius: 2px;
 }
   /* 案例详情 */
   .slide-menu,.rtcase-banner_pc,.xmobile-case,.xmobile-case-banner,.loaddate,.loadcontent h1,.loadnextcontent_img_pc {
     display: none;
   }
   .rtcase-banner_mobile,.loadnextcontent_img_mobile {
     display: block !important;
     margin-top:49px;
 }
   .rtcase-banner {
     position: relative;
 }
   .banner_contentnew {
     position: absolute;
     text-align: center;
     top: 71px;
 }
   .banner_contentnew_title {
     font-size: 35px;
     font-family: Source Han Sans CN;
     font-weight: 500;
     color: #FFFFFF;
 }
   .banner_contentnew_subtext {
      font-size: 17.5px;
     font-family: Source Han Sans CN;
     font-weight: 400;
     color: #FFFFFF;
     line-height: 30px;
     padding-left: 74px;
     padding-right: 74px;
     margin-top: 22px;
 }
   .banner_contentnew_btn {
     width: 90px;
     height: 27px;
     background: #2BCCA8;
     border-radius: 1px;
     margin: 28.5px auto 0px;
 }
   .banner_contentnew_btn a {
     font-size: 11px !important;
     font-family: Hiragino Sans GB;
     font-weight: normal;
 }
   .loadtitle {
     font-size: 12px;
     font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-weight: 400;
     color: #333333;
     line-height: 16.5px;
     margin-top: 28px;
     margin-left: 24.5px;
 }
    .loadcontent {
      margin: 20px 25px 0px;
 }
    .loadcontent p {
      font-size: 12px;
      font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
      color: #383838;
      line-height: 18px;
 }
    .detailhot {
      margin-bottom: 20px;
 }
   .loadnextcontent {
     position: relative;
     height: 963px;
 }
   .related-articles {
     position: absolute;
     top: 33px;
     text-align: center;
     width: 100%;
 }
   .related-articles h3 {
     font-size: 20px;
     font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-weight: bold;
     color: #FFFFFF;
 }
   /*  .loadcontent p::before {
      width: 1.5px;
       height: 11px;
       background: #2BCCA8;
       content: "";
       position: absolute;
 } */
 }