.develop_sec1{
  padding: .5rem 0;
}
.develop_sec1 .cont{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: .2rem;
}
.develop_sec1 .cont a{
  position: relative;
  display: block;
  background-color: #fff;
  border-radius: .5rem;
  padding: .2rem .28rem;
  border: 1px solid #bfbfbf;
  transition: all .3s;
}
.develop_sec1 .cont a::after{
  content:"\e64e";
  position: absolute;
  right: .27rem;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'iconfont';
  font-size: 22px;
}
.develop_sec1 .cont a:hover{
  border-color: #2ca137;
  background: #2ca137;
  color: #fff !important;
}
.develop_sec2{
  background: #eff3f5;
  padding: .6rem 0;
}
.develop_sec2 .cont{display: flex;align-items: center;}
.develop_sec2 .cont .lf{
  width: 4rem;
  border-right: 1px solid #bfbfbf;
  padding-right: .5rem;
}
.develop_sec2 .cont .lf .t{margin-bottom: .35rem;font-weight: bold;}
.develop_sec2 .cont .lf .t span{background: #479cfb;font-weight: normal;margin-right: 0.1rem;color: #fff;padding: 0 0.1rem}
.develop_sec2 .cont .lf .b{margin-top: .15rem;color: #666666}
.develop_sec2 .cont .lf .c{
  display: flex;
  justify-content: space-between;
  line-height: 1;
}
/*.develop_sec2 .cont .lf .n.down{color: #22ac38;}
.develop_sec2 .cont .lf .n.up{color: #d0021b;}*/

.develop_sec2 .cont .lf.down .c{color: #22ac38;}
.develop_sec2 .cont .lf.up .c{color: #d0021b;}


.develop_sec2 .cont .n i{font-size: 0.18rem}
.develop_sec2 .cont .nr{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.develop_sec2 .cont .rt{
  flex:1;
  padding-left: .5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}




.develop_sec3{
  padding: .5rem 0;
}
.develop_sec3 .tit{
  text-align: center;
  margin-bottom: .56rem;
}
.develop_sec3 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.develop_sec3 li{
  margin-bottom: .3rem;
  border-bottom: 1px solid #bfbfbf;
  width: 47.5%;
}
.develop_sec3 li a{
  position: relative;
  display: block;
  padding: .26rem .6rem .26rem .56rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.develop_sec3 li a::before{
  content:'';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: url(../images/dev_icon1.jpg) no-repeat center center;
}
.develop_sec3 li a::after{
  content:'';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(../images/dev_icon2.jpg) no-repeat center center;
}
.develop_sec3 li:hover{
  border-color: #2ca137;
}
.develop_more{text-align: center;margin-top: .6rem;}
.develop_sec4 .item a,
.develop_more a{
  display: inline-block;
  padding: .15rem 0.35rem .15rem 0.35rem;
  border: 1px solid #2ca137;
  border-radius: 0.5rem;
  color: #2ca137;
}
@media only screen and (min-width: 1025px) {
  .develop_sec4 .item a:hover,
  .develop_more a:hover{
    border-color: #2ca137;
    background: #2ca137;
    color: #fff !important;
  }
}

.develop_sec4{
  padding: 1.75rem 0 2.3rem;
  text-align: center;
}
.develop_sec4 .items{display: flex;align-items: center;}
.develop_sec4 .item{width: 50%;}
.develop_sec4 .item:nth-child(2){border-left: 1px solid #888f93;}
.develop_sec4 .item h3{line-height: 1;}
.develop_sec4 .item .desc{margin-top: .5rem;margin-bottom: .8rem;}

@media only screen and (max-width: 1440px) {
.develop_sec2 .cont .rt .im div:first-child{font-size: 0.24rem}
}
@media only screen and (max-width: 1280px) {
.develop_sec2 .cont .rt .im div:first-child{font-size: 0.22rem}
}
@media only screen and (max-width: 1024px) {
.develop_sec2 .cont .lf{width: 3rem}
.develop_sec2 .cont .rt{padding-left: 0.2rem}
.develop_sec2 .cont .rt .im div:first-child{font-size: 0.2rem}
}

@media only screen and (max-width:768px) {
  .develop_sec1 .cont {
    grid-template-columns: repeat(2, 1fr);
  }
  .develop_sec2 .cont{
    flex-direction: column;
    .nr{margin-left: 10px;font-size: 14px;padding: 2px 0;}
    .lf .c{justify-content: left;align-items: center;}
    .lf,
    .rt{padding: 0 !important; width: 100%;border: none;}
    .rt{
      margin-top: .2rem;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      .im{margin-bottom: 10px;}
    }
  }
  .develop_sec3 ul{display: block;}
  .develop_sec3 li{
    width: 100%;
  }
  .develop_sec3 li a::before,
  .develop_sec3 li a::after{
    width: 18px;
    height: 18px;
    background-size: contain;
  }
  .develop_sec4 .item a,
  .develop_more a{font-size: 14px;}
  .develop_sec4{
    padding: .8rem 0;
    .items{flex-direction: column;}
    .item{width: 100%;border: none !important;}
    .item .desc,
    .item:nth-child(1){margin-bottom: .4rem;}
  }

  .develop_sec2 .cont .n i{font-size: 14px}
  .nr p{padding: 2px 0}
  .develop_sec2 .cont .rt .im div:first-child{font-size: 18px}
}

/*字号颜色修改*/
.develop_sec3 .tit,.develop_sec4 .item h3{font-weight: bold}
.develop_sec4 .item .desc,.develop_sec3 li a,.develop_sec2 .cont .lf .b,.develop_sec2 .cont .rt{color: #606060;}