.research {padding: 0 15px; padding-bottom: 40px;}
.research-header { padding: 40px 0; font-size: 20px; font-weight: 500; text-align: center; color: #333;}

.research-btn { text-align: center; }
.research-btn a {display: inline-block; margin: auto; padding: 0 20px; width: auto; height: 38px; line-height: 38px; font-size: 14px; font-weight: 400; background: #1e9755; color: #fff; border-radius: 50px;}

.research-list {padding: 30px 0; width: 100%;}
.research-list .re-list-item {display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 15px;}
.research-list .re-list-num {-ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; font-size: 20px; padding: 10px; background: #1e9755; color: #fff; text-align: center; font-weight: 400;}
.research-list .re-list-text { margin: 0; -ms-flex: 0 0 81%; flex: 0 0 81%; max-width: 81%; font-size: 14px;  padding-left: 10px; border: 1px solid #333; color: #979797; height: inherit; display: -ms-flexbox; display: flex; align-items: center;}

.technical {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.technical-img {margin-bottom: 20px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center;}

/* huan bao */
.huanbao {padding-top: 30px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;}
.huanbao-img {margin-bottom: 20px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.huanbao-img img {width: 100%;}
.huanbao-bd {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 40px 20px; border: 1px solid #404040; font-size: 18px; color: #404040;}
.huanbao-bd h2 {margin-bottom: 30px; font-size: 18px;}
.huanbao-bd .huanbao-con {font-size: 14px; color: #888;}

.research-img {padding: 20px 0; text-align: center; margin-bottom: 20px;}
.research-body {padding: 20px 15px; font-size: 14px; line-height: 30px; text-align: center; color: #888888; font-weight: 400;}


@media (min-width: 576px) {
  .research {padding-bottom: 50px;}
  .research-header { padding: 50px 0; font-size: 28px;}
  .research-btn a { height: 40px; line-height: 40px; font-size: 15px;}

  .research-list .re-list-item { margin-bottom: 25px;}
  .research-list .re-list-num {-ms-flex: 0 0 14%; flex: 0 0 14%; max-width: 14%; font-size: 24px; padding: 10px;}
  .research-list .re-list-text { -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; font-size: 14px;  padding-left: 20px;}

  .huanbao-bd h2 {margin-bottom: 40px; font-size: 28px;}
  .huanbao-bd .huanbao-con {font-size: 19px; line-height: 2;}

  .research-img {padding: 30px 0;}
  .research-body { font-size: 14px; line-height: 30px;}
}

@media (min-width: 768px) {
  .research-header { padding: 50px 0; font-size: 28px;}
  .research-btn a { height: 42px; line-height: 42px; font-size: 16px;}

  .research-list .re-list-item { margin-bottom: 25px;}
  .research-list .re-list-num {-ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%; font-size: 26px; padding: 10px;}
  .research-list .re-list-text { -ms-flex: 0 0 87%; flex: 0 0 87%; max-width: 87%; font-size: 14px;  padding-left: 30px;}

  .technical-img {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}


  .huanbao-bd h2 { font-size: 28px;}
  .huanbao-bd .huanbao-con {font-size: 18px; line-height: 2;}
}

@media (min-width: 992px) {
  .research {padding: 0; padding-bottom: 60px;}
  .research-header { padding: 50px 0; font-size: 30px;}
  .research-btn a {font-size: 16px; padding: 0 30px;}
  .research-list {padding: 60px 0}
  .research-list .re-list-item { margin-bottom: 25px;}
  .research-list .re-list-num {-ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; font-size: 26px; padding: 10px;}
  .research-list .re-list-text { -ms-flex: 0 0 89%; flex: 0 0 89%; max-width: 89%; font-size: 16px; padding-left: 20px;}  

  .huanbao {padding-top: 60px;}
  .huanbao-img {margin-bottom: 0px; -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%;}
  .huanbao-bd { padding: 20px; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%;}
  .huanbao-bd h2 {margin-bottom: 10px; font-size: 16px;}
  .huanbao-bd .huanbao-con {font-size: 13px; line-height: 1.6;}

  .research-img {padding: 40px 0; margin-bottom: 30px;}
  .research-body { font-size: 13px; line-height: 30px;}
  .re-btn {width: 230px !important;}
}

@media (min-width: 1200px) {
  .research {padding: 0; padding-bottom: 60px;}
  .research-header { padding: 60px 0; font-size: 32px;}
  .research-btn a {font-size: 18px; }
  
  .huanbao-bd { padding: 28px 30px; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%;}
  .huanbao-bd h2 {margin-bottom: 30px; font-size: 18px;}
  .huanbao-bd .huanbao-con {font-size: 14px; line-height: 1.8;}
  
  .research-img {padding: 40px 0; margin-bottom: 30px;}
  .research-body { font-size: 16px; line-height: 34px;}
  
  .research-list .re-list-item { margin-bottom: 25px;}
  .research-list .re-list-num {font-size: 26px;}
  .research-list .re-list-text {font-size: 14px; padding-left: 30px;} 
}
@media (min-width: 1360px) {
  .research-list .re-list-num {-ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; padding: 10px;}
  .research-list .re-list-text { -ms-flex: 0 0 89%; flex: 0 0 89%; max-width: 89%; font-size: 15px; text-indent: 40px;}  

  .huanbao-bd { padding: 40px; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%;}
  .huanbao-bd h2 {margin-bottom: 30px; font-size: 18px;}
  .huanbao-bd .huanbao-con {font-size: 16px; line-height: 1.7;}

  .huanbao-img {margin-bottom: 0px; -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%;}
  
}
@media (min-width: 1440px) {
  .research { padding-bottom: 80px;}
  .research-header { padding: 80px 0; font-size: 36px;}
  .research-btn a {  height: 46px; line-height: 46px; font-size: 22px;}
  
  .huanbao-bd { padding: 40px;}
  .huanbao-bd h2 {margin-bottom: 40px; font-size: 24px;}
  .huanbao-bd .huanbao-con {font-size: 15px; line-height: 2;}

  .re-btn {width: 330px !important;}
  
  .research-img {padding: 60px 0;}
  .research-body { padding: 60px 0; font-size: 18px; line-height: 38px;}

  .research-list .re-list-item { margin-bottom: 35px;}
  .research-list .re-list-num {font-size: 32px;}
  .research-list .re-list-text {font-size: 16px; text-indent: 50px;}  
}

@media (min-width: 1600px) {
  .research-header { padding: 100px 0; font-size: 40px;}
  .research-btn a {font-size: 24px;}

  .huanbao-bd { padding: 50px;}
  .huanbao-bd h2 {margin-bottom: 40px;}
  .huanbao-bd .huanbao-con {font-size: 18px; line-height: 1.7;}
  
  .research-list .re-list-num {font-size: 35px;}
  .research-list .re-list-text {font-size: 18px;}  
}

@media (min-width: 1800px) {
  .huanbao-bd { padding: 60px 80px;}
  .huanbao-bd h2 {margin-bottom: 80px;}
  .huanbao-bd .huanbao-con { line-height: 2;}
}