.header {
  width: 100%;
  height: 316px;
  background: url("../images/home-header.png") no-repeat center;
  background-size: cover;
  padding: 20px 0px 0px;
  box-sizing: border-box;
}
.header .title {
  width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
.header .title .title-l {
  display: flex;
  justify-content: space-between;
  color: #666666;
  font-size: 16px;
}
.header .title .title-l a {
  color: #004da3;
}
.header .title .title-l a:nth-child(1) {
  margin-right: 30px;
}
.header .title .title-r {
  display: flex;
  color: #004da3;
  font-size: 16px;
}
.header .title .title-r div:nth-child(1) {
  margin-right: 30px;
}
.header .search {
  width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .search > div:nth-child(1) {
  font-size: 68px;
  color: #004da3;
}
.header .search .form {
  width: 583px;
  height: 64px;
  display: flex;
  background-color: #ffffff;
  border-radius: 10px;
}
.header .search .form input {
  width: 482px;
  height: 100%;
  border: none;
  font-size: 16px;
  padding-left: 30px;
}
.header .search .form button {
  width: 101px;
  height: 64px;
  background-color: #81191a;
  border-radius: 10px;
  font-size: 20px;
  border: none;
  color: #ffffff;
}
.navigation {
  width: 100%;
  height: 125px;
  background-color: #004da3;
  margin-bottom: 30px;
}
.navigation .navigation-box {
  width: 1400px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  box-sizing: border-box;
}
.navigation .navigation-box > div {
  width: 119px;
  height: 40px;
  margin-right: 121px;
  margin-bottom: 10px;
}
.navigation .navigation-box > div a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
  line-height: 40px;
  font-size: 20px;
}
.navigation .navigation-box > div:nth-child(6n) {
  margin-right: 0;
}
.navigation .navigation-box .active {
  background-color: #346ad2;
  border-radius: 10px;
}
.detail {
  width: 1400px;
  margin: 0 auto;
}
.detail .breadcrumbs {
  width: 100%;
  font-size: 20px;
  color: #333333;
  margin-bottom: 56px;
}
.detail .dl-title {
  width: 1180px;
  height: 94px;
  margin: 0 auto;
  text-align: center;
  color: #333333;
  font-size: 32px;
  font-weight: 550;
  margin-bottom: 70px;
}
.detail .dl-box {
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: solid 1px #cdcdcd;
  margin-bottom: 60px;
}
.detail .dl-box .dl-box-l {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  color: #333333;
}
.detail .dl-box .dl-box-l .dl-source {
  margin-right: 30px;
}
.detail .dl-box .dl-box-r {
  display: flex;
  font-size: 18px;
  color: #333333;
}
.detail .dl-box .dl-box-r .dl-font {
  display: flex;
  margin-right: 30px;
}
.detail .dl-box .dl-box-r .dl-font > div {
  width: 30px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #dcedff;
  margin-left: 10px;
  cursor: pointer;
}
.detail .dl-box .dl-box-r .dl-font > div:nth-child(1) {
  margin-left: 2cap;
}
.detail .dl-box .dl-box-r .dl-font .active {
  color: #004da3;
  font-weight: 550;
}
.detail .dl-box .dl-box-r .dl-print {
  cursor: pointer;
}
.detail .dl-box .dl-box-r .dl-print::before {
  content: url("../../../images/detail-print.png");
  vertical-align: middle;
  margin-right: 5px;
}
.detail .dl-content {
  width: 100%;
  color: #666666;
  font-size: 24px;
  line-height: 63px;
  margin-bottom: 60px;
}
.detail .pre-nt {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 60px;
  font-size: 24px;
}
.detail .pre-nt .pre {
  margin-bottom: 30px;
  color: #666666;
}
.detail .pre-nt .pre a {
  color: #333333;
}
.detail .pre-nt .nt {
  color: #666666;
}
.detail .pre-nt .nt a {
  color: #333333;
}
.detail hr {
  margin-bottom: 60px;
}
.footer {
  width: 100%;
  height: 266px;
  background-color: #004da3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer img:nth-child(1) {
  width: 77px;
  height: 94px;
  margin-right: 60px;
}
.footer img:nth-child(2) {
  width: 172px;
  height: 86px;
}
.footer .one-text {
  width: 305px;
  height: 86px;
  font-size: 20px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 60px;
}
.footer .two-text {
  width: 450px;
  height: 86px;
  font-size: 20px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 60px;
}