.banner{
    position: relative;
}
.banner img{
    width: 100%;
    margin-top: 2.75rem;
}
.banner .info{
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
.banner .info div:nth-of-type(1){
    font-size: 1.5rem;
    font-weight: 400px;
    text-shadow: 0px 1px 8px rgba(1, 56, 142, 0.24);
}
.banner .info .line{
    width: 1.9375rem;
height: .1875rem;
background: #FFFFFF;
margin-top: .625rem;
}
.back{
    display: flex;
    align-items: center;
    padding-left: .8125rem;
    margin-top: .75rem;
    margin-bottom: .8125rem;
}
.back .img{
    width: .375rem;
    height: .625rem;
}
.back .img img{
    width: 100%;
    display: inherit;
}
.back p{
    font-size: .75rem;
font-family: PingFang SC;
font-weight: 500;
color: #104493;
margin-left: 4px;
}
.article{

}
.article .art_tit{
    border-bottom: 1px solid #E8E8E8;
}
.article .art_tit .title{
    font-size: 1.125rem;
font-family: PingFang SC;
font-weight: 800;
color: #222222;
text-align: center;
margin-bottom: 1.0625rem;

}
.article .art_tit .from{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .625rem;
    margin-bottom: .6875rem;
}
.article .art_tit .from .left {
    display: flex;
    justify-content: start;
    align-items: center;
  
  }
  
  .article .art_tit .from .left img {
    width: .8125rem;
    height:.75rem;
  }
  
  .from .left>p {
    font-size: .75rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    margin-left: .3125rem;
  }
  
  .article .art_tit .from .right {
    font-size: .75rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
  }
  .article .art_cont{

  }
  .art_cont .art_img{
width: 21.9375rem;
height:13.75rem;
margin:18px auto ;
  }
  .art_img img{
    width: 100%;
  }
  .art_cont .art_des{
    width: 100%;
    background: url(../img/m_product/conbgc2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0 .625rem;
  }
  .art_des p{
    font-size: .75rem;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
line-height: 1.1875rem;
text-indent: 2em;
margin-bottom: 1.25rem;
text-align: justify;
  }
  .art_des p span img, .art_des p img{
    width: 90%;
    height: auto;
    transform: translateX(-8px);
  }
.article .page{
    display: flex;
    justify-content: center;
    margin-bottom: 3.0625rem;
}
.article .page div{
    width: 4rem;
    height: 1.75rem;
    background: #E7E7E7;
    border-radius: .0625rem;
    font-size: .75rem;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
text-align: center;
line-height: 1.75rem;
margin: 0 7px;
}
.page_act{
    background: #104493 !important;
    color: #FEFEFE !important;
}