@charset "UTF-8";
.banner .img {
  width: 100vw;
  height: 4.82rem;
  overflow: hidden;
}

.banner .img img {
  width: 100%;
}

/*框架*/
.frame {
  margin: .8rem 0rem;
}

.frame .title img {
  width: .53rem;
  height: .77rem;
}

.frame .title span {
  font-size: .3rem;
  font-weight: bold;
  margin-left: .2rem;
}

.frame .gsgk .about .abcont {
  display: flex;
  justify-content: space-between;
}

.frame .gsgk .about .abcont .abl {
  width: 45%;
}

.frame .gsgk .about .abcont .abl .atit {
  font-size: .24rem;
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: .5rem;
}

.frame .gsgk .about .abcont .abl p {
  font-size: .16rem;
  text-align: justify;
  text-indent: .32rem;
  line-height: .32rem;
}

.frame .gsgk .about .abcont .abr {
  width: 45%;
}

.frame .gsgk .about .abcont .abr img {
  width: 5.36rem;
}

.frame .gsgk .ryzz {
  margin-top: .8rem;
}

.frame .gsgk .ryzz .rytit {
  display: flex;
  align-items: center;
}

.frame .gsgk .ryzz .rytit .line {
  width: 0.05rem;
  height: .3rem;
  background-color: #023892;
}

.frame .gsgk .ryzz .rytit p {
  font-size: .3rem;
  font-weight: bold;
  margin-left: .1rem;
}

.frame .gsgk .ryzz .rylist {
  margin-top: .5rem;
}

.frame .gsgk .ryzz .rylist .ryswiper .rybox {
  background-color: #f4f4f4;
  padding: .2rem;
}

.frame .gsgk .ryzz .rylist .ryswiper .rybox .img {
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
}

.frame .gsgk .ryzz .rylist .ryswiper .rybox .img img {
  display: block;
  margin: 0 auto;
  height: 100%;
}

.frame .gsgk .ryzz .bbimg {
  width: 100%;
  margin-top: 1rem;
}

.frame .gsgk .ryzz .bbimg img {
  width: 100%;
  height: auto;
}

.frame .gsgk .ywfw {
  margin-top: .8rem;
}

.frame .gsgk .ywfw .rytit {
  display: flex;
  align-items: center;
}

.frame .gsgk .ywfw .rytit .line {
  width: 0.05rem;
  height: .3rem;
  background-color: #023892;
}

.frame .gsgk .ywfw .rytit p {
  font-size: .3rem;
  font-weight: bold;
  margin-left: .1rem;
}

.frame .gsgk .ywfw .bbimg {
  width: 60%;
  margin-top: 1rem;
  margin: 0 auto;
}

.frame .gsgk .ywfw .bbimg img {
  display: block;
  width: 100%;
  height: auto;
}

.frame .solution ul {
  margin-top: .5rem;
  display: flex;
  flex-wrap: wrap;
}

.frame .solution ul li {
  width: 4.42rem;
  margin: .4rem;
}

.frame .solution ul li .img {
  width: 4.42rem;
  height: 2.3rem;
  overflow: hidden;
}

.frame .solution ul li .img:hover img {
  transform: scale(1.1);
}

.frame .solution ul li .img img {
  width: 100%;
  transition: transform 0.3s ease;
}

.frame .solution ul li p {
  margin-top: .3rem;
  text-align: center;
}

.frame .solution ul li p a {
  font-size: .24rem;
}

.frame .case ul {
  margin-top: .5rem;
  display: flex;
  flex-wrap: wrap;
}

.frame .case ul li {
  width: 4.42rem;
  margin: .4rem;
}

.frame .case ul li .img {
  width: 4.42rem;
  height: 2.69rem;
  overflow: hidden;
}

.frame .case ul li .img:hover img {
  transform: scale(1.1);
}

.frame .case ul li .img img {
  width: 100%;
  transition: transform 0.3s ease;
}

.frame .case ul li .text .tits {
  margin: .2rem 0rem;
}

.frame .case ul li .text .tits a {
  font-size: .24rem;
}

.frame .case ul li .text .deil {
  font-size: .16rem;
  color: #aaaaaa;
  line-height: .32rem;
}

.frame .case ul li .btn {
  margin-top: .2rem;
  display: inline-block;
  padding: .1rem .2rem;
  background-color: #2783ca;
  color: #fff;
  text-align: center;
}

.frame .cooperation .cooperation-list {
  margin-top: .5rem;
  display: flex;
  flex-wrap: wrap;
}

.frame .cooperation .cooperation-list li {
  margin: .1rem;
  width: 23%;
  height: 1.5rem;
  overflow: hidden;
  border: 0.01rem solid #e0e0e0;
  padding: .2rem 0;
}

.frame .cooperation .cooperation-list li img {
  display: block;
  margin: 0 auto;
  align-items: center;
  height: 100%;
}

.frame .allnews .news-list {
  margin-top: .5rem;
}

.frame .allnews .news-list li {
  margin-bottom: .4rem;
  background-color: #f4f4f4;
  padding: .2rem;
  display: flex;
  justify-content: space-between;
}

.frame .allnews .news-list li .newl {
  width: 70%;
  display: flex;
  margin-top: .1rem;
}

.frame .allnews .news-list li .newl .l {
  width: 0.1rem;
  height: .2rem;
  background-color: #f29700;
}

.frame .allnews .news-list li .newl .r {
  margin-left: .2rem;
}

.frame .allnews .news-list li .newl .r a {
  font-size: .18rem;
  font-weight: bold;
}

.frame .allnews .news-list li .newl .r .deil {
  font-size: .16rem;
  line-height: .32rem;
  margin: .2rem 0rem;
}

.frame .allnews .news-list li .newl .r .time {
  display: inline-block;
  background-color: #023892;
  padding: .1rem .2rem;
  color: #fff;
}

.frame .allnews .news-list li .newr {
  width: 25%;
  height: 2rem;
  overflow: hidden;
}

.frame .allnews .news-list li .newr img {
  width: 100%;
  height: auto;
}

.frame .contact .contact-list {
  margin-top: .5rem;
  margin-left: .68rem;
}

.frame .contact .contact-list p {
  font-size: .22rem;
  margin-bottom: .2rem;
}

.frame .contact .img {
  width: 100%;
  margin-top: .5rem;
}

.frame .contact .img img {
  width: 100%;
  height: auto;
}

.frame .tyny .nytitel {
  text-align: center;
  border-bottom: 0.01rem solid #e0e0e0;
  padding-bottom: .2rem;
}

.frame .tyny .nytitel .tit {
  font-size: .32rem;
  font-weight: bold;
}

.frame .tyny .nytitel .time {
  font-size: .16rem;
  margin-top: .2rem;
  color: #aaaaaa;
}

.frame .tyny .texts {
  margin-top: .5rem;
}

.frame .tyny .texts p {
  font-size: .18rem;
  line-height: .32rem;
  text-align: justify;
  text-indent: .32rem;
  margin: .2rem 0rem;
}

.frame .tyny .texts p img {
  display: block;
  margin: 0 auto;
  width: 60%;
  height: auto;
}

.frame .tyny .texts .textbold {
  font-weight: bold;
  font-size: .24rem;
  margin: .4rem 0rem;
}

/*小屏幕*/
