header,
nav,
section,
footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
header .header,
nav .header,
section .header,
footer .header,
header .hb,
nav .hb,
section .hb,
footer .hb,
header .service,
nav .service,
section .service,
footer .service,
header .footer,
nav .footer,
section .footer,
footer .footer,
header .hb-content,
nav .hb-content,
section .hb-content,
footer .hb-content,
header .fwbk,
nav .fwbk,
section .fwbk,
footer .fwbk,
header .yypz-content,
nav .yypz-content,
section .yypz-content,
footer .yypz-content,
header .gnjm-content,
nav .gnjm-content,
section .gnjm-content,
footer .gnjm-content,
header .dxal-content,
nav .dxal-content,
section .dxal-content,
footer .dxal-content {
  width: 1100px;
}
body {
  font-size: 18px;
}
.header {
  height: 75px;
  font-size: 18px;
  font-weight: 400;
}
.header .box {
  justify-content: space-between;
  margin-top: 51px;
  display: flex;
}
.header .box .logo {
  width: 171px;
  height: 58px;
}
.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}
.nav .select {
  background-color: #459EFF;
  padding: 10px 16px;
  border-radius: 25px;
}
.nav .select a {
  color: #fff;
}
.nav li {
  position: relative;
  margin-left: 25px;
}
.nav li a {
  color: #233D63;
  display: block;
}
.nav li .nav2 {
  display: none;
  position: absolute;
  right: -30px;
}
.nav li .nav2 .sj {
  position: absolute;
  top: -2px;
  right: 29px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 19px solid #fff;
}
.nav li .nav2 .list {
  position: relative;
  top: 10px;
  background-color: #fff;
  padding: 20px;
  border-radius: 4px;
}
.nav li .nav2 .list li {
  min-width: 126px;
  display: block;
  white-space: nowrap;
}
.nav li .nav2 .list a {
  color: #666666;
  font-size: 17px;
  line-height: 50px;
}
.nav li .nav2 .list a:hover {
  color: #233D63 !important;
}
.hb {
  background-image: url(../images/bg00-1.png);
  background-size: cover ;
}
.hb .hb-content .contact {
  padding: 11px 18px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.5);
  width: 477px;
  font-size: 16px;
}
.hb .hb-content .contact .fg {
  width: 2px;
  height: 30px;
  background-color: #fff;
}
.service .box a:hover {
  font-weight: normal;
}
footer {
  background-color: #555555;
}
footer .footer a:hover {
  font-weight: normal;
}
.fwbk {
  height: 898px;
}
.fwbk .item {
  width: 534px;
  height: 314px;
  box-shadow: 0 0 20px 0 rgba(191, 208, 224, 0.6);
  padding: 30px 34px;
}
.yypz {
  background-image: url(../images/bg-3.png);
  background-size: cover ;
}
.yypz .yypz-content {
  height: 916px;
}
.yypz .yypz-content .list {
  width: 530px;
}
.yypz .yypz-content .item {
  width: 253px;
  height: 183px;
  border-radius: 18px;
}
.yypz .yypz-content .rig {
  width: 534px;
  background-color: #fff;
  border-radius: 18px;
  padding: 30px 46px;
}
.pzsq {
  height: 1000px;
}
.pzsq .pzsq-content1 {
  padding-top: 50px;
  width: 100%;
  height: 600px;
  background-image: url(../images/bg-4.png);
  background-size: cover ;
}
.pzsq .pzsq-content1 .content {
  position: relative;
  left: -50px;
}
.pzsq .pzsq-content1 .content .let {
  width: 539px;
  height: 725px;
  background-image: url(../images/bg-5.png);
  background-size: cover ;
  padding: 90px;
}
.pzsq .pzsq-content1 .content .rig {
  box-shadow: 0 0 50px 0 rgba(69, 158, 255, 0.6);
  border-radius: 18px;
}
.pzsq .pzsq-content1 .content .rig .btn0 {
  width: 155px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
}
.pzsq .pzsq-content2 {
  width: 100%;
  height: 442px;
  background-image: url(../images/bg-6.png);
  background-size: cover ;
}
.gnjm-content {
  height: 1050px;
}
.gnjm-content li {
  height: 100px;
  border-radius: 12px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  box-shadow: 0 0 130px 0 rgba(207, 224, 241, 0.5);
  cursor: pointer;
}
.gnjm-content .active1 {
  border: 2px solid #459EFF;
}
.gnjm-content .rig {
  margin-left: 40px;
  position: relative;
  top: -60px;
  left: 30px;
  width: 740px;
}
.gnjm-content .rig .item {
  width: 739px;
  height: 930px;
  background-size: cover ;
}
.gnjm-content .rig .item .card-text {
  width: 530px;
  font-size: 20px;
  color: #459EFF;
}
.dxal {
  background-image: url(../images/bg-8.png);
  background-size: cover ;
}
.dxal .dxal-content {
  height: 1693px;
}
.dxal .dxal-content .card1 {
  padding: 30px 20px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 18px;
}
.dxal .dxal-content .card1 img {
  width: 251px;
  height: 50px;
}
.dxal .dxal-content .card1 .card-text {
  font-size: 16px;
  color: #011B25;
  text-align: center;
  margin-top: 36px;
}
.dxal .dxal-content .rig .box1,
.dxal .dxal-content .let .box1 {
  width: 61px;
  height: 53px;
  background-color: #459EFF;
  margin-top: 50px;
  margin-bottom: 45px;
  box-shadow: 0 0 20px 0 rgba(69, 158, 255, 0.5);
  border-radius: 6px;
}
.dxal .dxal-content .rig .box2,
.dxal .dxal-content .let .box2 {
  width: 41px;
  height: 35px;
  background-color: #459EFF;
  margin-left: 22px;
  box-shadow: 0 0 20px 0 rgba(69, 158, 255, 0.5);
  border-radius: 6px;
}
.dxal .dxal-content .rig .box3,
.dxal .dxal-content .let .box3 {
  width: 80px;
  height: 70px;
  background-color: #459EFF;
  margin-top: 30px;
  box-shadow: 0 0 20px 0 rgba(69, 158, 255, 0.5);
  border-radius: 6px;
  margin-left: 250px;
}
.dxal .dxal-content .let .box1 {
  margin-left: 290px;
}
.dxal .dxal-content .let .box2 {
  margin-left: 0;
  margin-right: 22px;
}
.dxal .dxal-content .let .box3 {
  margin-left: 50px;
}