.home .pirate_public {
  background-image: url('../images/tbg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.home .pirate {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
}
.home .pirate .p1 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  /* padding-top: 56.26%; */
  display: flex;
  align-items: center;
}
.home .pirate .p1 .header_img {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
}
.home .pirate .p1 .header_img_m {
  display: none;
}
.home .pirate .p2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 28.82rem;
}
.home .pirate .p2 .title {
  width: 8.92rem;
}
.home .pirate .p2 .content {
  margin-top: 2.68rem;
  width: 27.34rem;
}
.home .pirate .p3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home .pirate .p3 .p_title {
  margin-top: 2.76rem;
  width: 6.63rem;
  margin-bottom: 2.71rem;
}
.home .pirate .p3 .list_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4.37rem;
}
.home .pirate .p3 .list_wrapper .list_title {
  width: 11.71rem;
}
.home .pirate .p3 .list_wrapper .list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 31.57rem;
}
.home .pirate .p3 .list_wrapper .list .item {
  margin-top: 1.37rem;
  width: 10rem;
}
.home .pirate .p4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 14.74rem;
  background: top left repeat url('../images/bg-ptn.png');
}
.home .pirate .p4 .p_title {
  margin-top: 2.72rem;
  width: 9.05rem;
}
.home .pirate .p4 .date {
  margin-top: 2.06rem;
  width: 18.97rem;
}
.home .pirate .p4 .desc {
  margin-top: 3.4rem;
  width: 11.37rem;
}
.home .pirate .p4 .img_wrapper {
  margin-top: 2.74rem;
}
.home .pirate .p4 .img_wrapper .person {
  width: 7.52rem;
}
.home .pirate .p4 .img_wrapper .person:last-child {
  margin-left: 2.58rem;
}
.home .pirate .p5 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home .pirate .p5 .p_title {
  margin-top: 2.8rem;
  width: 15.76rem;
}
.home .pirate .p5 .content_wrapper {
  display: flex;
  margin-bottom: 2.53rem;
  margin-top: 2.58rem;
}
.home .pirate .p5 .content_wrapper .content_box {
  width: 23.68rem;
}
.home .pirate .p6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 43.58rem;
}
.home .pirate .p6 .p_title {
  margin-top: 3.21rem;
  width: 6.71rem;
}
.home .pirate .p6 .list {
  margin-top: 2.76rem;
  height: 31.45rem;
  font-size: 1.08rem;
  font-family: SeuratPro-B;
  font-weight: 700;
  color: #141414;
  line-height: 2.17rem;
}
.home .pirate .p6 .list_phone {
  display: none;
}
.home .pirate .foot_area {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.53846rem 0 1.53846rem;
  background: #000;
  font-size: 0;
}
.home .pirate .foot_area .icon_area {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .pirate .foot_area .icon_area .yo {
  height: 1.15385rem;
}
.home .pirate .foot_area .icon_area .cat {
  margin-left: 0.76923rem;
  height: 1.15385rem;
}
.home .pirate .foot_area .link_area {
  margin-top: 1.47rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.97rem;
}
.home .pirate .foot_area .link_area .desc {
  padding: 0.18rem 0.46154rem;
  white-space: nowrap;
  font-size: 0.42308rem;
  font-family: GothicMB101Pr6N;
  font-weight: 400;
  color: #fff;
  line-height: 0.42308rem;
  position: relative;
}
.home .pirate .foot_area .link_area .desc:hover {
  color: #f5ed00;
}
.home .pirate .foot_area .link_area .desc:after {
  display: block;
  content: "";
  position: absolute;
  height: 0.56rem;
  width: 1px;
  right: -1px;
  background-color: #fff;
  top: 50%;
  transform: translateY(-0.28rem);
}
.home .pirate .foot_area .link_area .desc:last-child:after {
  display: none;
}
.home .pirate .foot_area .link_area .bar {
  margin: 0 0.65rem;
  color: #fff;
}
.home .pirate .foot_area .bottom_desc {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.57692rem;
  font-size: 0.38462rem;
  font-family: GothicMB101Pr6N;
  font-weight: 400;
  color: #fff;
  line-height: 0.55rem;
}
@media screen and (max-width: 600px) {
  .home .pirate {
    background: transparent;
    width: 100vw;
    box-sizing: border-box;
  }
  .home .pirate::before{
    content: "";
    background: url('../images/bgm.png') no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-size: cover;
    z-index: -1;
  }
  .home .pirate .p1 {
    box-sizing: border-box;
    /* padding-top: 177%; */
  }
  .home .pirate .p1 .header_img {
    display: none;
  }
  .home .pirate .p1 .header_img_m {
    display: inline-block;
    /* position: absolute; */
    /* top: 14.93333333vw; */
    right: 0;
    width: 100%;
  }
  .home .pirate .p2 {
    box-sizing: border-box;
  }
  .home .pirate .p2 .innner {
    margin-top: 0;
    width: 80vw;
    height: 42.66666667vw;
  }
  .home .pirate .p2 .content {
    margin-top: 8vw;
    width: 94.4vw;
  }
  .home .pirate .p3 {
    box-sizing: border-box;
  }
  .home .pirate .p3 .list_wrapper {
    padding: 0 10.66666667vw;
    box-sizing: border-box;
    width: 100%;
  }
  .home .pirate .p3 .list_wrapper .list {
    width: 100%;
  }
  .home .pirate .p3 .list_wrapper .list .item {
    margin-top: 6.4vw;
    width: 38.93333333vw;
  }
  .home .pirate .p5 .content_wrapper {
    display: flex;
  }
  .home .pirate .p5 .content_wrapper .content_box {
    width: 80vw;
  }
  .home .pirate .p6 {
    box-sizing: border-box;
    padding: 0 5.33333333vw 11.2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    height: auto;
  }
  .home .pirate .p6 .p_title {
    margin-top: 3.21rem;
    width: 6.71rem;
  }
  .home .pirate .p6 .list {
    display: none;
  }
  .home .pirate .p6 .list_phone {
    margin-top: 6.4vw;
    display: block;
  }
  .home .pirate .p6 .list_phone .item {
    display: flex;
  }
  .home .pirate .p6 .list_phone .item .point {
    flex-shrink: 0;
    margin-right: 2.13333333vw;
    margin-top: 3.46666667vw;
    background-color: #000;
    height: 1.06666667vw;
    width: 1.06666667vw;
    border-radius: 1.06666667vw;
  }
  .home .pirate .p6 .list_phone .item .text {
    font-size: 5.33333333vw;
    font-family: SeuratPro-B;
    font-weight: 700;
    color: #141414;
    line-height: 8vw;
  }
  .home .pirate .foot_area {
    width: 100%;
    padding-top: 6.93333333vw;
    height: 42.93333333vw;
  }
  .home .pirate .foot_area .container {
    position: relative;
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .home .pirate .foot_area .container .icon_area {
    margin-top: 0;
  }
  .home .pirate .foot_area .container .icon_area .yo {
    height: 5.06666667vw;
    width: 21.33333333vw;
  }
  .home .pirate .foot_area .container .icon_area .cat {
    width: 21.33333333vw;
    height: 5.86666667vw;
  }
  .home .pirate .foot_area .container .link_area {
    height: auto;
    margin-top: 4.53333333vw;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 4.53333333vw;
  }
  .home .pirate .foot_area .container .link_area .desc {
    font-size: 1.86666667vw;
    font-family: GothicMB101Pr6N;
    font-weight: 400;
    color: #fff;
    line-height: 5.33333333vw;
    padding: 0.53333333vw 2.4vw;
    white-space: nowrap;
    position: relative;
  }
  .home .pirate .foot_area .container .link_area .desc:after {
    display: block;
    content: "";
    position: absolute;
    height: 3.73333333vw;
    width: 2px;
    right: -1px;
    background-color: #fff;
    top: 50%;
    transform: translateY(-1.6vw);
  }
  .home
    .pirate
    .foot_area
    .container
    .link_area
    .desc:last-child:after {
    display: none;
  }
  .home .pirate .foot_area .container .bottom_desc {
    font-size: 1.86666667vw;
    font-family: GothicMB101Pr6N;
    font-weight: 400;
    color: #fff;
    line-height: px;
    margin-top: 3.46666667vw;
  }
  body {
    width: auto;
  }
}
.swiper-pagination-bullet {
  background: #fff !important;
}
.el-input__inner {
  background: inherit !important;
}
.dialogNews {
  min-width: 730px;
}
.required > label:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
}
html {
  font-size: 16px;
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  html {
    font-size: calc(84.38% + 5.12821vw - 19.23077px);
    font-size: calc(1.86364px + 3.63636vw);
  }
}
@media screen and (min-width: 375px) and (max-width: 414px) {
  html {
    font-size: calc(100% + 5.12821vw - 19.23077px);
    font-size: calc(-3.23077px + 5.12821vw);
  }
}
@media screen and (min-width: 414px) and (max-width: 600px) {
  html {
    font-size: calc(112.5% + 2.15054vw - 8.90323px);
    font-size: calc(9.09677px + 2.15054vw);
  }
}
@media screen and (min-width: 600px) {
  html {
    font-size: 26px;
  }
}
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape),
  (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  html {
    font-size: 1.95313vw;
  }
  html body {
    min-width: 100%;
  }
}
@media screen and (min-width: 1320px) {
  html {
    font-size: calc(162.5% + 2vw - 26.4px);
    font-size: calc(-0.4px + 2vw);
  }
}
@media screen and (min-width: 1920px) {
  html {
    font-size: calc(237.5% + 0.5vw - 9.6px);
    font-size: calc(28.4px + 0.5vw);
  }
}
body {
  margin: 0;
  width: 100%;
  min-width: 1200px;
  background: #efefef;
  line-height: 1;
}
@media screen and (max-width: 600px) {
  body {
    min-width: 100%;
  }
}
body ::-moz-selection {
  color: #fff;
  background-color: #d89bdd;
}
body ::selection {
  color: #fff;
  background-color: #d89bdd;
}
body img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#app {
  font-family: Arial, Helvetica Neue, Hiragino Sans GB, Microsoft YaHei,
    "\5FAE\8F6F\96C5\9ED1", Helvetica, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
ul {
  padding: 0;
  list-style: none;
}
p,
ul {
  margin: 0;
}
img {
  vertical-align: middle;
}
a {
  text-decoration: none;
}
@font-face {
  font-family: SeuratPro-B;
  src: url('../fonts/FOT-SeuratPro-B.otf');
  font-weight: 400;
  font-style: normal;
}
.fadein {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0);
}