.system {
    width: 100%;
    height: auto;
    background-color: white;
  }
  .system_one {
    width: 100%;
    height: 400px;
    background-image:url("../img/system_one.png");
    background-position: center;
    display: flex;
    justify-content: flex-start;
  }
  
  .system_tthFour {
    width: 100%;
    height: auto;
    background-color: white;
    display: flex;
    justify-content: center;
  }
  .tthFour_kuan {
    width: 1200px;
    height: auto;
    background-color: white;
  }
  .system_two {
    width: 100%;
    height: 638px;
    /* background-color: cornflowerblue; */
    display: flex;
    justify-content: flex-start;
  }
  .two_left {
    flex-grow: 1;
    width: 565px;
    height: 100%;
    /* background-color: cornflowerblue; */
  }
  .two_left_img {
    margin: 0;
    padding-top: 40px;
  }
  .two_right {
    flex-grow: 1;
    width: 648px;
    height: 100%;
    /* background-color: slategray; */
  }
  .two_right_top {
    width: 100%;
    height: 304px;
    /* background-color: chartreuse; */
  }
  .system_two_right_title {
    font-size: 38px;
    text-align: center;
    margin: 0;
    padding-top: 122px;
  }
  .system_two_right_dec {
    margin: 0;
    font-size: 16px;
    text-align: center;
    padding: 26px 48px 0 48px;
  }
  .systhree_tu {
    width: 100%;
    height: auto;
  }
  .systhree_tucenter {
    text-align: center;
  }
  .two_right_content {
    width: 100%;
    height: 125px;
    /* background-color: chocolate; */
    display: flex;
    justify-content: flex-start;
  }
  .two_right_content ul{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    /* background-color: #3684fa; */
    display: flex;
    justify-content: space-between;
  }
  .two_right_content ul li{
    flex-grow: 1;
    width: 106px;
    height: 100%;
    /* border: 1px solid #ccc; */
  }
  
  
  .trimage {
    width: 100%;
    text-align: center;
    /* padding-top: 13px; */
    height: 78px;
    line-height: 78px;
    margin: 0;
  }
  
  .trtitle {
    text-align: center;
    font-size: 20px;
    color: #808080;
  }
  .system_three {
    width: 100%;
    height: 805px;
    /* background-color: sandybrown; */
  }
  .systhree_top {
    width: 100%;
    height: 178px;
    /* background-color: slateblue;  */
  }
  .systhree_top_title {
    margin: 0;
    font-size: 38px;
    text-align: center;
  }
  .systhree_top_dec {
    margin: 0;
    font-size: 16px;
    text-align: center;
    color: #808080;
    padding: 22px 201px 0 201px;
  }
  .system_four {
    width: 100%;
    height: 379px;
    /* background-color: coral; */
  }
  .system_four_top {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 38px;
    padding-bottom: 48px;
    /* background-color: darkblue; */
  }
  
  .system_four ul{
    width: 100%;
    height: auto;
    /* background-color:sienna; */
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .system_four ul li{
    flex-grow: 1;
    width: 200px;
    height: auto;
    /* border: 1px solid #333; */
  }
  
  .sysfour_img_center {
    width: 100%;
    text-align: center;
    height: 108px;
    line-height: 108px;
    /* background-color: salmon; */
    margin: 0;
  }
  .sysfour_title {
    margin: 0;
    text-align: center;
    font-size: 22px;
  }
  .sysfour_dec {
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 28px;
    padding-right: 28px;
  }
  .system_five {
    width: 100%;
    height: 650px;
    /* background-image: url("../assets/pc/system_five.png"); */
    /* background-image:url("../pc/system_five.png"); */
    background-image:url("../img/system_five.png");
    background-position: center;
  }
  .sysfive_top {
    width: 100%;
    height: 154px;
    /* background-color: sandybrown; */
    display: flex;
    justify-content: center;
  }
  .sysfive_top_kuan {
    width: 1200px;
    height: 100%;
    /* background-color: cornflowerblue; */
    display: flex;
    justify-content: center;
  }
 
  .sysfive_top_title {
    width: 662px;
    height: 82px;
    background-color: #fb5522;
    text-align: center;
    line-height: 82px;
    font-size: 38px;
    color: white;
    border: 0;
    outline: none;
    border-radius: 8px;
    margin-top: 52px;
  }
 


  .sysfive_center {
    min-width: 1387px;
    /* height: 102px; */
    /* background-color: seagreen; */
    display: flex;
    justify-content: flex-start;
  }
  .sysfiveline{
    flex-grow: 0;
    width: 620px;
    height: 100%;
    /* background-color: saddlebrown; */
  }

  .line{
    width: 100%;
    height: 26px;
    border-bottom: 2px solid #ccc;
  }

  .sysfivec_title{
    flex-grow: 1;
    width: 680px;
    height: 100%;
    /* background-color: sandybrown; */
  }
  .sysfivec_text{
    text-align: center;
    font-size: 32px;
    color: white;
  }
  .sysfive_bot {
    width: 100%;
    height: auto;
    /* background-color: steelblue; */
    display: flex;
    justify-content: center;
  }
  .sysfive_bot_kuan {
    width: 1200px;
    height: auto;
    /* background-color: #fb5522;  */
    display: flex;
    justify-content: flex-start;
  }
  .sysfive_bot_items {
    flex-grow: 1;
    width: 240px;
    height: auto;
    /* background-color: burlywood; */
  }
  .sysfiveb_top {
    width: 100%;
    height: auto;
    /* background-color: seashell; */
  }
  .sysfivebt_img {
    text-align: center;
    padding-top: 24px;
    /* padding-bottom: 10px; */
  }
  .sysfivebt_tit {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: white;
  }
  .sysfivebt_dec {
    margin: 0;
    padding-top: 12px;
    padding-left: 49px;
    padding-right: 49px;
    padding-bottom: 23px;
    text-align: center;
    font-size: 14px;
    color: white;
  }
  .system_six {
    width: 100%;
    height: 809px;
    background-color: #f4fbff;
    display: flex;
    justify-content: center;
  }
  .syssix_kuan{
    width: 1200px;
    height: 100%;
    /* background-color: #808080; */
  }
  .syssix_top{
    width: 100%;
    height: 220px;
    /* background-color: rosybrown; */
  }
  .syssix_toptit{
    margin: 0;
    font-size: 38px;
    padding-top: 36px;
    text-align: center;
  }
  .syssix_topdec{
    font-size: 16px;
    text-align: center;
    color: #808080;
    padding-top: 25px;
  }
  .syssixcon_top{
    width: 100%;
    height: auto;
    /* background-color: #fb502c; */
    display: flex;
    justify-content: space-between;
  }
  .syssixcon_bot{
    width: 100%;
    height: auto;
    /* background-color: slateblue; */
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
  }
  .syssixcon_items{
    width: 230px;
    height: 100%;
     box-shadow: -3px 0 3px #ebf1f5, /*左边阴影*/ 3px 0 3px #ebf1f5,
      /*右边阴影*/ -3px 0px 3px #ebf1f5, /*顶部阴影*/ 0 3px 3px #ebf1f5; /*底边阴影*/
    background-color: #ffffff;
  }
  .syssixcon_img{
    padding-top: 14px;
    text-align: center;
  }
  .syssixcon_title{
    margin: 0;
    
    font-size: 22px;
    text-align: center;
  }
  .syssixcon_dec{
    font-size: 14px;
    text-align: center;
    color: #4d4d4d;
    padding-top: 14px;
    padding-left:65px;
    padding-right: 65px;
  }
  .system_seven {
    width: 100%;
    height: 435px;
    /* background-image: url("../assets/pc/system_sevenback.png"); */
    /* background-image:url("../pc/system_sevenback.png"); */
    background-image: url("../img/system_sevenback.png");
    background-position: center;
    display: flex;
    justify-content: center;
  }
  .sysseven_kuan {
    width: 1200px;
    height: 100%;
    /* background-color: saddlebrown; */
  }
  .sysseven_top {
    width: 100%;
    height: auto;
    text-align: center;
    /* background-color: seagreen; */
  }
  .sysseven_title {
    margin: 0;
    font-size: 38px;
    color: white;
    padding-top: 44px;
    padding-bottom: 70px;
  }
  
  .sysseven_content {
    width: 100%;
    height: auto;
    /* background-color: cadetblue; */
    display: flex;
    justify-content:flex-start;
  }
  .sysseven_items{
    width: 300px;
    height: 100%;
    flex-grow: 1;
    /* background-color: #fb5522; */
    display: flex;
    justify-content: flex-start;
  }
  .sysseven_left{
    flex-grow: 1;
    width: 92px;
    height: 100%;
    /* background-color: blue; */
  }
  .sysseven_img{
    text-align: center;
    /* vertical-align: middle; */
    padding-top: 32px;
  }
  .sysseven_right{
    flex-grow: 1;
    width: 218px;
    height: 100%;
    /* background-color: chartreuse; */
    border-right-color: #808080;
    border-right-style: dashed;
    border-right-width: 2px;
  }
  .sysseven_tit{
    margin: 0;
    padding-top: 14px;
    font-size: 24px;
    color: white;
  }
  .sysseven_dec{
    margin: 0;
    padding-top: 8px;
    padding-bottom: 28px;
    font-size: 14px;
    color: white;
  }
  
  .system_eight {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
  }
  .syseight_kuan{
    width: 1200px;
    height: 100%;
    /* background-color: chocolate; */
  }
  .syseight_top{
    width: 100%;
    /* height: 107px; */
    /* background-color: cornflowerblue; */
  }
  .syseight_tit{
    margin: 0;
    text-align: center;
    font-size:38px;
    padding-top: 43px;
  }
  .syseight_bot{
    width: 1200px;
    height: auto; 
    /* background-color: seagreen; */
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
  }

  .syseight_dec2{
    text-align: center;
    font-size: 24px;
    margin: 0;
    padding-top: 12px;
    color: #1a1a1a;
  }
  .syseight_botc{
    flex-grow: 1;
    width: 400px;
    height: auto;
    /* background-color: springgreen; */
  }
  .syseightbc_top{
    width: 100%;
    height: 115px;
    /* background-color: coral; */
  }
  .syseight_text{
    font-size: 14px;
    color: #808080;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 24px;
  }
  .btn_center{
    text-align: center;
  }
  .syseight_zixun{
    font-size: 16px;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    border: 0px;
    outline: none;
    background: linear-gradient(50deg,#f12929,#fb502c);
  }
  .syseight_taocan{
    font-size: 16px;
    color: white;
    background: linear-gradient(50deg,#3684fa,#40a5fc);
    padding: 10px 15px;
    border-radius: 5px;
    border: 0px;
    outline: none;
  }

/* ════════════════════════════════════════════════════════════════════════════
 *  以下为静态化改造追加的规则，上面的原规则一行未动。
 * ══════════════════════════════════════════════════════════════════════════ */

/* 老代码 .system_four_top 是 <div>「盈科城市O2O分销系统核心优势」，
 * div 的 margin 默认为 0。为了给这个板块建立标题层级，静态页把它换成了 <h2>，
 * 而 reset.css 会给 h1~h6 一个 margin-bottom:1em（这里 font-size:38px → 38px），
 * 会把下面的 ul 整体顶下去 38px，.system_four 固定 379px 高会溢出。
 * 这里显式归零，换标签后渲染与老页面的 <div> 逐像素一致。
 *
 * 注意：本页其余被换成 h1/h2/h3 的元素老代码都是 <p>，
 * <p> 和 h1~h6 在 reset.css 下 margin 完全一致，不需要额外规则。 */
.system_four_top {
  margin: 0;
}