.all-wrap .banner .info {
  position: absolute;
  top: 55px;
  left: 50px;
  z-index: 1; }
  .all-wrap .banner .info h2 {
    font-size: 34px;
     
    vertical-align: top;
    line-height: 1.1;
    color: white; }
    .all-wrap .banner .info h2 img {
      height: 43px;
      vertical-align: top; }
  .all-wrap .banner .info h3 {
    font-size: 16px;
     
    color: #f5f7ff;
    line-height: 1.2; }
  .all-wrap .banner .info .btn {
    width: 120px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    padding: 0; }

.all-wrap .tableContent .item[pos="left"] {
  text-align: center; }

.all-wrap .sceneList {
  width: 100%;
  padding: 0 30px;
  padding-top: 70px; }
  .all-wrap .sceneList .line {
    width: 100%;
    height: 200px;
    font-size: 0;
    margin-bottom: 75px; }
    .all-wrap .sceneList .line > .item {
      width: 405px;
      height: 100%;
      display: inline-block;
      vertical-align: top;
      position: relative; }
    .all-wrap .sceneList .line .item > img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
    .all-wrap .sceneList .line .item > .info {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      .all-wrap .sceneList .line .item > .info h3 {
        font-size: 24px;
         
        color: #333333;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2;
        margin-bottom: 15px;
        white-space: pre-line;
        margin-bottom: 40px; }
      .all-wrap .sceneList .line .item > .info p {
        font-size: 14px;
         
        color: #666666;
        text-transform: uppercase;
        line-height: 1.2; }

.all-wrap .sourceList {
  width: 810px;
  margin: auto;
  font-size: 0;
  margin-bottom: 60px; }
  .all-wrap .sourceList .item {
    display: inline-block;
    vertical-align: top;
    width: 248px;
    height: 98px;
    border: 1px solid #eff0f3;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative; }
    .all-wrap .sourceList .item .icon {
      width: 62px;
      height: 62px;
      margin: 18px 18px 12px; }
    .all-wrap .sourceList .item h3 {
      font-size: 16px;
       
      color: #333333;
      font-weight: bold;
      position: relative;
      top: 50%;
      display: inline-block;
      vertical-align: top;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .all-wrap .sourceList .item:nth-child(3n) {
    margin-right: 0; }

.m-wrap .superiority h2 {
  font-size: 0.4rem;
  margin: .667rem 0 .2rem; }

.m-wrap .superiority h3 {
  font-size: 0.3rem;
  margin-bottom: .4rem; }

.m-wrap .superiority .line-icon {
  width: 8rem;
  margin-bottom: .6rem;
  position: relative; }

.m-wrap .superiority .line-icon:nth-of-type(2) {
  left: 0.1rem; }

.m-wrap .superiority .line-icon:nth-of-type(3) {
  left: 0.2rem; }

.m-wrap .superiority .line-icon:nth-of-type(4) {
  left: 0.3rem; }

.m-wrap .sceneList {
  width: 100%;
  padding: 0 .4rem;
  padding-top: .667rem; }
  .m-wrap .sceneList .line {
    width: 100%;
    font-size: 0;
    margin-bottom: 1rem; }
    .m-wrap .sceneList .line > .item {
      position: relative; }
    .m-wrap .sceneList .line .item > img {
      max-width: 6rem;
      margin-bottom: .6rem; }
    .m-wrap .sceneList .line .item > .info {
      position: static; }
      .m-wrap .sceneList .line .item > .info h3 {
        font-size: .36rem;
        color: #333333;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2;
        margin-bottom: .2rem;
        white-space: pre-line;
        margin-bottom: .267rem; }
      .m-wrap .sceneList .line .item > .info p {
        font-size: .3rem;
        color: #666666;
        text-transform: uppercase;
        line-height: 1.2; }

.m-wrap .sourceList {
  width: 9.3rem;
  margin: auto;
  font-size: 0;
  margin-bottom: .8rem; }
  .m-wrap .sourceList .item {
    display: inline-block;
    vertical-align: top;
    width: 3.307rem;
    height: 1.307rem;
    border: .013rem solid #eff0f3;
    margin-right: .4rem;
    margin-bottom: .4rem;
    position: relative;
    text-align: left; }
    .m-wrap .sourceList .item .icon {
      width: .827rem;
      height: .827rem;
      margin: .20rem .24rem .20rem; }
    .m-wrap .sourceList .item h3 {
      font-size: .213rem;
       
      color: #333333;
      font-weight: bold;
      position: relative;
      top: 50%;
      display: inline-block;
      vertical-align: top;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .m-wrap .sourceList .item:nth-child(2n) {
    margin-right: 0; }
