@media (min-width: 1200px) {
  .pc {
    display: block; }
  .m {
    display: none; }
  .case-banner {
    width: 100%;
    height: 675px;
    background: #333; }
    .case-banner .case-banner-content {
      width: 1200px;
      height: 675px;
      margin: auto;
      position: relative;
      background: #232323; }
      .case-banner .case-banner-content .case-banner-img{
        position: absolute;
        height: 100%;
        width: auto;
        left: 50%;
        transform: translate(-50%,-50%);
        top: 50%;
      }
  .item-industry {
    text-align: center;
    font-size: 14px;
    color: #999; }
  .case-content {
    padding: 50px 0;
    background: #fff; }
    .case-content img {
      max-width: 866px;
      margin: 20px auto; }
    .case-content .item-title {
      text-align: center;
      font-size: 28px;}
    .case-content .case-content-section {
      position: relative;
      width: 1200px;
      margin: auto;
      text-align: center; }
      .case-content .case-content-section .line {
        width: 50px;
        margin: auto;
        height: 1px;
        background: #3692fa; }
      .case-content .case-content-section .section-wrap {
        padding-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .case-content .case-content-section .section-wrap div {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
    .case-content .item-subtitle {
      position: relative;
      font-size: 28px;
      padding: 60px 0 10px; }
    .case-content .item-article {
      text-align: left;
      display: inline-block;
      width: 810px;
      margin: 20px 0; }
      .case-content .item-article .item-cycle {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 1px solid #3692fa;
        border-radius: 50%;
        margin-right: 10px; }
    .case-content .item-article .item-p {
      color: #999;
      line-height: 24px; }
    .case-content .item-article .item-p-c {
      position: relative; }
    .case-content .item-effect {
      margin-top: 33px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .case-content .item-effect .img-block {
      width: 470px;
      height: 376px;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .case-content .item-effect .item-p {
      width: 570px;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-top: 160px;
      font-size: 14px;
      line-height: 28px;
      text-align: left;
      color: #999; }
    .case-content .little_title {
      font-size: 26px;
      color: #333;
      text-align: center;
      margin-top: 70px;
      position: relative; }
    .case-content .little_title:before {
      content: '';
      position: absolute;
      width: 50px;
      border-bottom: 1px solid #3692fa;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -10px; }
    .case-content .solution {
      background: #f9f9f9;
      margin-top: 70px;
      height: 330px; }
    .case-content .solution div img {
      height: 52px;
      width: 52px; }
    .case-content .solution div .title {
      font-size: 23px;
      color: #333;
      margin-top: 28px; }
    .case-content .solution div .txt {
      font-size: 14px;
      color: #666;
      margin-top: 12px; }
    .case-content .right-word {
      height: 375px;
      margin-left: 76px;
      float: left; }
    .case-content .left-img {
      width: 472px;
      height: 375px; } }
@media (min-width: 1200px){
    .mbc-case{
        padding: 0 20px;
        height: 40px;
        line-height: 44px;
        font-size: 18px;
        margin: 0 0 40px;
        display: inline-block;
        border: none;
        background-image: -webkit-gradient(linear, left top, right top, from(#00bcd5), to(#38cdba)), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
        background-image: linear-gradient(90deg, #00bcd5 0%, #38cdba 100%), linear-gradient(#000000, #000000);
        background-blend-mode: normal, normal;
        color: #fff;
        box-sizing: border-box;
        text-align: center;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .mbc-case:hover{
        color: #fff;
    }
}    
@media (max-width: 1199px) {    
  .m {
    display: block; }
  .pc {
    display: none; }
  .new-w1200 {
    width: auto !important; }
  .mbc-case {
    display: block;
    width: 3.87rem;
    height: 0.72rem;
    font-size: 0.32rem;
    line-height: 0.72rem;
    color: #fff;
    text-align: center;
    margin: 1.33rem auto 1.27rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#00bcd5), to(#38cdba)), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
    background-image: linear-gradient(90deg, #00bcd5 0%, #38cdba 100%), linear-gradient(#000000, #000000);
    background-blend-mode: normal, normal;
    border-radius: 0.07rem; }
  .case-banner {
    width: 100%;
    height: 15rem;
    position: relative;
    background: #333; 
	z-index: -1;}
    .case-banner .case-banner-content {
      margin: auto;
      background: #232323; }
      .case-banner .case-banner-content .case-banner-img{
        position: absolute;
        height: 100%;
        width: auto;
        left: 50%;
        transform: translate(-50%,-50%);
        top: 50%;
      }
.case-content h1{margin:0;}
  .item-industry {
    text-align: center;
    font-size: 20px;
    color: #999; }
  .case-content {
    padding: 25px;
    background: #fff; }
    .case-content img {
      max-width: 100%;
      margin: 20px auto; }
    .case-content .item-title {
      text-align: center;
      font-size: 20px;
      margin-bottom: 0; }
    .case-content .case-content-section {
      position: relative;
      margin: auto;
      text-align: center; }
      .case-content .case-content-section .line {
        width: 1.07rem;
        margin: auto;
        margin-bottom: 0.45rem;
        height: 1px;
        background: #3692fa; }
      .case-content .case-content-section .section-wrap {
        padding-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .case-content .case-content-section .section-wrap div {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
    .case-content .item-subtitle {
      position: relative;
      font-size: 1rem;
      padding:0.3rem 0 0.1rem; }
    .case-content .item-article {
      text-align: left;
      display: inline-block;
      margin: 0 0.4rem; 
	  padding: 0 10px;
		font-size: 0.8rem;
	  }
      .case-content .item-article .item-cycle {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 1px solid #3692fa;
        border-radius: 50%;
        margin-right: 10px;
		padding: 0 10px;
		font-size: 0.8rem;
		}
    .case-content .item-article .item-p {
      color: #999;
      font-size: 0.32rem;
      line-height: 24px; }
    .case-content .item-article .item-p-c {
      position: relative; }
    .case-content .item-effect {
      margin-top: 33px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .case-content .item-effect .img-block {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .case-content .item-effect .item-p {
      width: 570px;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-top: 160px;
      font-size: 14px;
      line-height: 28px;
      text-align: left;
      color: #999; }
    .case-content .little_title {
      font-size: 26px;
      color: #333;
      text-align: center;
      margin-top: 70px;
      position: relative; }
    .case-content .little_title:before {
      content: '';
      position: absolute;
      width: 50px;
      border-bottom: 1px solid #3692fa;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -10px; }
    .case-content .effect {
      display: none; }
    .case-content .solution {
      display: none;
      background: #f9f9f9;
      margin-top: 70px;
      height: 330px; }
    .case-content .solution div img {
      height: 52px;
      width: 52px; }
    .case-content .solution div .title {
      font-size: 23px;
      color: #333;
      margin-top: 28px; }
    .case-content .solution div .txt {
      font-size: 14px;
      color: #666;
      margin-top: 12px; }
    .case-content .right-word {
      height: 375px;
      margin-left: 76px;
      float: left; }
    .case-content .left-img {
      width: 472px;
      height: 375px; } }

.fl {
  float: left; }
 .item-title:after{display:none;}
.case-content, .artical-content {
    font-size: 18px;
}
.case-content p, .case-content span, .case-content a, .case-content strong, .artical-content p, .artical-content span, .artical-content a, .artical-content strong {
    line-height: 2;
}
.case-content strong, .case-content strong > p, .case-content strong > span .case-content strong > a, .artical-content strong, .artical-content strong > p, .artical-content strong > span .artical-content strong > a {
    font-weight: 700;
}