@charset "utf-8";
.banner .box {

  display: flex;

  width: 100%;

  justify-content: space-between;

  align-items: end;

  flex-wrap: wrap;

}
.form-group {

  display: flex;

  width: 458px;

  max-width: 100%;

  align-items: center;

}

.form-group .control-label {

  font-size: 18px;

  font-weight: 500;

  min-width: 153px;

  letter-spacing: 0;

  margin-right: 5px;

}

.form-group .form-control {

  margin-bottom: 0;

}

.top_product {

  background: #ffffff;

  padding: 80px 0;

}

.top_product .title {

  margin: 0;

  font-size: 56px;

  font-weight: 900;

  color: #009843;

}

.top_product .name {

  font-size: 24px;

  font-weight: 500;

  color: #000000;

  margin: 0;

}

.top_product .row {

  display: flex;

}

.top_product .pic {

  width: 50%;

}

.top_product .text_box {

  color: #000000;

  font-size: 20px;

  width: 50%;

}

.top_product .text_box .text {

  max-width: 611px;

  letter-spacing: 0;

  margin: 50px 0px;

}

.top_product .text_box .text ul{

  padding-left: 20px;

}

.top_product .text_box .tit {

  color: #009843;

}

.top_product .text_box .btn.btn2{

  color: #000000;

  font-weight: 600;

}

.top_product .text_box .btn.btn2:hover{
  color: #fff;
}

.top_product .no {

  line-height: 50px;

  background: #009742;

  font-size: 18px;

  font-weight: 500;

  color: #000000;

  display: inline-block;

  padding: 0 15px;

  letter-spacing: 0;

}

.top_product .no .point {

  color: #ffffff;

}

.bar {

  background: #d3d3d3;

  text-align: center;

}

.bar a {

  display: inline-block;

  padding: 22px 30px;

  color: #000;

  font-size: 18px;

  font-weight: bold;

  letter-spacing: 0;

}

.sect-detail {

  background: #fff;

  text-align: center;

  padding-bottom: 120px;

}

.sect-detail .page {

  padding: 70px 0;

}

.sect-detail .page:last-child {

  padding-bottom: 0;

}

.sect-detail .sub-title {

  margin: 0 0 50px;

  font-size: 36px;

  font-weight: 900;

  color: #000;

  letter-spacing: 0;

}

.table_box {

  max-width: 100%;

  overflow-x: auto;

  margin-bottom: 60px;

}

.table_box a {

  color: #2c863c;

  font-weight: bold;

  padding: 15px 0;

  display: block;

  transition: all ease 0.3s;

}

.table_box a:hover {

  color: #fff;

  background: #2c863c;

}

.table_box th,

td {

  min-width: 130px;

  text-align: center;

  line-height: 1.15;

}

.table_box thead .table-title {
  background-color: #cccccc;
}


.table_box th {

  font-weight: bold;

  font-size: 15px;

  color: #000000;

  padding: 18px 5px;

  border: solid 1px #bbbbbb;

  border-width: 1px 0;

}

.table_box td {

  font-size: 18px;

  padding: 15px 0;

}

.table_box tbody tr:hover td{
  background-color: #dbd8d8;
}

.table_box td:first-child {

  padding: 0;

}

.table_box tr th + th {

  border-left: solid 1px #bbbbbb;

}

.table_box::-webkit-scrollbar {

  width: 6px;

  height: 6px;

  border-radius: 80px;

  overflow: hidden;

}



.table_box::-webkit-scrollbar-track {

  background-color: #d9d9d9;

  border-radius: 100px;

}



.table_box::-webkit-scrollbar-thumb {

  border-radius: 80px;

  background: #2c863c;

  border-radius: 100px;

}

.btn-box {

  text-align: center;

  padding-top: 0;

}

.btn-box .back {

  margin-top: 0;

}

.bar {

  position: sticky;

  left: 0;

  right: 0;

  top: 80px;

  transition: all ease 0.3s;

  z-index: 60;

}


@media screen and (max-width: 1024px) {
  .top_product {
  
    padding: 60px 0;
  
  }

.bar {

  position: sticky;

  left: 0;

  right: 0;

  top: 50px;

  transition: all ease 0.3s;

  z-index: 60;

}
.form-group {

  display: block;

  margin-top: 20px;

}
.form-group .control-label {

  font-size: 16px;

  margin-right: 0px;

  margin-bottom: 10px;

}

}

.bar.fixed {

  /*position: fixed;*/

  left: 0;

  right: 0;

  top: 80px;

}

@media screen and (max-width: 1024px) {

.bar.fixed {

  /*position: fixed;*/

  left: 0;

  right: 0;

  top: 50px;

}

}

@media(max-width: 1440px){
  .top_product .title {

    font-size: 42px;
  
  }
}
@media(max-width: 1299px){
  .top_product .title {

    font-size: 36px;
  
  }
  .top_product .name{

    font-size: 20px;

  }
  .top_product .text_box{

    font-size: 18px;

  }
}

@media screen and (max-width: 1024px) {

  .top_product .name{

    font-size: 18px;

  }

  .top_product .row {

    flex-wrap: wrap;

  }

  .top_product .text_box,

  .top_product .pic {

    width: 100%;

  }

  .top_product .text_box {

    font-size: 16px;

    order: 2;

  }

  .top_product .text_box .text {

    margin: 30px 0px;

  }

}
@media(max-width: 500px){
  .top_product .title {

    font-size: 28px;

  }
}