 .swiper {
   width: 13.95rem;
   /*  height: 6.6rem;*/
   background: #ffffff;
   border-radius: 12px;
 }

 /* .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;

   Center slide text vertically
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
 } */

 /*.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}*/


 .bannerBOX{
     width: 100%;
     height: 9.05rem;
     margin-top:2.65rem;
     border-rdius: 0 0 50px 50px;
 }
 .bannerBOX a {
     display: inline-block;
     width: 100%;
     height: 100%;
 }
 .bannerBOX a img{
     width: 100%;
     height: 100%;
     border-radius: 0 0 50px 50px;
 }
 .swiper-wrapper {
   width: 13.95rem;
   height: 6.6rem;
   background: #ffffff;
   border-radius: 12px;
 }

 .swiper-wrapper .swiper-slide {
   width: 100%;
   border-bottom: 1px solid #b3b3b3;
   margin-top: .82rem;
   padding-bottom: .3rem;
 }
 .swiper-wrapper .swiper-slide a{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  cursor: pointer;
 }

 .swiper-wrapper .swiper-slide a .swiper-slide-top {
   width: 100%;
   display: flex;
   justify-content: space-between;
 }

 .swiper-wrapper .swiper-slide a .swiper-slide-top img {
   width: 3.42rem;
   height: 1.96rem;
 }

 .swiper-wrapper .swiper-slide a .swiper-slide-top div {
   width: 8.33rem;
   display: flex;
   flex-direction: column;
 }

 .swiper-wrapper .swiper-slide a .swiper-slide-top div p:nth-child(1) {
   font-size: 30px;
   font-family: PingFang HK, PingFang HK-Regular;
   font-weight: 400;
   color: #333333;
   letter-spacing: 2.1px;
 }

 .swiper-wrapper .swiper-slide a .swiper-slide-top div p:nth-child(2) {
   width: 100%;
   font-size: 26px;
   font-family: PingFang HK, PingFang HK-Regular;
   font-weight: 400;
   color: #666666;
   line-height: 51px;
   letter-spacing: 1.82px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   margin-top: .4rem;
 }

 .swiper-wrapper .swiper-slide a .swiper-slide-bottom {
   display: flex;
   align-items: center;
   font-size: 24px;
   font-family: PingFang HK, PingFang HK-Regular;
   font-weight: 400;
   color: #999999;
   letter-spacing: 1.68px;
   margin-top: .21rem;
 }

 .swiper-wrapper .swiper-slide a .swiper-slide-bottom img {
   width: 22px;
   height: 22px;
   margin-left: .1rem;
 }


 /* .swiper-wrapper .swiper-slide {
   width: 13.95rem;
   height: 2.2rem;
   background: #ffffff;
   border-radius: 0.14rem;
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .swiper-wrapper .swiper-slide .leftImg {
   width: 2.8rem;
   height: 1.73rem;
 }

 .swiper-wrapper .swiper-slide .rightBox {
   width: 10.45rem;
   height: 1.73rem;
   margin-left: 0.23rem;
 }

 .swiper-wrapper .swiper-slide .rightBox .titleBox {
   width: 100%;
   height: 40px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .swiper-wrapper .swiper-slide .rightBox .titleBox .title {
   width: 5.86rem;
   height: 0.48rem;
   font-size: 0.33rem;
   font-family: Source Han Sans SC, Source Han Sans SC-Medium;
   font-weight: 500;
   text-align: left;
   color: #000000;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 .swiper-wrapper .swiper-slide .rightBox .titleBox .iconBox {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .swiper-wrapper .swiper-slide .rightBox .titleBox .iconBox span {
   font-size: 0.21rem;
   font-family: Source Han Sans SC, Source Han Sans SC-Regular;
   font-weight: 400;
   text-align: left;
   color: #da251d;
 }

 .swiper-wrapper .swiper-slide .rightBox .titleBox .iconBox img {
   width: 0.19rem;
   height: 0.19rem;
 }

 .swiper-wrapper .swiper-slide .rightBox .line {
   width: 0.64rem;
   height: 0.03rem;
   background: #ea253c;
   border-radius: 0.02rem;
   margin: 15px 0;
 }

 .swiper-wrapper .swiper-slide .rightBox .infor {
   width: 10.45rem;
   height: 0.87rem;
   font-size: 0.26rem;
   font-family: Source Han Sans SC, Source Han Sans SC-Regular;
   font-weight: 400;
   text-align: left;
   color: #666666;
   line-height: 0.49rem;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   /* 可以显示的行数，超出部分用...表示*/
 -webkit-box-orient: vertical;
 }

 .swiper-wrapper .swiper-slide .mark {
   width: 100%;
   height: 100%;
   background-color: rgba(255, 255, 255, 0.7);
   position: absolute;
   top: 0;
   left: 0;
   box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.08);
 }

 */ .swiper-slide-next {
   /*  height: 200px;*/
   box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.14);
 }

 .swiper-slide-next .mark {
   width: 0 !important;
   height: 0 !important;
 }

 .swiper-list {
   margin: 1.07rem;
 }

 .swiper-list .titles {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }

 .swiper-list .titles p:nth-child(1) {
   font-size: 60px;
   font-family: PingFang HK, PingFang HK-Medium;
   font-weight: 500;
   color: #333333;
 }

 .swiper-list .titles p:nth-child(2) {
   width: .74rem;
   height: .05rem;
   background-color: #cc0000;
   margin-top: .07rem;
 }

 .swiper-list .titles p:nth-child(3) {
   font-size: 30px;
   font-family: PingFang HK, PingFang HK-Regular;
   font-weight: 400;
   color: #333333;
   letter-spacing: 2.1px;
   margin-top: .54rem;
 }

 .swiper-list .titles p:nth-child(4) {
   width: 12.93rem;
   height: 1px;
   background-color: #b3b3b3;
   margin-top: 1rem;
 }

 .swiper-list .titles p {
   font-size: 0.4rem;
   color: #000;
   padding: 0 0.1rem;
 }

 .swiper-list .titles img {
   width: 0.36rem;
   height: 0.2rem;
 }

 .swiper-list .journalismList {
   width: 13.95rem;
   /*  height: 2.2rem;*/
   display: flex;
   align-items: center;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
 }

 .swiper-list .journalismList .list {
   width: 47%;
   height: 0.42rem;
   font-size: 0.28rem;
   font-family: Source Han Sans SC, Source Han Sans SC-Regular;
   font-weight: 400;
   text-align: left;
   color: #333333;
   margin-top: 0.1rem;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }








 #content-pages {
   margin: 0 auto;
   font-size: 0.12rem;
   position: relative;
   z-index: 0;
 }

 #content-pages .swriper {
   width: 100%;
   border-radius: 0 0 50px 50px;
   overflow: hidden;
 }

 #content-pages .search {
   width: 14rem;
   position: absolute;
   top: 1.1rem;
   left: 50%;
   transform: translate(-50%);
   z-index: 5;
   display: flex;
   justify-content: space-between;
 }

 #content-pages .search .box {
   position: relative;
   display: flex;
 }

 #content-pages .search .box button {
   border: none;
 }

 #content-pages .search .box input {
   width: 3rem;
   height: 0.5rem;
   border-radius: 0.25rem;
   padding-left: 0.3rem;
   outline: none;
 }

 #content-pages .search .box img {
   position: absolute;
   right: 0.2rem;
   top: 50%;
   transform: translate(0, -50%);
   width: 0.28rem;
   height: 0.28rem;
 }

 #content-pages .describe {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 #content-pages .describe a {
   color: #fff;
 }

 #content-pages .describe .left {
   background-color: #FFFCFC;
   width: 7.6rem;
   height: 5.4rem;
   padding: 1rem 0.4rem;
 }

 #content-pages .describe .left .title {
   display: flex;
   align-items: center;
   font-weight: bold;
   margin-bottom: 0.65rem;
 }

 #content-pages .describe .left .title p {
   font-size: 0.4rem;
   color: #000;
   padding: 0 0.1rem;
 }

 #content-pages .describe .left .title img {
   width: 0.36rem;
   height: 0.2rem;
 }

 #content-pages .describe .left .text {
   width: 5.4rem;
   /*height: 1.2rem;*/
   margin-bottom: 0.4rem;
   font-size: 0.2rem;
   line-height: 0.4rem;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
 }

 #content-pages .describe .left .btn {
   width: 1.6rem;
   height: 0.54rem;
   text-align: center;
   line-height: 0.54rem;
   font-size: 0.22rem;
   border-radius: 0.1rem;
   background-color: #EA253C;
   color: #fff;
   cursor: pointer;
 }

 #content-pages .describe .left .btn:hover {
   background-color: #fa2841;
 }

 #content-pages .describe .right {
   position: relative;
   right: 0.5rem;
   width: 6.48rem;
   height: 3.64rem;
   display: flex;
   align-items: center;
 }

 #content-pages .describe .right video {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 #content-pages .product {
   position: relative;
 }

 #content-pages .product a {
   color: #fff;
 }

 #content-pages .product img {
   width: 100%;
 }

 #content-pages .product .btn {
   position: absolute;
   bottom: 3rem;
   right: 3.5rem;
   width: 1.6rem;
   height: 0.54rem;
   text-align: center;
   line-height: 0.54rem;
   font-size: 0.22rem;
   border-radius: 0.1rem;
   /*  background-color: #EA253C;*/
   color: #fff;
   cursor: pointer;
 }

 #content-pages .product .btn:hover {
   background-color: #fa2841;
 }

 #content-pages .advantage {
   position: relative;
   margin-top: 1.99rem;
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 #content-pages .advantage .advantage_title {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 #content-pages .advantage .advantage_title p:nth-child(1) {
   font-size: 60px;
   font-family: PingFang HK, PingFang HK-Medium;
   font-weight: 500;
   color: #333333;
 }

 #content-pages .advantage .advantage_title p:nth-child(2) {
   width: .74rem;
   height: .05rem;
   background-color: #cc0000;
   margin-top: .07rem;
 }

 #content-pages .advantage .advantage_title p:nth-child(3) {
   font-size: 30px;
   font-family: PingFang HK, PingFang HK-Regular;
   font-weight: 400;
   color: #333333;
   letter-spacing: 2.1px;
   margin-top: .36rem;
 }

 #content-pages .advantage .advantage_box {
   margin-top: 2.10rem;
   width: 9.62rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;

 }

 #content-pages .advantage .advantage_box img {
   width: 244px;
   height: 244px;
   margin-bottom: 1.13rem;
 }

 #content-pages .solve {
   /*  position: relative;*/
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   /* margin-top:0.4rem; */
   margin-top: 1.55rem;
 }

 #content-pages .solve .back-img {
   width: 100%;
   height: 9.85rem;
 }

 #content-pages .solve .title {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 #content-pages .solve .title p:nth-child(1) {
   font-size: 60px;
   font-family: PingFang HK, PingFang HK-Medium;
   font-weight: 500;
   color: #333333;
 }

 #content-pages .solve .title p:nth-child(2) {
   width: 74px;
   height: 0.06rem;
   background-color: #cc0000;
   margin-top: .17rem;
 }

 #content-pages .solve .title p:nth-child(3) {
   font-size: 30px;
   font-family: PingFang HK, PingFang HK-Regular;
   font-weight: 400;
   color: #333333;
   letter-spacing: 2.1px;
   margin-top: .26rem;
 }

 #content-pages .solve .title p:nth-child(4) {
   width: 12.93rem;
   height: 1px;
   background-color: #b3b3b3;
   margin-top: 1rem;
 }

 /* #content-pages .solve .title p {
  font-size: 0.4rem;
  color: #000;
  padding: 0.1rem 0.1rem;
}
#content-pages .solve .title img {
  width: 0.36rem;
  height: 0.2rem;
} */
 #content-pages .solve .solve-list {
   margin-top: 1.28rem;
   /*display: flex;
  justify-content: center;*/
   /*position: absolute;
  width: 14rem;*/
   /* top: 1.6rem;
  left: 50%; */
   /*  transform: translate(-50%);*/
 }

 #content-pages .solve .solve-list .solve-item {
   width: 13.35rem;
 }

 #content-pages .solve .solve-list .solve-item a {
   display: flex;
   width: 100%;
   flex-direction: column;
   align-items: flex-end;
 }

 #content-pages .solve .solve-list .solve-item a .solve-item-top {
   width: 100%;
   height: 262px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 #content-pages .solve .solve-list .solve-item a .solve-item-top img {
   width: 262px;
   height: 262px;
 }

 #content-pages .solve .solve-list .solve-item a .solve-item-top .written {
   width: 9.93rem;
   height: 262px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }

 #content-pages .solve .solve-list .solve-item a .solve-item-top .written .p1 {
   font-size: 36px;
   font-family: PingFang HK, PingFang HK-Medium;
   font-weight: 500;
   color: #333333;
   letter-spacing: 2.52px;
 }

 #content-pages .solve .solve-list .solve-item a .solve-item-top .written .p2 {
   font-size: 30px;
   font-family: PingFang HK, PingFang HK-Regular;
   font-weight: 400;
   color: #333333;
   line-height: 55px;
   letter-spacing: 2.1px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
 }

 #content-pages .solve .solve-list .solve-item a .iconBox {
   display: flex;
   align-items: center;
   font-size: 30px;
   font-family: PingFang HK, PingFang HK-Light;
   font-weight: 300;
   color: #333333;
   letter-spacing: -2.16px;
 }

 #content-pages .solve .solve-list .solve-item a .iconBox img {
   width: 28px;
   height: 28px;
   margin-left: .16rem;
 }

 .BigBarnner {
   width: 100%;
   height: 8.74rem;
   margin-top: 1.91rem;
 }

 .BigBarnner img {
   width: 100%;
   height: 100%;
 }

 #content-pages .case-list {
   margin-top: 1.5rem;
 }

 #content-pages .case-list .title {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }

 #content-pages .case-list .title p:nth-child(1) {
   font-size: 60px;
   font-family: PingFang HK, PingFang HK-Medium;
   font-weight: 500;
   color: #333333;
 }

 #content-pages .case-list .title p:nth-child(2) {
   width: .74rem;
   height: .05rem;
   background-color: #cc0000;
   margin-top: .06rem;
 }

 #content-pages .case-list .title p:nth-child(3) {
   font-size: 30px;
   font-family: PingFang HK, PingFang HK-Regular;
   font-weight: 400;
   color: #333333;
   margin-top: .52rem;
 }

 #content-pages .case-list .title p:nth-child(4) {
   width: 12.93rem;
   height: 1px;
   background-color: #b3b3b3;
   margin-top: .78rem;
 }

 #content-pages .case-list .flex-box {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   width: 14rem;
   margin: .92rem auto 0;
   position: relative;
   background-color: #fff;
 }

 #content-pages .case-list .flex-box .layui-this {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   width: 14rem;
   margin: 0 auto;
   position: relative;
   padding: 0 1rem;
   background-color: #fff;
 }

 #content-pages .case-list .flex-box .layui-carousel {
   background-color: #fff !important;
 }

 #content-pages .case-list .flex-box .layui-this .flex {
   position: relative;
   margin: 0.19rem;
   box-shadow: 0px 0px 0.1rem #ccc;
   background-color: #fff;
   height: 44%;
 }

 #content-pages .case-list .flex-box .layui-this .flex .p {
   position: absolute;
   bottom: 0.4rem;
   left: 50%;
   transform: translate(-50%);
   font-size: 0.24rem;
   width: 1.68rem;
   text-align: center;
 }

 #content-pages .case-list .flex-box .layui-this .flex img {
   width: 2.6rem;
 }

 #content-pages .case-list .flex-box .layui-this .flex .hide-text {
   display: none;
 }

 #content-pages .case-list .flex-box .layui-this .flex .show-text {
   width: 2.6rem;
   height: 0.8rem;
   background-color: #EA253C;
   position: absolute;
   bottom: 0rem;
   left: 0;
   color: #fff;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   font-size: 0.2rem;
 }

 #content-pages .case-list .flex-box .layui-this .flex .show-text p {
   white-space: nowrap;
 }

 #content-pages .case-list .flex-box .layui-this .flexborder {
   border: 0.01rem solid #EA253C;
   overflow: hidden;
   width: 2.6rem;
 }

 #content-pages .case-list .flex-box .layui-this .flexborder a {
   text-align: center;
   display: flex;
   justify-content: center;
 }

 #content-pages .case-list .flex-box .layui-this .flexborder a img {
   width: 3rem;
   transition: width 1s;
   /*  margin-right: 0.3rem;*/
 }

 #content-pages .case-list .flex-box .jiantou {
   position: absolute;
   left: -0.6rem;
   top: 50%;
   transform: translate(0, -50%);
 }

 #content-pages .case-list .flex-box .jiantou .iconfont {
   font-size: 0.5rem !important;
   color: #999;
 }

 #content-pages .case-list .flex-box .jiantou .iconfont:hover {
   color: #EA253C;
 }

 #content-pages .case-list .flex-box .jiantou .you {
   position: relative;
   left: 12.1rem;
 }

 #content-pages .case-list .page {
   margin-top: 0.2rem;
   display: flex;
   justify-content: center;
 }

 #content-pages .case-list .page .pagination {
   font-size: 0.2rem;
   display: flex;
   justify-content: center;
 }

 #content-pages .case-list .page .pagination li,
 #content-pages .case-list .page .pagination a,
 #content-pages .case-list .page .pagination span {
   text-align: center;
   line-height: 0.28rem;
   border: 0.02rem solid #999;
   width: 0.32rem;
   height: 0.32rem;
   border-radius: 0.05rem;
   margin: 0.07rem;
   box-sizing: border-box;
 }

 #content-pages .case-list .page .pagination li:hover,
 #content-pages .case-list .page .pagination a:hover,
 #content-pages .case-list .page .pagination span:hover {
   background-color: #EA253C;
   color: #fff;
   border: none;
   line-height: 0.32rem;
 }

 #content-pages .case-list .page .pagination a,
 #content-pages .case-list .page .pagination span {
   border: none;
 }

 #content-pages .case-list .page .pagination .active {
   background-color: #EA253C;
   color: #fff;
   border: 0.02rem solid #EA253C;
 }

 .heng-img {
   width: 100%;
   height: .55rem;
   margin-top: 1.44rem;
 }

 .heng-img img {
   width: 100%;
   height: 100%;
 }

 #content-pages .fixed {
   position: fixed;
   right: 0;
   bottom: 20%;
   font-size: 12px;
 }

 #content-pages .fixed .fixed-box {
   background-color: #EA253C;
   color: #fff;
   border-radius: 10px 0 0 10px;
   display: flex;
   padding: 10px;
   align-items: center;
   justify-content: center;
   margin-top: 80px;
   width: 60px;
   height: 60px;
 }

 #content-pages .fixed .fixed-box .box-left {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 #content-pages .fixed .fixed-box .box-left img {
   width: 28px;
   height: 28px;
 }

 #content-pages .fixed .fixed-box .box-left p {
   white-space: nowrap;
 }

 #content-pages .fixed .fixed-box-ewm {
   position: relative;
 }

 #content-pages .fixed .fixed-box-ewm .ewm {
   width: 0;
   height: 0;
   position: absolute;
   top: 60px;
   right: 0;
   transition: all 0.5s;
 }

 #content-pages .fixed .fixed-box-ewm:hover .ewm {
   width: 100px;
   height: 100px;
   position: absolute;
   top: 60px;
   right: 0;
   transition: all 0.5s;
   border: 5px solid #EA253C;
 }

 #content-pages .fixed .fixed-box1 {
   width: 160px;
   height: 60px;
   position: absolute;
   right: -100px;
   top: 140px;
   background-color: #EA253C;
   color: #fff;
   border-radius: 10px 0 0 10px;
   display: flex;
   padding: 10px;
   align-items: center;
   justify-content: space-between;
   margin-top: 10px;
   transition: all 0.5s;
 }

 #content-pages .fixed .fixed-box1 .box-left {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 #content-pages .fixed .fixed-box1 .box-left img {
   width: 28px;
   height: 28px;
 }

 #content-pages .fixed .fixed-box1 .box-left p {
   white-space: nowrap;
 }

 #content-pages .fixed .fixed-box1 .pp {
   white-space: nowrap;
 }

 #content-pages .fixed .fixed-box1:hover {
   right: 0;
   transition: all 0.5s;
 }

 .animetion2 {
   animation: 0.5s linear 0s normal enter;
 }

 @keyframes enter {
   0% {
     opacity: 0;
     transform: scale3d(1, 1, 1) translate3d(0, 1rem, 0);
     animation-timing-function: linear;
   }

   100% {
     opacity: 1;
     transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
     animation-timing-function: linear;
   }
 }