/* 
        pc端适配方案开始
   */
   html,
   body {
       overflow-x: hidden;
   }

   .softContainer {
       width: 100%;
       display: flex;
       flex-direction: column;
   }

   .softBanner {
       width: 100%;
       display: block;
       height: auto;
   }

   .softBanner img {
       width: 100%;
       display: block;
       margin-top: 120px;
   }

   .softNav {
       height: 100px;
       background: #2C2C34;
       width: 100%;
   }

   .softNav ul {
       width: 70%;
       display: flex;
       align-items: center;
       margin: 0 auto;
       height: 100px;
   }

   .softNav ul li {
       display: flex;
       align-items: center;
   }

   .softNav ul li a {
       padding: 0 40px;
       color: #fff;
       line-height: 100px;
   }

   .softNav ul li a:hover {
       color: red;
   }

   .softTitle {
       width: 100%;
       padding-top: 64px;
       padding-bottom: 30px;
       text-align: center;
   }

   .softTitle p {
       /* width: 100%; */
       width: 32px;
       height: 4px;
       background: #CA1421;
       margin: 0 auto;
       margin-top: 8px;
   }

   .softTitle span {
       font-size: 30px;
       font-family: AliMedium;
       font-weight: 500;
       color: #2C2C34;
   }

   .imgs {
       width: 100%;
       margin-top: 20px;
       background-color: #f5f5f5;
       padding: 45px 0;
   }

   .imgs ul {
       width: 78%;
       margin: 0 auto;
       display: flex;
       flex-wrap: wrap;
   }

   /* .imgs ul li img {
        width: 500px;
        height: 500px;
        display: block;
    } */

   .imgs ul li {
       display: flex;
       flex-direction: column;
       margin: 0 10px;
   }

   .imgs ul li img {
       display: block;
       width: 350px;
       margin-top: 15px;
   }

   .imgs ul li span {
       font-size: 16px;
       margin-top: 15px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       display: block;
       width: 350px;
   }

   .nagation {
       width: 77%;
       margin: 0 auto;
   }

   .nagation ul {
       margin-top: 40px;
       width: 100%;
       display: flex;
       justify-content: flex-end;
   }
   .nagation ul li span{
    display: block;
   }

   .nagation ul li {
       width: 50px;
       height: 35px;
       display: flex;
       justify-content: flex-end;
       margin: 0 10px;
       line-height: 35px;
   }

   .nagation ul li a {
       display: block;
       width: 50px;
       height: 35px;
       text-align: center;
       border: 1px solid #ccc;
   }

   .nagation ul li:hover a {
       background: red;
       color: #fff;
       border: none;
   }

   .zhongjian {
       width: 1200px;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-around;
       align-content: space-between;
       margin: 0 auto;
       background-color: rgb(245, 245, 245);
   }

   #da {
       height: 1190px;
       background-color: rgb(245, 245, 245);
   }

   .list {
       margin-top: 25px;
       border-radius: 15px;
       width: 250px;
       height: 350px;
       background-color: #fff;
   }

   .list ul li img {
       width: 175px;
       height: 250px;
       transition: all .5s ease .1s;
       margin-top: 35px;
   }

   .list ul li {
       border: 1px solid #fff;
       width: 100%;
       height: 100%;
       text-align: center;
   }

   .list ul li p {
       margin-top: 25px;
   }

   .list ul li img:hover {
       cursor: pointer;
       transform: scale(1.2)
   }

   #fensye {
       display: none;
   }

   /* 
        pc端适配方案结束
    */

   /* 
        移动端适配方案开始
    */

   /* 媒体查询 */
   @media (max-width: 767px) {

       .softTitle {
           display: none;
       }

       .softTitle span,
       .softTitle p {
           position: relative;
           top: -4rem;
       }

       #da {
           display: block;
           width: 94%;
           height: 74rem;
           overflow: hidden;
           margin: 0 auto;
       }

       #da .zhongjian {
           height: 60rem;
           width: 100%;
           display: flex;
       }

       #da .zhongjian div {
           height: 11.5rem;
           width: 10rem;
       }

       #da .zhongjian div ul li {
           width: 10rem;
           margin-top: -0.9rem;
       }

       #da .zhongjian div ul li p {
           margin: 0 auto;
           margin-top: 0.9rem;
           width: 80%;
       }

       #da .zhongjian div ul {
           width: 10rem;
       }

       #da img {
           width: 5rem;
           height: 6rem;
       }

       .nagation {
           display: none;
       }

       .list ul li {
           border: none;
       }

       .list {
           margin-top: 0.5rem;
       }

       .aboutAsTitle {
           width: 100%;
           text-align: center;
       }


       /* 封装h5小型模块 */
       .footer {
           display: none;
       }

       .zuihou {
           width: 100%;
           display: flex;
       }

       .vertical {
           margin-top: 1rem;
           margin-left: 2rem;
       }

       .vertical ul {
           width: 5rem;
       }

       .vertical ul li {
           width: 100%;
           height: 2rem;
           text-align: center;
           line-height: 2rem;
       }

       .right-two {
           width: 6rem;
           height: 6rem;
       }

       .right-two img {
           width: 100%;
           height: 100%;
       }

       .right {
           position: relative;
           top: -0.55rem;
           margin-left: -0.1rem;
       }

       /* 更改分页 */

       #fensye {
           font-size: 16px;
           margin-top: 1.5rem;
           display: block;
           width: 100%;
       }

       #fensye ul {
           width: 80%;
           /* background-color: #FFFFFF; */
           margin: 0 auto;
           display: flex;
       }

       #fensye ul li {
           width: 20%;
           line-height: 2rem;
           margin: 2px;
           text-align: center;
           background-color: #FFFFFF;
           color: #1989FA;
       }

       #fensye ul li:first-child,
       #fensye ul li:last-child {
           width: 25%;
           color: #1989FA;
       }

       #fensye ul .ative {
           /* font-size: 15px; */
           background-color: blueviolet;
           color: white;
       }

       /* 分页完毕 */
   }

   /* 
        移动端适配方案结束
    */