.fd-nav {
  background: rgba(255, 255, 255, 0.2);
  position: relative;
  z-index: 2;
}
.fd-container {
  position: relative;
  height: 560px;
}
.fd-banner {
  width: 100%;
  height: 560px;
  padding-top: 75px;
  background: #012158 url('../images/top_banner_bg1920.png') no-repeat center;
  position: absolute;
  top: 0px;
  z-index: 1;
}
.fd-banner .fd-banner-content {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.fd-banner .fd-banner-content .fd-banner-left {
  width: 670px;
  padding-top: 50px;
}
.fd-banner .fd-banner-content .fd-banner-left h1 {
  font-size: 26px;
  font-weight: bold;
  color: #fff;
}
.fd-banner .fd-banner-content .fd-banner-left hr {
  width: 60px;
  margin-top: 15px;
  border: 4px solid #0071C1;
}
.fd-banner .fd-banner-content .fd-banner-left p {
  margin-top: 36px;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
}
.fd-banner .fd-banner-content .fd-banner-left .fd-banner-search {
  margin-top: 53px;
  position: relative;
}
.fd-banner .fd-banner-content .fd-banner-left .fd-banner-search ul {
  display: flex;
  align-items: flex-end;
  height: 50px;
}
.fd-banner .fd-banner-content .fd-banner-left .fd-banner-search ul li {
  flex: 1;
  text-align: center;
  height: 42px;
  line-height: 42px;
  background: #3E5177;
  color: #fff;
  cursor: pointer;
}
.fd-banner .fd-banner-content .fd-banner-left .fd-banner-search ul .active {
  height: 50px;
  padding-top: 8px;
  background: #0071C1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.fd-banner .fd-banner-content .fd-banner-left .fd-banner-search input {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding-left: 30px;
}
.fd-banner .fd-banner-content .fd-banner-left .fd-banner-search .fd-icon-search {
  position: absolute;
  top: 63px;
  color: #000;
  font-size: 24px;
  right: 30px;
  cursor: pointer;
}
.fd-banner .fd-banner-content .fd-banner-left .fd-banner-search .fd-search-eg {
  color: #ddd;
  margin-top: 15px;
}
.fd-banner .fd-banner-content .fd-banner-left .fd-banner-search .fd-search-example {
  color: #ddd;
  margin-top: 15px;
}
.fd-banner .fd-banner-content .fd-banner-left .fd-banner-search .fd-search-eg span:hover {
  color: #F2D845;
  cursor: pointer;
}
.fd-banner .fd-banner-content .fd-banner-right {
  margin-left: 113px;
  padding-top: 10px;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table {
  width: 340px;
  margin-bottom: 15px;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table td {
  border-left: 0px;
  border-right: 0px;
  background: #fff;
  color: #1D3D63;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table td p {
  position: relative;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table td p span {
  position: absolute;
  top: 0px;
  right: 20px;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table td .fd-ascending {
  color: red;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table td .fd-ascending span {
  background: url('../images/arrow_red2.png') no-repeat;
  display: inline-block;
  width: 11px;
  height: 6px;
  font-size: 0px;
  top: 5px;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table td .fd-descending {
  color: #F2D845;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table td .fd-descending span {
  background: url('../images/arrow_yellow1.png') no-repeat;
  display: inline-block;
  width: 11px;
  height: 6px;
  font-size: 0px;
  top: 5px;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table .fd-table-td-name {
  background: #f0f0f0;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table tr:hover td {
  background: #f3f6f9;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table tr td:nth-child(1) {
  font-weight: bold;
  color: #1D3D63;
}
.fd-banner .fd-banner-content .fd-banner-right .fd-table tr:nth-child(1) td {
  font-weight: 400;
}
.fd-banner .fd-banner-content .fd-banner-right p {
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
}
.fd-banner .fd-banner-content .fd-banner-right > p:nth-child(2) {
  font-weight: bold;
}
.fd-banner .fd-banner-content .fd-banner-right > p:nth-child(3) {
  padding-left: 5px;
}
.fd-content-cite {
  width: 1200px;
  height: 200px;
  margin: 0 auto;
  padding-top: 32px;
  padding-bottom: 194px;
  position: relative;
  background: url('../images/home_cite.png') no-repeat;
  background-size: 100% 100%;
}
.fd-content-cite p {
  position: relative;
  margin: 20px;
  font-size: 14px;
  line-height: 28px;
  padding-top: 28px;
}
.fd-content {
  width: 1200px;
  margin: 0 auto;
  padding-top: 32px;
  padding-bottom: 194px;
  position: relative;
}
.fd-content .fd-registration {
  border: 10px solid #f3f6f9;
  height: 110px;
  color: #fff;
  text-align: center;
  padding-top: 25px;
  background: url('../images/name_Registration_nor.png') no-repeat;
}
.fd-content .fd-registration p {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 9px;
}
.fd-content .fd-registration span {
  color: #f3f6f9;
}
.fd-content .fd-registration:hover {
  background: url('../images/name_Registration_hover.png') no-repeat;
}
.fd-content .fd-moudel {
  display: flex;
  margin-top: 53px;
}
.fd-content .fd-moudel .fd-identification {
  width: 340px;
  margin-right: 20px;
}
.fd-content .fd-moudel .fd-identification > div {
  height: 470px;
  margin-top: 17px;
  background: url('../images/1_Identification_img1.png') no-repeat;
  padding-top: 330px;
  padding-left: 20px;
}
.fd-content .fd-moudel .fd-identification > div span {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin: 22px 0 10px 0;
  height: 20px;
  cursor: pointer;
}
.fd-content .fd-moudel .fd-identification > div p {
  color: #fff;
}
.fd-content .fd-moudel .fd-identification > div:hover {
  box-shadow: 0 6px 24px 2px rgba(8, 21, 54, 0.4), 0 15px 24px 2px rgba(0, 0, 0, 0.5);
}
.fd-content .fd-moudel .fd-identification > div:hover span {
  color: #F2D845;
  border-bottom: 1px solid #F2D845;
}
.fd-content .fd-moudel .fd-datasets {
  flex: 1;
}
.fd-content .fd-moudel .fd-datasets .fd-datasets-content {
  height: 470px;
  margin-top: 17px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fd-content .fd-moudel .fd-datasets .fd-datasets-content > div {
  padding-top: 43px;
  padding-left: 20px;
  height: 145px;
}
.fd-content .fd-moudel .fd-datasets .fd-datasets-content > div span {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin: 10px 0 5px 0;
  height: 20px;
  cursor: pointer;
}
.fd-content .fd-moudel .fd-datasets .fd-datasets-content > div p {
  color: #fff;
}
.fd-content .fd-moudel .fd-datasets .fd-datasets-content > div:hover {
  box-shadow: 0 6px 24px 2px rgba(8, 21, 54, 0.4), 0 15px 24px 2px rgba(0, 0, 0, 0.5);
}
.fd-content .fd-moudel .fd-datasets .fd-datasets-content > div:hover span {
  color: #F2D845;
  border-bottom: 1px solid #F2D845;
}
.fd-content .fd-moudel .fd-datasets .fd-datasets-content .fd-content-1 {
  background: url('../images/2_Public_Culture_img.png') no-repeat;
}
.fd-content .fd-moudel .fd-datasets .fd-datasets-content .fd-content-2 {
  background: url('../images/3_Journals_img.png') no-repeat;
}
.fd-content .fd-moudel .fd-datasets .fd-datasets-content .fd-content-3 {
  background: url('../images/4_Taxonmist_img.png') no-repeat;
}
.fd-content .fd-moudel .fd-tools {
  width: 320px;
  margin-left: 20px;
}
.fd-content .fd-moudel .fd-tools .fd-tools-content {
  height: 470px;
  margin-top: 17px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fd-content .fd-moudel .fd-tools .fd-tools-content .fd-tools-1 {
  height: 160px;
  background: url('../images/5_tools_re_bgimg.png') no-repeat;
  padding: 33px 0 0 23px;
}
.fd-content .fd-moudel .fd-tools .fd-tools-content .fd-tools-1 p:nth-child(2) {
  margin-top: 30px;
}
.fd-content .fd-moudel .fd-tools .fd-tools-content .fd-tools-1 img {
  vertical-align: middle;
}
.fd-content .fd-moudel .fd-tools .fd-tools-content .fd-tools-1 span {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin-left: 10px;
  height: 20px;
  cursor: pointer;
}
.fd-content .fd-moudel .fd-tools .fd-tools-content .fd-tools-1 span:hover {
  color: #F2D845;
  border-bottom: 1px solid #F2D845;
}
.fd-content .fd-moudel .fd-tools .fd-tools-content .fd-tools-2 {
  background: url('../images/7_international_code_img.png') no-repeat;
  padding: 26px 0 0 20px;
  height: 290px;
}
.fd-content .fd-moudel .fd-tools .fd-tools-content .fd-tools-2 p {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  margin-top: 21px;
}
.fd-content .fd-moudel .fd-tools .fd-tools-content .fd-tools-2 button {
  width: 100px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #0071C1;
  color: #fff;
  border: 0;
  cursor: pointer;
  margin-top: 90px;
}
.fd-content .fd-moudel .fd-tools .fd-tools-content .fd-tools-2 button:hover {
  background: #3E62B7;
}
.fd-content .fd-new {
  width: 100%;
  position: absolute;
  height: 160px;
  display: flex;
  bottom: -50px;
  justify-content: space-between;
}
.fd-content .fd-new > div {
  height: 200px;
  width: 590px;
  border: 1px solid #ddd;
  padding: 16px 20px 0 18px;
  background: #fff;
}
.fd-content .fd-new .fd-new-title {
  cursor: pointer;
  font-size: 16px;
  color: #226fb7;
  font-weight: bold;
  margin-bottom: 20px;
}
.fd-content .fd-new .fd-new-date {
  font-size: 16px;
  font-weight: bold;
  color: #092C74;
  position: relative;
}
.fd-content .fd-new .fd-new-date::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 3px solid #3D7BBC;
  border-radius: 50%;
}
.fd-content .fd-new .fd-new-left-content {
  position: relative;
}
.fd-content .fd-new .fd-new-left-content ul {
  padding-left: 15px;
  position: relative;
  margin-top: 10px;
}
.fd-content .fd-new .fd-new-left-content ul li {
  margin-bottom: 7px;
  color: #666;
}
.fd-content .fd-new .fd-new-left-content ul li:hover span {
  color: #0071C1;
  cursor: pointer;
  border-bottom: 1px solid;
}
.fd-content .fd-new .fd-new-left-content ul:before {
  content: "";
  display: inline-block;
  /*height: 83px;*/
  height: 40px;
  width: 1px;
  background: #ddd;
  position: absolute;
  top: -14px;
  left: 5px;
}
.fd-content .fd-new .fd-new-left-content .fd-new-page {
  position: absolute;
  right: 0;
  bottom: 0px;
}
.fd-content .fd-new .fd-new-left-content .fd-new-page .fd-new-left-but:hover {
  cursor: pointer;
  color: #0071C1;
}
.fd-content .fd-new .fd-new-left-content .fd-new-page .fd-new-num {
  color: #0071C1;
}
.fd-content .fd-new .fd-new-right {
  position: relative;
}
.fd-content .fd-new .fd-new-right img {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.fd-content .fd-new .fd-new-right ul span {
  display: inline-block;
  margin-left: 5px;
  height: 20px;
  color: #666;
}
.fd-content .fd-new .fd-new-right ul span:hover {
  color: #0071C1;
  cursor: pointer;
  border-bottom: 1px solid;
}
.fd-content .fd-new .fd-new-right ul li:before {
  content: "●";
  color: #0071C1;
}
.fd-foot {
  height: 340px;
  padding-top: 120px;
}