.yes-display {
  display: block;
}
.no-display {
  display: none;
}
.external {
  width: 1280px;
  margin: 75px auto 0;
}
.external .external-container {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.external .external-container .left {
  width: 265px;
  height: 400px;
  float: left;
  margin-right: 110px;
}
.external .external-container .left .title-chinese {
  color: #595757;
  font-size: 36px;
}
.external .external-container .left .title-english {
  color: #dcdddd;
  font-size: 36px;
  font-weight: bold;
}
.external .external-container .left .title-explain {
  margin-top: 32px;
  color: #dcdddd;
  line-height: 14px;
  font-weight: 600;
}
.external .external-container .left ul li {
  height: 40px;
  margin-top: 15px;
}
.external .external-container .left ul li img {
  float: left;
  width: 28px;
  height: 28px;
}
.external .external-container .left ul li div {
  float: left;
  margin-left: 10px;
}
.external .external-container .left ul li div :nth-child(1) {
  font-size: 16px;
  font-weight: 600;
  color: #605e5e;
}
.external .external-container .left ul li div :nth-child(2) {
  color: #dcdddd;
  font-weight: 600;
}
.external .external-container .right {
  float: left;
  width: 825px;
}
.external .external-container .right .btn-container {
  font-size: 16px;
  overflow: hidden;
}
.external .external-container .right .btn-container .btn-div {
  width: 140px;
  height: 40px;
  float: left;
  padding-top: 10px;
  margin-right: 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.external .external-container .right .btn-container .btn-div a {
  float: left;
  text-decoration: none;
  width: 137px;
  height: 33px;
  text-align: center;
  line-height: 33px;
  color: #fff;
  font-size: 16px;
}
.external .external-container .right .btn-container :nth-child(1) {
  background-color: rgba(62, 138, 74, 0.3);
}
.external .external-container .right .btn-container :nth-child(1) a {
  color: red;
  background-color: rgba(62, 138, 74, 0);
  border-left: 3px solid red;
}
.external .external-container .right .btn-container :nth-child(2) {
  background-color: rgba(254, 192, 69, 0.7);
}
.external .external-container .right .btn-container :nth-child(2) a {
  background-color: rgba(254, 192, 69, 0);
}
.external .external-container .right .btn-container :nth-child(3) {
  background-color: rgba(17, 196, 202, 0.7);
}
.external .external-container .right .btn-container :nth-child(3) a {
  background-color: rgba(17, 196, 202, 0);
}
.external .external-container .right .btn-container :nth-child(4) {
  background-color: rgba(38, 117, 212, 0.7);
}
.external .external-container .right .btn-container :nth-child(4) a {
  background-color: rgba(38, 117, 212, 0);
}
.external .external-container .right .table-th {
  width: 100%;
  height: 62px;
  text-align: center;
  color: #595757;
  font-weight: bold;
  background-color: #f4f4f4;
  border-bottom: 1px solid #eeeeee;
}
.external .external-container .right .table-th li {
  width: 90px;
  height: 62px;
  line-height: 61px;
  float: left;
}
.external .external-container .right .table-th :nth-child(1) {
  margin-left: 15px;
}
.external .external-container .right .table-th :nth-child(2) {
  margin-left: 130px;
}
.external .external-container .right .table-th :nth-child(3) {
  margin-left: 71px;
}
.external .external-container .right .table-th :nth-child(4) {
  margin-left: 55px;
}
.external .external-container .right .table-th :nth-child(5) {
  margin-left: 60px;
}
.external .external-container .right .list-container {
  background-color: #f4f4f4;
  overflow: hidden;
}
.external .external-container .right .list-container::-webkit-scrollbar {
  display: none;
}
.external .external-container .right .list-container .table {
  width: 100%;
  height: 0px;
  border-collapse: collapse;
}
.external .external-container .right .list-container .table tr td {
  height: 60px;
  color: #21211f;
  border-bottom: 1px solid #eeeeee;
}
.external .external-container .right .list-container .table tr td img {
  float: left;
  width: 22px;
  height: 22px;
  margin: 0px 5px;
}
.external .external-container .right .list-container .table tr td:nth-child(1) {
  width: 210px;
  padding-left: 40px;
}
.external .external-container .right .list-container .table tr td:nth-child(1) span {
  display: block;
  float: left;
  width: 65%;
  line-height: 20px;
}
.external .external-container .right .list-container .table tr td:nth-child(2) {
  color: #228032;
  width: 160px;
}
.external .external-container .right .list-container .table tr td:nth-child(3) {
  color: #b80f17;
  width: 145px;
}
.external .external-container .right .list-container .table tr td:nth-child(4) {
  width: 152px;
}
.external .external-container .right .list-container .table tr:hover {
  background-color: #fff;
}
.external .external-container .right .more {
  width: 825px;
  height: 74px;
  text-align: center;
  padding-top: 40px;
  background-color: #f4f4f4;
}
.external .external-container .right .more a {
  display: block;
  width: 825px;
  height: 114px;
  color: #898989;
  text-decoration: none;
}
.external .external-container .right .more a:hover {
  color: #b80f17;
}
@media only screen and (max-width: 500px) {
  .right .btn-container :nth-child(1) {
    width: 20% !important;
  }
  .right .btn-container :nth-child(6) {
    width: 20% !important;
  }
  .right .btn-container button {
    width: 12% !important;
    margin-right: 2px !important;
  }
  .right .btn-container .btn-div {
    width: 22% !important;
    margin-right: 4px !important;
  }
  .right .btn-container .btn-div a {
    width: 95% !important;
    font-size: 12px !important;
  }
  .right .table-th li {
    margin-left: 0px !important;
    font-size: 12px!important;
    text-align: center;
    width: 20% !important;
  }
  .right .list-container .table tr td {
    width: 15% !important;
    font-size: 12px;
  }
  .right .list-container .table tr td:nth-child(1) {
    width: 21% !important;
    padding-left: 20px!important;
  }
  .right .list-container .table tr td:nth-child(2) {
    width: 19% !important;
  }
  .right .list-container .table tr td:nth-child(3) {
    width: 15% !important;
  }
  .right .list-container .table tr td:nth-child(4) {
    width: 20% !important;
  }
  .right .list-container .table tr td:nth-child(5) {
    width: 20% !important;
  }
  .right .table-sj tbody {
    width: 100% !important;
  }
  .right .more {
    height: 40px !important;
    padding-top: 0px !important;
  }
  .right .more a {
    height: 40px !important;
  }
  .about-dongri {
    margin-top: -35px !important;
  }
  .about-dongri .investor-relations {
    font-size: 15px!important;
  }
  .navigation #btn1 {
    width: 20%!important;
    margin-right: 25% !important;
  }
  .navigation #btn1 {
    border-bottom: 2px solid #bb0007;
  }
}
@media only screen and (max-width: 300px) {
  .navigation #btn1 {
    width: 25%!important;
  }
}
@media only screen and (min-width: 500px) and (max-width: 900px) {
  .right .btn-container :nth-child(1) {
    width: 20% !important;
  }
  .right .btn-container :nth-child(6) {
    width: 20% !important;
  }
  .right .btn-container button {
    width: 12% !important;
    margin-right: 2px !important;
  }
  .right .btn-container .btn-div {
    width: 22% !important;
    margin-right: 4px !important;
  }
  .right .btn-container .btn-div a {
    width: 95% !important;
    font-size: 12px !important;
  }
  .right .table-th li {
    margin-left: 0px !important;
    font-size: 12px!important;
    text-align: center;
    width: 20% !important;
  }
  .right .list-container .table tr td {
    width: 20% !important;
    font-size: 12px;
    text-align: center;
  }
  .right .list-container .table tr td img {
    margin: 0px !important;
    margin-left: 5% !important;
  }
  .right .list-container .table tr td:nth-child(1) {
    padding-left: 8%!important;
    text-align: left!important;
  }
  .right .list-container .table-sj {
    width: 100% !important;
    line-height: 60px!important;
    height: 50%!important;
  }
  .right .list-container .table-sj tbody {
    width: 100% !important;
  }
  .right .more {
    height: 40px !important;
    padding-top: 0px !important;
  }
  .right .more a {
    height: 40px !important;
  }
  .about-dongri {
    margin-top: -35px !important;
  }
  .about-dongri .investor-relations {
    font-size: 15px!important;
  }
  .navigation #btn1 {
    width: 20%!important;
    margin-right: 25% !important;
  }
  .navigation #btn1 {
    border-bottom: 2px solid #bb0007;
  }
}