a {
       text-decoration: none;
       color: #333;
   }

   h1 {
       font-size: 32px;
       text-align: center;
       line-height: 100%;
       letter-spacing: 0px;
       color: #393836;
       font-weight: normal;
       margin-bottom: 10px;
       margin-top: 30px;
   }

   h2 {
       font-size: 16px;
       text-align: center;
       line-height: 24px;
       letter-spacing: 0px;
       color: #393836;
       font-weight: normal;
       margin-bottom: 20px;
       margin-top: 20px;
   }

   h3 {
       font-size: 22px;
       font-weight: bold;
       text-align: center;
       line-height: 100%;
       color: #393836;
       margin: 25px auto;
   }

   .wms-xtjs,
   .wms-xtys,
   .wmsSystemDesc,
   .wmsSystemDescShow,
   .wmsDesc3,
   .wms_relevant {
       width: 100%;
       margin: 0 auto;
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .wmsSystemDesc>ul {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       width: 1000px;
   }

   .wmsSystemDesc>ul>li {
       box-sizing: border-box;
       height: 80px;
       width: 16.4%;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       padding-bottom: 10px;
       border-bottom: 2px solid #e1e1e1;
       margin: 10px 0;
       cursor: pointer;
   }

   .wmsSystemDesc>ul>li:hover {
       border-color: #38929a;
   }

   .wmsSystemDesc>ul>li:hover .li_item>img {
       transform: scale(1.15);
       transition: transform 0.3s ease;
   }

   .wmsSystemDesc>ul>li>.li_item {
       display: flex;
       justify-content: center;
       align-items: center;
       flex: 1;
   }

   .wmsSystemDesc>ul>.li_item_active {
       border-color: #38929a;
       ;
   }

   .wmsSystemDesc>ul>.li_item_active>.li_item>img {
       transform: scale(1.15);
       transition: transform 0.3s ease;
   }

   .wmsSystemDesc>ul>li>.li_item>img {
       width: 50px;
       height: 50px;
       border-radius: 50%;
   }

   .wmsSystemDesc>ul>li>.li_item_bottom {
       display: flex;
       justify-content: center;
       align-items: center;
       font-size: 16px;
       color: #333;
   }

   /* -------------------------- */
   .wmsSystemDescShow {
       /* background-color: #f5f5f5; */
       /* margin: 40px 0 0 0; */
   }

   .wmsSystemDescShow>ul {
       width: 1000px;
       padding: 0 0 40px 0;

   }

   .wmsSystemDescShow>ul>li {
       width: 100%;
       height: 280px;
       font-size: 14px;
       letter-spacing: 1px;
       display: none;
   }

   .wmsSystemDescShow>ul>.show {
       display: flex;
   }

   .wmsSystemDescShow>ul>li>.img-text {
       width: 100%;
       display: flex;
       justify-content: space-between;
   }

   .wmsSystemDescShow>ul>li>.img-text>.text {
       width: 380px;
   }

   .wmsSystemDescShow>ul>li>.img-text>.text>h3 {
       margin: 40px 0 10px 0;
       text-align: left;
   }


   .wmsSystemDescShow>ul>li>.img-text>.img {
       min-width: 400px;
   }

   .wmsSystemDescShow>ul>li>.img-text>.img>img {
       width: 600px;
       height: 280px;
   }

   .wmsSystemDescShow>ul>li>.img-text>.text>.text-li {
       background: url(../images/dd.gif) no-repeat 0 13px;
       padding-left: 10px;
       line-height: 30px;
   }

   /* *----------------------- */





   /* ----------- */
   .wmsDesc3>ul {
       display: flex;
       width: 1000px;
   }

   .wmsDesc3>ul>li {
       display: flex;
       flex-direction: column;
       width: 33.3%;
       font-size: 14px;
       margin: 10px 0;

   }

   .wmsDesc3>ul>li>a {
       background: url(../images/dd.gif) no-repeat 0 12px;
       color: #666;
       height: 26px;
       line-height: 26px;
       padding-left: 12px;
   }

   .wmsDesc3>ul>li>a:hover {
       color: #e40013;
       /* text-decoration:underline; */
   }

   /* ---------- */
   .mes_wt {
       background: #f5f5f5;
   }
   .wms_relevant {
       /* background-color: #f5f5f5; */
       /* margin: 40px 0 0 0; */
   }

  .wms_relevant>ul {
      width: 1000px;
      display: flex;
      overflow-x: auto;
      margin: 20px 0;
  }

  .wms_relevant>ul::-webkit-scrollbar {
      width: 0 !important
  }

   .wms_relevant>ul>li {
        min-width: 22.5%;
            border: 1px solid #e1e1e1;
            border-radius: 3px;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            margin-right: 30px;
   }

   .wms_relevant>ul>li>img {
       width: 100%;
       height: 150px;
       /* border-bottom: 1px solid #e1e1e1; */
   }

   .wms_relevant>ul>li>a {
       position: relative;
       box-sizing: border-box;
       text-align: center;
       width: 100%;
       display: inline-block;
       font-size: 14px;
       height: 180px;
       background-color: #fff;
       text-align: left;
       padding: 0 10px;
   }

   .wms_relevant>ul>li>a>b {
       display: block;
       margin: 10px 0 5px 0;
       letter-spacing: 1px;
       text-align: center;
   }

   .wms_relevant>ul>li>a>i {
       display: block;
       font-size: 12px;
       font-style: normal;
       text-align: justify;
       letter-spacing: 1px;
       color: #666;
   }

   .wms_relevant>ul>li>a>p {
       position: absolute;
       left: 10px;
       bottom: 10px;
       font-size: 13px;

   }


   .wms-xtjs {}

   .wms-xtjs>.wms-xtjs-con {
       width: 1000px;
       margin: 0 auto;
   }

   .wms-xtjs>.wms-xtjs-con>p {
       font-size: 16px;
       text-align: justify;
       line-height: 30px;
   }

   .con-btn {
       text-align: center;
       margin: 20px 0 0 0;
   }

   /*  */
   .wms-xtys {
       background-color: #f5f5f5;
       margin: 40px 0 0 0;
       padding-bottom: 40px;
   }

   .wms-xtys-con>ul {
       display: flex;
       justify-content: space-between;
       width: 1000px;
       margin-top: 30px;
   }

   .wms-xtys-con>ul>li {
       width: 300px;
       background-color: #fff;
       padding: 30px;
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .wms-xtys-con>ul>li>img {
       width: 110px;
       height: 110px;
   }

   .wms-xtys-con>ul>li>h3 {
       font-size: 24px;
       color: #3799e4;
       margin: 10px 0;
   }

   .wms-xtys-con>ul>li>p {
       font-size: 16px;
       text-align: justify;
       line-height: 26px;
       letter-spacing: 1px;
   }

   .mes_list2 li {
       height: 280px;
   }
   .owl-div {
       width: 225px;
       border: 1px solid #e1e1e1;
   }

   .owl-div img {
       width: 100%;
       height: 150px;
   }

   .owl-div a {
       position: relative;
       box-sizing: border-box;
       text-align: center;
       width: 100%;
       display: inline-block;
       font-size: 14px;
       height: 180px;
       background-color: #fff;
       text-align: left;
       padding: 0 10px;
   }

   .owl-div a>b {
       display: block;
       margin: 10px 0 5px 0;
       letter-spacing: 1px;
       text-align: center;
   }

   .owl-div>a>i {
       display: block;
       font-size: 12px;
       font-style: normal;
       text-align: justify;
       letter-spacing: 1px;
       color: #666;
   }

   .owl-div>a>p {
       position: absolute;
       left: 10px;
       bottom: 10px;
       font-size: 13px;
   }