body{background: #f2f4f7;}
.main{width: 19.2rem;}
.main .banner{position: relative;overflow: hidden;}
.main .banner img{width: 100%;}
.main .banner .swiper-slide{font-size: 0;position: relative;}
.main .banner .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 10px !important;}
.main .banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0.45rem;}
.main .banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{background: #fff;}
.banner-text{color: #fff;position: absolute;bottom:1.9rem;display: flex;flex-direction: column;left: 2.6rem;z-index: 2;}
.banner-text span{width:max-content;line-height: 0.8rem;font-size: 0.5rem;font-family: Arial;font-weight: bold;}
.banner-text div{width:max-content;line-height: 0.7rem;font-size: 0.36rem;font-family: "微软雅黑";}



.main>.content{width: 14rem;margin:0.7rem auto 0 auto;padding-bottom: 0.6rem;}
.main .content .content-title{font-size: 0.4rem;color: #323232;font-weight: bold;}
.main .content .ig-content{width: 14rem;font-size: 0;display: flex;justify-content: space-between;flex-wrap:wrap}
.main .content .ig-content .ig{margin-top: 0.4rem;width: 6.8rem;}
.main .content .ig-content .ig img{width:100%;height: 2.8rem;}
.main .content .ig-content .ig hr{background: #0f3691;height: 5px;border: none;display: none;}
.main .content .ig-content .ig .text-content{background: #fff;position: relative;}
.main .content .ig-content .ig .text-content::before{content: '';background: #0f3691;width: 100%;height: 5px;position: absolute;transition:all 0.4s ease}
.main .content .ig-content .ig:hover .text-content::before{height: 100%;}
.main .content .ig-content .ig .text-content .text{padding: 0.3rem 0.5rem 0.4rem 0.3rem;position: relative;z-index: 2;}
.main .content .ig-content .ig .text-content .text .text-title{color: #505050;font-weight: bold;font-size: 0.24rem;}
.main .content .ig-content .ig .text-content .text  .text-desc{color: #787878;font-size: 15px;padding-top: 0.25rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main .content .ig-content .ig:hover .text-content .text .text-title{color: #fff;}
.main .content .ig-content .ig:hover .text-content .text  .text-desc{color: #fff;}

.why{width: 19.2rem;background: #fff;}
.why-content{width: 14rem;margin: auto;padding-top: 0.6rem;padding-bottom: 1rem;}
.why-content .title{font-size: 0.4rem;font-weight: bold;color: #323232;}
.why-content .content{display: flex;padding-top: 0.5rem;}
.why-content .content .right{width: 50%;font-size: 0;}
.why-content .content .right img{width: 100%;}
.why-content .content .left{width: 50%;background: #fff;}
.why-content .content .left .left-content{padding: 0rem 0.7rem 0 0rem;}
/*.why-content .content .left .left-content .title{color: #323232;font-size: 0.3rem;font-weight: bold;}
.why-content .content .left .left-content .desc{color: #787878;font-size: 15px;padding-top: 0.45rem;line-height: 0.25rem;}
.why-content .content .left .left-content .more{color: #0f3691;font-size: 15px;padding-top: 0.3rem;}*/
.why-content .content .left .left-content p{font-size: 16px;color: #787878;margin: 0;line-height: 0.25rem;}
.why-content .content .left .left-content p:nth-last-of-type(1){margin-top: 0.45rem;}

.cooperation{width: 100%;background: #fff;position: relative;}
.cooperation .cooperation-content{width: 14rem;margin: auto;padding: 0.2rem 0 0.3rem;}
.cooperation .cooperation-content .title{font-size: 0.4rem;color:#323232;font-weight: bold;}
.cooperation-slide{overflow: hidden;padding-top: 0.75rem;}
.cooperation-slide .swiper-slide{font-size: 0;}
.cooperation-slide .swiper-slide img{width: 100%;}
.swiper-button-prev:after, .swiper-button-next:after{color: #323232;opacity: 0.2;font-size: 0.3rem !important;}
.swiper-button-prev{left: 2.25rem !important;}
.swiper-button-next{right: 2.25rem !important;}
.swiper-button-prev, .swiper-button-next{top: unset !important;bottom: 50px;}
.mobile,.mobile1{display: none;}
@media screen and (min-width: 784px) and (max-width: 1499px){
  .why-content .content .right{display: flex;align-items: center;}
  .why-content .content .left .left-content p{line-height: 25px;}
}
@media screen and (max-width: 783px){
  .banner-text{bottom: 20px;left: 5%;}
  .banner-text span{font-size: 0.4rem;line-height: 0.6rem;}
  .banner-text div{font-size: 0.3rem;}
  .main{width: 100%;}
  .main>.content{width: 90%;}
  .main .content .ig-content{width: 100%;}
  .main .content .ig-content .ig .text-content .text .text-desc{font-size: 20px;}
  .why{width: 100%;}
  .why-content{width: 100%;}
  .why-content .content{flex-direction:column;}
  .why-content .content .left{width: 90%;margin: auto;}
  .why-content .content .right{width: 90%;margin:20px auto;}
  .why-content .content .left .left-content{padding: 0;}
  .why-content{padding-bottom: 0;}
  .why-content .title{width: 90%;margin: auto;}
  .why-content .content .left .left-content p{line-height: 30px;font-size:20px}
  .cooperation .cooperation-content{width: 90%;}
  .cooperation-slide{width: 100%;}
  
  .pc1{display: none;}
  .mobile1{display: block;}
  .banner-text{bottom: 80px;left: 5%;}
  @media screen and (max-width: 760px){
    .pc{display: none;}
    .mobile{display: block;width: 100%;font-size: 0;padding: 20px 0;}
    .mobile img{width: 100%;}
    .banner-text{bottom: 45px;left: 5%;}
    @media screen and (max-width: 540px){
      .main .content .content-title{font-size: 20px;}
      .main .content .ig-content .ig .text-content .text .text-title{font-size: 18px;}
      .main .content .ig-content .ig .text-content .text .text-desc{font-size: 16px;}
      .why-content .content .left .left-content p{font-size: 16px;line-height: 25px;}
      .main .banner .swiper-pagination-bullet{width: 5px;height: 5px;margin: 0px 5px !important;}
      .main .banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 12px;}
      .main .content .ig-content .ig:hover .text-content::before{height: 5px;}
      .main .content .ig-content .ig:hover .text-content .text .text-title{color: #505050;}
.main .content .ig-content .ig:hover .text-content .text  .text-desc{color: #787878;}
    }
    
    
    
  }
}