@-webkit-keyframes SurfZoomLeft {
  0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: left top
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: left top
  }
}

@-moz-keyframes SurfZoomLeft {
  0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: left top
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: left top
  }
}

@-o-keyframes SurfZoomLeft {
  0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: left top
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: left top
  }
}

@keyframes SurfZoomLeft {
  0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: left top
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: left top
  }
}

@-webkit-keyframes SurfMoveLeft {
  0% {
    transform: translate(0px, 0px)
  }

  25% {
    transform: translate(20px, 20px)
  }

  50% {
    transform: translate(0px, 0px)
  }

  75% {
    transform: translate(-30px, -30px)
  }

  100% {
    transform: translate(0px, 0px)
  }
}

@-moz-keyframes SurfMoveLeft {
  0% {
    transform: translate(0px, 0px)
  }

  25% {
    transform: translate(20px, 20px)
  }

  50% {
    transform: translate(0px, 0px)
  }

  75% {
    transform: translate(-30px, -30px)
  }

  100% {
    transform: translate(0px, 0px)
  }
}

@-o-keyframes SurfMoveLeft {
  0% {
    transform: translate(0px, 0px)
  }

  25% {
    transform: translate(20px, 20px)
  }

  50% {
    transform: translate(0px, 0px)
  }

  75% {
    transform: translate(-30px, -30px)
  }

  100% {
    transform: translate(0px, 0px)
  }
}

@keyframes SurfMoveLeft {
  0% {
    transform: translate(0px, 0px)
  }

  25% {
    transform: translate(20px, 20px)
  }

  50% {
    transform: translate(0px, 0px)
  }

  75% {
    transform: translate(-30px, -30px)
  }

  100% {
    transform: translate(0px, 0px)
  }
}

@-webkit-keyframes BtnMoveLeft {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(10px)
  }

  100% {
    transform: translateY(0px)
  }
}

@-moz-keyframes BtnMoveLeft {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(10px)
  }

  100% {
    transform: translateY(0px)
  }
}

@-o-keyframes BtnMoveLeft {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(10px)
  }

  100% {
    transform: translateY(0px)
  }
}

@keyframes BtnMoveLeft {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(10px)
  }

  100% {
    transform: translateY(0px)
  }
}

@-webkit-keyframes cloud {
  0% {
    background-position: 0% bottom
  }

  100% {
    background-position: -1755px bottom
  }
}

@-moz-keyframes cloud {
  0% {
    background-position: 0% bottom
  }

  100% {
    background-position: -1755px bottom
  }
}

@-o-keyframes cloud {
  0% {
    background-position: 0% bottom
  }

  100% {
    background-position: -1755px bottom
  }
}

@keyframes cloud {
  0% {
    background-position: 0% bottom
  }

  100% {
    background-position: -1755px bottom
  }
}

@-webkit-keyframes BoxShadow {
  0% {
    background: #fb9925;
    box-shadow: 0px 0px 0px #d8821c
  }

  50% {
    background: #f7ab00;
    box-shadow: 0px 0px 7px #d8821c
  }

  100% {
    background: #fb9925;
    box-shadow: 0px 0px 0px #d8821c
  }
}

@-moz-keyframes BoxShadow {
  0% {
    background: #fb9925;
    box-shadow: 0px 0px 0px #d8821c
  }

  50% {
    background: #f7ab00;
    box-shadow: 0px 0px 7px #d8821c
  }

  100% {
    background: #fb9925;
    box-shadow: 0px 0px 0px #d8821c
  }
}

@-o-keyframes BoxShadow {
  0% {
    background: #fb9925;
    box-shadow: 0px 0px 0px #d8821c
  }

  50% {
    background: #f7ab00;
    box-shadow: 0px 0px 7px #d8821c
  }

  100% {
    background: #fb9925;
    box-shadow: 0px 0px 0px #d8821c
  }
}

@keyframes BoxShadow {
  0% {
    background: #fb9925;
    box-shadow: 0px 0px 0px #d8821c
  }

  50% {
    background: #f7ab00;
    box-shadow: 0px 0px 7px #d8821c
  }

  100% {
    background: #fb9925;
    box-shadow: 0px 0px 0px #d8821c
  }
}

html {
  width: 100%;
  min-height: 100%;
  background: #5c1cba url(../img/index-bg3.jpg) no-repeat bottom center
}

body {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  font-family: "Microsoft YaHei,simsun,Helvetica Neue,Arial,Helvetica,sans-serif";
  background: transparent url(../img/index-bg-top3.jpg) no-repeat top center
}

.index-html,
.index-body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index-body {
  padding: 80px 0;
  position: relative;
  /* background: #0086dd url(../img/index-bg-top1.jpg) no-repeat top center */
  background: url(../img/index_bg_2021.jpg) no-repeat top center;
  background-size: 100% 100%;
}
/* .index-body:before {
  content: " ";
  position: absolute;
  width: 300%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/index-bg-bom.png) repeat-x bottom center;
  animation: cloud 20s linear infinite
} */

a {
  color: #2c2d2c
}

a:hover,
a:focus {
  color: #ef5300
}

.container,
.container-layout {
  padding-left: 15px;
  padding-right: 15px
}

.show-sm,
.show-mm {
  display: none
}

.show-b,
.show-l,
.show-m,
.show-s,
.show-sm,
.show-mm {
  display: none
}

.line-big {
  margin-left: -15px;
  margin-right: -15px
}

.line-big .x1,
.line-big .x2,
.line-big .x3,
.line-big .x4,
.line-big .x5,
.line-big .x6,
.line-big .x7,
.line-big .x8,
.line-big .x9,
.line-big .x10,
.line-big .x11,
.line-big .x12,
.line-big .xl1,
.line-big .xl2,
.line-big .xl3,
.line-big .xl4,
.line-big .xl5,
.line-big .xl6,
.line-big .xl7,
.line-big .xl8,
.line-big .xl9,
.line-big .xl10,
.line-big .xl11,
.line-big .xl12,
.line-big .xs1,
.line-big .xs2,
.line-big .xs3,
.line-big .xs4,
.line-big .xs5,
.line-big .xs6,
.line-big .xs7,
.line-big .xs8,
.line-big .xs9,
.line-big .xs10,
.line-big .xs11,
.line-big .xs12,
.line-big .xm1,
.line-big .xm2,
.line-big .xm3,
.line-big .xm4,
.line-big .xm5,
.line-big .xm6,
.line-big .xm7,
.line-big .xm8,
.line-big .xm9,
.line-big .xm10,
.line-big .xm11,
.line-big .xm12,
.line-big .xb1,
.line-big .xb2,
.line-big .xb3,
.line-big .xb4,
.line-big .xb5,
.line-big .xb6,
.line-big .xb7,
.line-big .xb8,
.line-big .xb9,
.line-big .xb10,
.line-big .xb11,
.line-big .xb12,
.line-big .xsm1,
.line-big .xsm10,
.line-big .xsm11,
.line-big .xsm12,
.line-big .xsm2,
.line-big .xsm3,
.line-big .xsm4,
.line-big .xsm5,
.line-big .xsm6,
.line-big .xsm7,
.line-big .xsm8,
.line-big .xsm9,
.line-big .xml1,
.line-big .xml10,
.line-big .xml11,
.line-big .xml12,
.line-big .xml2,
.line-big .xml3,
.line-big .xml4,
.line-big .xml5,
.line-big .xml6,
.line-big .xml7,
.line-big .xml8,
.line-big .xml9,
.line-big .xmm1,
.line-big .xmm10,
.line-big .xmm11,
.line-big .xmm12,
.line-big .xmm2,
.line-big .xmm3,
.line-big .xmm4,
.line-big .xmm5,
.line-big .xmm6,
.line-big .xmm7,
.line-big .xmm8,
.line-big .xmm9 {
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.display-table {
  width: 100%;
  height: 100%;
  display: inline-table;
  text-align: center;
  vertical-align: middle
}

.display-table .display-cell {
  width: 100%;
  height: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

header {
  padding: 65px 0 40px
}

header .container {
  position: relative
}

header .logo {
  float: left;
  position: relative;
  z-index: 7
}

header .logo-top{
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 36px;
  line-height: 64px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.logo-top-logo{
  margin-right: 30px;
}
.logo-top-text{
  display: block;
  font-size: 42px;
  line-height: 48px;
  font-family: STSong;
  font-weight: bold;
  text-shadow: 5px 2px 5px #000;
}

.logo-top-text span{
  display: block;
  font-size: 72px;
  line-height: 80px;
  font-family: STSong;
  font-weight: bold;
  color: #ff7c00;
  text-decoration:none;
  position: relative;
}
.logo-top-text span::after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: attr(data-text);
  text-shadow: none;
  color: #ff7c00;
  background-image:-webkit-linear-gradient(top,#ffe39b,#ff7c00);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

@media (max-width: 999px) {
  .logo-top-text{
    font-size: 38px;
  }  
  .logo-top-text span{
    font-size: 62px;
  }
}
@media (max-width: 750px) {
  header{padding-top: 35px;}
  .logo-top-logo{margin-right: 0;}
  .logo-top-text{
    font-size: 32px;
    line-height: 48px;
  }  
  .logo-top-text span{
    font-size: 48px;
    line-height: 56px;
  }
}
@media (max-width: 435px) {
  .logo-top-text{
    font-size: 22px;
    line-height: 32px;
    padding-top: 15px;
    padding-bottom: 15px;
  }  
  .logo-top-text span{
    font-size: 32px;
    line-height: 46px;
  }
}

header .logo-head {
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 36px;
  line-height: 36px;
  color: #ffffff;
  /* text-align: center; */
  margin-bottom: 0px;
  position: relative;
  z-index: 6
}

header .logo-head span {
  margin-right: 10px;
  display: inline-block;
  vertical-align: top
}
header .logo-head span.logo-head-text2{
  color: #fff;
  text-align: justify;
  text-align-last: justify;
  text-decoration:none;
  font-size: 18px;
  line-height: 18px;
  width: 230px;
}
header .logo-head span.logo-head-text2 i{
  font-style: normal;
  font-size: 16px;
}

header .logo-head span.logo-head-text3{
  color: #fff;
  text-align: justify;
  text-decoration:none;
  font-size: 42px;
  font-weight: bold;
  line-height: 42px;
  color: #ff7c00;
  background-image:-webkit-linear-gradient(top,#ffe39b,#ff7c00);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

@media (min-width: 1200px) {
  header .logo-head span.logo-head-text3{
    margin-left: 85px;
  }
}

header .logo-head b {
  font-weight: normal
}

header .head-nav {
  color: #5c1cba;
  padding: 9px 0 10px;
  line-height: 35px;
  /* background: rgba(5, 105, 174, 0.9); */
  background: rgba(57, 30, 124, 0.9);
  border-top: 1px solid #9f7bc6;
  border-bottom: 1px solid #9f7bc6;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 5
}

header .head-nav:before {
  content: " ";
  position: absolute;
  width: 50px;
  top: -1px;
  bottom: -1px;
  right: 100%;
  border-top: 1px solid #9f7bc6;
  border-bottom: 1px solid #9f7bc6;
  background: #391e7c;
  background: -moz-linear-gradient(left, rgba(57, 30, 124, 0) 0%, rgba(57, 30, 124, 0.9) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(57, 30, 124, 0)), color-stop(100%, rgba(57, 30, 124, 0.9)));
  background: -webkit-linear-gradient(left, rgba(57, 30, 124, 0) 0%, rgba(57, 30, 124, 0.9) 100%);
  background: -o-linear-gradient(left, rgba(57, 30, 124, 0) 0%, rgba(57, 30, 124, 0.9) 100%);
  background: -ms-linear-gradient(left, rgba(57, 30, 124, 0) 0%, rgba(57, 30, 124, 0.9) 100%);
  background: linear-gradient(to right, rgba(57, 30, 124, 0) 0%, rgba(57, 30, 124, 0.9) 100%)
}

header .head-nav:after {
  content: " ";
  position: absolute;
  width: 50px;
  top: -1px;
  bottom: -1px;
  left: 100%;
  border-top: 1px solid #9f7bc6;
  border-bottom: 1px solid #9f7bc6;
  background: #0569ae;
  background: -moz-linear-gradient(left, rgba(57, 30, 124, 0.9) 0%, rgba(57, 30, 124, 0.75) 50%, #0569ae 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(57, 30, 124, 0.9)), color-stop(50%, rgba(57, 30, 124, 0.75)), color-stop(100%, rgba(57, 30, 124, 0)));
  background: -webkit-linear-gradient(left, rgba(57, 30, 124, 0.9) 0%, rgba(57, 30, 124, 0.75) 50%, rgba(57, 30, 124, 0) 100%);
  background: -o-linear-gradient(left, rgba(57, 30, 124, 0.9) 0%, rgba(57, 30, 124, 0.75) 50%, rgba(57, 30, 124, 0) 100%);
  background: -ms-linear-gradient(left, rgba(57, 30, 124, 0.9) 0%, rgba(57, 30, 124, 0.75) 50%, rgba(57, 30, 124, 0) 100%);
  background: linear-gradient(to right, rgba(57, 30, 124, 0.9) 0%, rgba(57, 30, 124, 0.75) 50%, rgba(57, 30, 124, 0) 100%)
}

header .head-nav li {
  text-align: center;
  flex-grow: 1;
  position: relative;
  list-style: none
}

header .head-nav li:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: -0%;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background: #9f7bc6
}

header .head-nav li:first-child:before {
  display: none
}

header .head-nav a {
  display: inline-block;
  font-size: 20px;
  line-height: 48px;
  color: #fff;
  position: relative;
  cursor: pointer
}

header .head-nav a:hover {
  color: #f3c91c
}

header .head-nav .active a {
  color: #f3c91c
}

header .head-nav .active a:after {
  content: " ";
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  height: 2px;
  background: #f3c91c
}

header .surf-boy {
  position: absolute;
  width: 314px;
  height: 443px;
  left: 100%;
  top: 0%;
  animation: SurfZoomLeft 1s 0.2s backwards;
  margin-left: -150px;
  margin-top: -30px
}

header .surf-boy img {
  animation: SurfMoveLeft 3s linear 1.2s infinite
}

.index-body header {
  padding: 0
}

.index-body header li:before {
  display: none
}

.index-body header .container {
  max-width: 1000px
}

.index-body header .head-nav {
  background: none;
  border: 0;
  z-index: 6
}

.index-body header .head-nav:before,
.index-body header .head-nav:after {
  display: none
}

.index-body header .head-nav li {
  list-style: none
}

.index-body header .head-nav a {
  line-height: 30px;
  padding-bottom: 6px
}

.index-body header .surf-boy {
  margin-left: -30px;
  margin-top: -30px
}
.index_right h1 {
  font-size: 79px;
  /* line-height: 89px; */
  color: #fff;
  font-family: Impact;
}

.index_right h2 {
  font-size: 67px;
  /* line-height: 73px; */
  color: #ff7c00;
  font-family: SourceHanSerifCN-Heavy;
}
.index_right h2 span {
  font-size: 63px;
  /* line-height: 73px; */
  color: #fff;
}
.index_right h3 {
  font-size: 44px;
  /* line-height: 78px; */
  color: #fff;
}
.index_right .index_right_anniu {
  margin-top: 45px;
}
.index_right .index_right_anniu a:first-child{
  font-size: 28px;
  color: #fff;
  padding: 20px 50px;
  background-image: linear-gradient(0deg,#319cfa 0%,#42f4e6 100%),linear-gradient(#000000,#000000);
  background-blend-mode: normal,normal;
  border-radius: 38px;
  margin-right: 20px;
}
.index_right .index_right_anniu a:last-child {
  font-size: 28px;
  color: #fff;
  padding: 14px 50px;
  border: solid 3px #ffffff;
  border-radius: 38px;
}
/* .index_right .index_right_anniu a:hover {
  background-image: linear-gradient(0deg, #319cfa 0%, #42f4e6 100%),
  linear-gradient(#000000, #000000);
  background-blend-mode: normal,normal;
} */
.dibu1 {
  position: absolute;
  width: 100%;
  bottom: 0px;
  padding-bottom: 50px !important;
}

.index-header,
.index-main {
  position: relative;
  z-index: 5
}

.index-main {
  height: 100%;
  padding-bottom: 200px;
  position: relative
}

.index-main .index-main-img {
  position: relative;
  width: 100%;
  height: 100%
}

.index-main .index-main-img img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto
}

.index-main .index-main-til {
  color: #ffffff;
  position: absolute;
  left: 50%;
  width: 550px;
  bottom: 150px;
  font-size: 36px;
  font-weight: lighter;
  line-height: 58px;
  margin-left: -275px;
  text-align: justify;
  text-align-last: justify;
  text-shadow: 0px 2px 2px #333
}

.index-main .index-main-til span {
  display: block;
  font-size: 22px;
  line-height: 24px;
  text-align: justify;
  text-align-last: justify;
  text-transform: capitalize
}

.index-main .index-main-btn {
  position: absolute;
  width: 88px;
  height: 84px;
  left: 50%;
  bottom: 20px;
  margin-left: -44px
}

.index-main .index-main-btn a {
  display: block
}

.index-main .index-main-btn a img {
  animation: BtnMoveLeft 1s ease-in-out 0s infinite
}

.section-til {
  width: 299px;
  height: 70px;
  font-size: 28px;
  font-weight: bold;
  line-height: 38px;
  text-align: center;
  margin: 0 auto;
  color: #006fba;
  padding: 7px 85px 25px 23px;
  background: url(../img/section-til.png) no-repeat bottom left
}

.abt-body .abt-text {
  font-size: 18px;
  line-height: 34px;
  color: #ffffff;
  padding: 30px 0
}

.abt-body .abt-text p {
  line-height: 34px;
  margin-bottom: 5px;
  text-indent: 2em
}

.abt-body .abt-img {
  margin-bottom: -30px
}
.abt-body .abt-img img{
  border-radius: 10px;
}

.abt-body .abt-img li {
  margin-bottom: 30px
}

.abt-body .abt-join .abt-join-head {
  padding: 25px 0
}

.abt-body .abt-join .abt-join-head img {
  margin: 0 auto
}

.abt-body .abt-join .abt-join-list .abt-join-div {
  max-width: 220px;
  margin: 0 auto 15px
}

.abt-body .abt-join .abt-join-list .abt-join-ico {
  width: 114px;
  height: 114px;
  padding: 25px;
  background: #f3c91c;
  border-radius: 50%;
  margin: 0 auto
}

.abt-body .abt-join .abt-join-list .abt-join-til {
  font-size: 20px;
  line-height: 38px;
  font-weight: bold;
  color: #f3c91c;
  padding-top: 5px;
  padding-bottom: 5px
}

.abt-body .abt-join .abt-join-list .abt-join-tex {
  font-size: 18px;
  line-height: 34px;
  color: #ffffff
}

.abt-body .abt-desc {
  padding-bottom: 35px
}

.abt-body .abt-desc .abt-desc-til {
  font-size: 30px;
  line-height: 60px;
  font-weight: bold;
  color: #ffffff;
  font-style: italic
}

.section-panel {
  display: none
}

.section-panel.active {
  display: block
}

.post-body .post-top-head {
  text-align: center
}

.post-body .post-top-head .section-til {
  margin: 0 auto
}

.post-body .post-top-text {
  padding: 35px 0;
  text-align: center
}

.post-body .post-top-text p {
  line-height: 34px;
  font-size: 24px;
  color: #f3c91c
}

.post-body .post-top-text p span {
  font-size: 18px;
  color: #ffffff
}

.post-body .post-specialty {
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff
}

.post-body .post-specialty .post-specialty-til {
  text-align: center;
  line-height: 34px;
  font-size: 24px;
  color: #f3c91c;
  margin-bottom: 15px
}

.post-body .post-specialty .post-specialty-text {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 18px;
  line-height: 34px;
  color: #ffffff
}

.post-body .post-specialty .post-specialty-text p {
  line-height: 48px
}

.post-body .post-job {
  /* padding-top: 50px; */
  padding-bottom: 50px
}

.post-body .post-job .post-job-til {
  text-align: center;
  line-height: 34px;
  font-size: 24px;
  color: #f3c91c;
  margin-bottom: 15px
}

.post-body .post-job .post-job-text {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 18px;
  line-height: 34px;
  color: #ffffff;
  margin-bottom: 20px
}

.post-body .post-job .post-job-text p {
  line-height: 48px
}

.post-body .post-job .post-job-tab {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  border: 2px solid #004a7d;
  padding: 35px;
  font-size: 18px;
  color: #5c1cba;
  text-align: center
}

.post-body .post-job .post-job-tab li {
  padding: 10px 0 0;
  border-bottom: 1px dashed #5c1cba
}

.post-body .post-job .post-job-tab li:after {
  display: block;
  content: " ";
  clear: both;
  zoom: 1
}

.post-body .post-job .post-job-tab li.post-job-tab-info {
  cursor: pointer
}

.post-body .post-job .post-job-tab li.post-job-tab-info.active {
  cursor: auto
}

.post-body .post-job .post-job-tab li.post-job-tab-info.active .zhiwe-job,
.post-body .post-job .post-job-tab li.post-job-tab-info.active .zhiwe-num,
.post-body .post-job .post-job-tab li.post-job-tab-info.active .zhiwe-place,
.post-body .post-job .post-job-tab li.post-job-tab-info.active .zhiwe-fz
 {
  font-size: 22px;
  font-weight: bold
}

.post-body .post-job .post-job-tab p {
  line-height: 28px;
  padding: 6px 0
}
.post-body .post-job .post-job-tab .beizhu {
  padding-top: 20px;
}
.post-body .post-job .post-job-tab a {
  display: inline-block;
  padding: 6px 25px;
  border-radius: 20px;
  line-height: 28px;
  margin: -6px 0;
  background: #fb9925;
  color: #ffffff;
  cursor: pointer;
  animation: BoxShadow 2s ease 0s infinite
}

.post-body .post-job .post-job-tab .zhiwei-top {
  font-size: 24px;
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #5c1cba
}

.post-body .post-job .post-job-tab hr.cleartab {
  background: none;
  height: 10px;
  margin: 0
}

.post-body .post-job .post-job-tab .disblock {
  clear: both;
  text-align: left;
  overflow: hidden;
  display: none
}

.post-body .post-job .post-job-tab .disblock ul {
  border-top: 1px solid #5c1cba
}

.post-body .post-job .post-job-tab .disblock li {
  padding: 10px 10px 15px;
  list-style: none;
  border-bottom: none
}

.post-body .post-job .post-job-tab .disblock .post-info-til {
  line-height: 34px;
  font-size: 20px;
  font-weight: normal;
  color: #5c1cba;
  margin-bottom: 10px;
  padding-left: 0px
}

.post-body .post-job .post-job-tab .disblock p {
  font-size: 16px;
  padding: 0px 0;
  padding-left: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  color: #333;
  background: url(../img/post-info-ico.png) no-repeat left 4px/18px
}

.post-body .post-info-list .post-info-til {
  line-height: 34px;
  font-size: 24px;
  font-weight: bold;
  color: #fdd000;
  margin-bottom: 15px
}

.post-body .post-info-list p {
  font-size: 18px;
  padding-left: 36px;
  line-height: 36px;
  margin-bottom: 15px;
  color: #ffffff;
  background: url(../img/post-info-ico.png) no-repeat left 4px
}

.post-body .post-duty {
  display: none;
  padding-bottom: 30px;
  border-bottom: 1px solid #ffffff
}

.post-body .post-pay {
  padding-top: 45px;
  padding-bottom: 30px
}

.post-body .post-desc .post-desc-til {
  font-size: 14px;
  line-height: 28px;
  color: #a966ff;
}

.zpxz{
  padding-bottom: 1px;
}

.zpxz .zpxz-tit {
  line-height: 34px;
  font-size: 24px;
  font-weight: bold;
  color: #fdd000;
  margin-bottom: 15px;
}

.zpxz p{
  font-size: 18px;
  padding-left: 30px;
  line-height: 36px;
  margin-bottom: 15px;
  color: #ffffff;
}

/* .zpxz p a,span{
  color: #fdd000;
  text-decoration: underline;
} */

.zpxz .zpxz-til{
  color: #fff;
  text-decoration: none;
  display: inline-block;
}


.welfare-text {
  padding: 60px 0 30px
}

.fuli-block {
  text-align: center;
  margin-bottom: 30px
}

.fuli-block .fuli-block01>div,
.fuli-block .fuli-block02>div,
.fuli-block .fuli-block03>div {
  width: 270px;
  height: 270px;
  margin: 0 10px;
  display: inline-block;
  padding-top: 25px;
  padding-left: 25px
}

.fuli-block .fuli-block01>div>div,
.fuli-block .fuli-block02>div>div,
.fuli-block .fuli-block03>div>div {
  width: 200px;
  height: 200px;
  transform: rotate(45deg);
  transform-origin: center center
}

.fuli-block .fuli-block01>div>div>div,
.fuli-block .fuli-block02>div>div>div,
.fuli-block .fuli-block03>div>div>div {
  width: 200px;
  height: 200px;
  font-size: 20px;
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
  line-height: 36px;
  transform: rotate(-45deg);
  transform-origin: center center
}

.fuli-block .fuli-block01>div>div>div p,
.fuli-block .fuli-block02>div>div>div p,
.fuli-block .fuli-block03>div>div>div p {
  transform: translate3d(0, 0, 0);
  line-height: 36px
}

.fuli-block .fuli-block02 {
  margin-top: -125px
}

.fuli-block .fuli-block03 {
  margin-top: -125px
}

.fuli-block .fuli-block-ico {
  text-align: center
}

.fuli-block .fuli-block-ico img {
  margin: 0 auto
}

.fuli-block .bg-col-01 {
  background-color: #8378ea
}

.fuli-block .bg-col-02 {
  background-color: #e7bcf3
}

.fuli-block .bg-col-03 {
  background-color: #1d9dff
}

.fuli-block .bg-col-04 {
  background-color: #fb7293
}

.fuli-block .bg-col-05 {
  background-color: #ff9f7f
}

.fuli-block .bg-col-06 {
  background-color: #fcd64f
}

.fuli-block .bg-col-07 {
  background-color: #32c5e9
}

.fuli-block .bg-col-08 {
  background-color: #9fe6b8
}

.welfare-join-til {
  margin-bottom: 50px
}

.welfare-join-til img {
  margin: 0 auto
}

.job-process {
  padding-top: 30px;
  text-align: center;
  margin-bottom: 35px
}

.job-process .job-process-til {
  line-height: 34px;
  font-size: 24px;
  font-weight: bold;
  color: #fdd000;
  margin-bottom: 15px;
  text-align: left;
}

.job-process .job-process-list {
  display: flex;
  vertical-align: middle;
  align-items: flex-start;
  justify-content: space-between
}
@media (max-width: 999px) {
  .job-process .job-process-list{
    flex-wrap: wrap;
  }  
}

.job-process .job-process-list p {
  font-size: 18px;
  line-height: 24px;
  color: #ffffff
}
.job-process .job-process-list p.job-process-list-til {
  padding-top: 10px;
  padding-bottom: 10px;
}
.job-process .job-process-list p a {
  font-size: 18px;
  line-height: 24px;
  color: #ffffff
}

.job-resume {
  padding: 35px 0;
  border-top: 1px solid #ffffff;
  text-align: center
}

.job-resume .job-resume-til {
  line-height: 34px;
  font-size: 24px;
  font-weight: bold;
  color: #fdd000;
  margin-bottom: 15px
}

.job-resume .job-resume-tex {
  font-size: 18px;
  line-height: 38px;
  color: #ffffff
}

.job-resume .job-resume-tex p {
  display: inline-block;
  line-height: 38px;
  color: #ffffff;
  padding: 0 30px
}

.job-resume .job-resume-tex p span,
.job-resume .job-resume-tex p a {
  color: #fdd000;
  text-decoration: underline
}

@media (max-width: 700px) {
  .job-process .job-process-list .job-process-list-img{
    width: 100px;
  }  
}
.resume-delivery {
  padding: 35px 0;
  border-top: 1px solid #ffffff;
  margin-top: 35px
}

.resume-delivery .resume-delivery-til {
  line-height: 34px;
  font-size: 24px;
  font-weight: bold;
  color: #fdd000;
  margin-bottom: 15px;
  text-align: center
}

.resume-delivery .resume-delivery-tex {
  font-size: 18px;
  line-height: 38px;
  color: #ffffff
}

.resume-delivery .resume-delivery-tex .resume-delivery-edsc {
  padding: 0 30px
}

.resume-delivery .resume-delivery-tex .resume-delivery-edsc p {
  display: inline-block;
  line-height: 38px;
  padding: 0 15px;
  margin-bottom: 10px
}

.resume-delivery .resume-delivery-tex .resume-delivery-edsc p span,
.resume-delivery .resume-delivery-tex .resume-delivery-edsc p a {
  color: #fdd000;
  text-decoration: underline
}

.resume-delivery .resume-delivery-tex .resume-delivery-weixin {
  font-size: 16px;
  color: #fdd000;
  text-align: center
}

.resume-delivery .resume-delivery-tex .resume-delivery-weixin .resume-delivery-weixin-img {
  display: block;
  margin-bottom: 5px
}

.resume-delivery .resume-delivery-tex .resume-delivery-weixin .resume-delivery-weixin-img img {
  margin: 0 auto
}
.resume-delivery .resume-delivery-tex .resume-delivery-aisle{ float: left;text-align: left; margin-right: 20px;}
.resume-delivery .resume-delivery-tex .resume-delivery-aisle p,.resume-delivery .resume-delivery-tex .resume-delivery-aisle-edat p{ display: block; padding: 0; margin: 0;}
.resume-delivery .resume-delivery-tex .resume-delivery-aisle .resume-delivery-aisle-til{ font-size: 40px; line-height: 60px; color: #fdd000;}
.resume-delivery .resume-delivery-tex .resume-delivery-aisle .resume-delivery-aisle-til span{ font-size: 56px; font-weight: bold; line-height: 56px; padding: 0 5px; vertical-align: top; text-decoration:none; display: inline-block;}
.resume-delivery .resume-delivery-tex .resume-delivery-aisle .resume-delivery-aisle-tex{ font-size: 20px; font-weight: bold; line-height: 40px; color: #fdd000;}
.resume-delivery .resume-delivery-tex .resume-delivery-aisle-edat{ padding: 0 15px;}
.resume-delivery .resume-delivery-tex .resume-delivery-aisle-edat .resume-delivery-aisle-edat-text i{ display: inline-block; vertical-align: top; margin-right: 10px;}

@media (min-width: 1200px) {
  .resume-delivery .resume-delivery-tex .resume-delivery-weixin{border-right: 1px solid rgba(255, 255, 255, 0.2); padding: 30px 0;}
  .resume-delivery .resume-delivery-tex .resume-delivery-weixin .resume-delivery-aisle{ padding-top: 20px; padding-left: 70px;}
  .resume-delivery .resume-delivery-tex .resume-delivery-weixin .resume-delivery-weixin-img img{ margin: 0;}
  .resume-delivery .resume-delivery-tex .resume-delivery-edsc{ padding: 50px 30px 0 50px;}
}
@media (max-width: 1199px) {
  .resume-delivery .resume-delivery-tex .resume-delivery-aisle{ float: none;text-align: center; margin-right: 0; margin-bottom: 20px;}
}
.resume-hint {background: rgba(57, 30, 124, 0.75); color: #fff; font-size: 18px; line-height: 36px; padding: 10px 0 ; margin-bottom: 20px;}
@media (min-width: 760px) {
  .resume-hint-textil{text-align: right;}
}
.resume-hint-edat {font-size: 32px; color: #f8c730; line-height: 78px;}
.resume-hint-edat i{display: inline-block; vertical-align: top; margin-right: 25px;}


.trip-top-til {
  text-align: center;
  line-height: 34px;
  font-size: 24px;
  font-weight: bold;
  color: #fdd000;
  margin-bottom: 15px;
  padding-top: 35px
}

.trip-tabs {
  background: #ffffff;
  border: 1px solid #eeeeee;
  margin-bottom: 30px;
  border-radius: 15px;
  overflow: hidden
}

.trip-tabs .table th {
  padding: 13px 8px 13px 22px
}

.trip-tabs .table td {
  padding: 13px 8px
}

.trip-tabs .table tr:hover td {
  background-color: #fff5d4
}

.trip-add {
  border-top: 1px solid #ffffff;
  padding: 30px 0;
  text-align: center
}

.trip-add .trip-add-til {
  text-align: center;
  line-height: 34px;
  font-size: 24px;
  font-weight: bold;
  color: #fdd000;
  margin-bottom: 30px;
  padding-top: 35px
}

.trip-add .trip-add-list li {
  margin-bottom: 30px
}

.trip-add .trip-add-list .trip-add-list-bg {
  background: url(../img/trip-add-list-bg.jpg) repeat center center;
  border-radius: 15px;
  padding: 30px 0;
  border: 2px solid #333
}

.trip-add .trip-add-list .trip-add-list-img {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px
}

.trip-add .trip-add-list .trip-add-list-til {
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  line-height: 74px;
  color: #000000
}

.trip-add .trip-add-more {
  line-height: 42px;
  font-size: 22px;
  color: #ffffff;
  padding: 35px 0
}

.trip-add .trip-add-more i {
  display: inline-block;
  vertical-align: top;
  margin-right: 25px
}

.trip-more-bg {
  text-align: center;
  padding: 35px 15px;
  border-radius: 15px;
  font-size: 18px;
  line-height: 36px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2)
}

.trip-more-bg img {
  margin: 0 auto
}

.trip-more-bg .trip-more-til {
  font-weight: bold;
  color: #fdd000
}

.trip-more-bg p {
  line-height: 42px
}

.trip-more-bg span {
  color: #fdd000
}

.trip-more-bg .trip-more-weixin .trip-more-weixin-img {
  margin-bottom: 10px
}

.trip-more-bg .trip-more-weixin .trip-more-weixin-til {
  font-size: 16px;
  line-height: 36px;
  color: #fdd000
}

.welfare-setting {
  text-align: center;
  font-size: 18px;
  line-height: 36px;
  color: #ffffff;
  margin-bottom: 35px
}

.welfare-setting .welfare-setting-list {
  display: flex;
  vertical-align: middle;
  align-items: flex-start;
  justify-content: center
}

.welfare-setting .welfare-setting-list li {
  padding: 15px
}

.welfare-setting .welfare-setting-list .welfare-setting-list-img {
  overflow: hidden;
  border: 3px solid #fdd000
}

.welfare-setting .welfare-setting-list .welfare-setting-list-til {
  color: #ffffff;
  line-height: 38px
}

.welfare-setting .welfare-setting-list .welfare-setting-list-til:before,
.welfare-setting .welfare-setting-list .welfare-setting-list-til:after {
  content: " ";
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0 10px;
  background: #fdd000;
  transform: rotate(45deg);
  transform-origin: center center
}

.welfare-setting .welfare-setting-list .welfare-setting-img-r1,
.welfare-setting .welfare-setting-list .welfare-setting-img-r4 {
  border-radius: 0 50px 0 50px
}

.welfare-setting .welfare-setting-list .welfare-setting-img-r2,
.welfare-setting .welfare-setting-list .welfare-setting-img-r3 {
  border-radius: 50px 0 50px 0
}

.welfare-setting .welfare-setting-img-more {
  text-align: center;
  font-size: 18px
}

.welfare-setting .welfare-setting-img-more img {
  margin: 0 auto
}

.welfare-setting .welfare-setting-img-more a {
  display: inline-block;
  cursor: pointer;
  color: #000;
  line-height: 30px;
  padding: 10px 25px;
  border-radius: 25px;
  background: #fdd000;
  transition: all .5s
}

.welfare-setting .welfare-setting-img-more a:hover {
  background: #ffde00
}

.welfare-setting .welfare-setting-img-more a i,
.welfare-setting .welfare-setting-img-more a svg {
  display: inline-block;
  vertical-align: top
}

.welfare-setting .welfare-setting-img-more a path {
  transition: all .5s
}

.welfare-setting .welfare-setting-img-more a i {
  margin-right: 10px
}

.welfare-setting .welfare-setting-list-img-more {
  display: none
}

.contact-main {
  padding: 50px 0 30px
}

.contact-main .contact-edat-til {
  line-height: 34px;
  font-size: 24px;
  font-weight: bold;
  color: #fdd000;
  margin-bottom: 15px
}

.contact-main .contact-edat-tex {
  font-size: 18px;
  line-height: 38px;
  color: #ffffff
}

.contact-main .contact-edat-tex p {
  display: inline-block;
  line-height: 38px;
  color: #ffffff;
  margin-bottom: 15px
}

.contact-main .contact-edat-tex p span,
.contact-main .contact-edat-tex p a {
  color: #fdd000;
  text-decoration: underline
}

.contact-main .contact-weixin {
  text-align: center;
  color: #fdd000
}

.contact-main .contact-weixin .contact-weixin-list {
  padding: 25px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-items: flex-start
}

.contact-main .contact-weixin .contact-weixin-list li {
  padding: 5px;
  width: 50%
}

.contact-main .contact-weixin .contact-weixin-list-img {
  margin-bottom: 10px
}

.contact-main .contact-weixin .contact-weixin-list-img img {
  margin: 0 auto
}

.contact-main .contact-weixin .contact-weixin-list-til {
  font-size: 16px;
  line-height: 36px
}

.contact-map-til {
  text-align: center;
  line-height: 34px;
  font-size: 24px;
  font-weight: bold;
  color: #fdd000;
  margin-bottom: 15px
}

.contact-map {
  padding-bottom: 100px
}

.dibu {
  text-align: center;
  margin-top: 50px;
  padding-top: 0px;
  padding-bottom: 100px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.dibu .dibu-list {
  display: flex;
  align-items: center;
  justify-content: space-around
}

.dibu .dibu-list li {
  line-height: 58px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  cursor: pointer
}

.dibu .dibu-list li:hover {
  color: #ffffff
}

.dibu .dibu-list li.active {
  color: #ffffff
}

.dibu .dibu-list li.active:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #ffffff;
  top: -2px;
  left: 0
}
.dibu ul li a {
  color: #fff;
}

.dibu-text{ font-size: 18px; color: #fff; padding-top: 20px; text-shadow: 0px 0px 1px #000;}
.dibu-text p{line-height: 40px;}


.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  display: none
}

.mask .maskbg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5)
}

.mask .mask-main {
  position: absolute;
  width: 350px;
  height: 470px;
  top: 50%;
  left: 50%;
  z-index: 10;
  margin-top: -235px;
  margin-left: -175px
}

.mask .mask-index {
  max-width: 750px;
  margin: 0 auto;
  background: #e8ecef;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  border-radius: 15px
}

.mask .mask-index .mask-head {
  font-size: 20px
}

.mask .mask-index .mask-head p {
  line-height: 28px
}

.mask .mask-index .mask-01,
.mask .mask-index .mask-03 {
  padding: 15px 0
}

.mask .mask-index .mask-04 {
  padding-bottom: 15px
}

.mask .mask-index .mask-til {
  display: block;
  line-height: 36px;
  border-radius: 36px;
  background: #4f6c8c;
  color: #ffffff;
  transition: all .5s
}

.mask .mask-index .mask-04 .mask-til {
  background: #35b0f5
}

.mask .mask-index .mask-til:hover {
  background: #0965b2
}

.mask .mask-index .mask-text {
  padding: 10px;
  margin: 10px 15px 0;
  border: 1px solid #cdcdcd;
  background: #ffffff;
  font-size: 18px;
  line-height: 36px
}

.mask .mask-index .mask-text span {
  font-weight: bold;
  color: #003c96
}

.mask .mask-index .mask-text .mask-text-desc {
  font-size: 16px;
  font-weight: bold;
  color: #003c96
}

.mask .mask-index .mask-text .mask-text-down {
  display: block;
  font-size: 14px;
  line-height: 28px;
  text-decoration: underline
}

.mask .mask-index .mask-return .mask-btn {
  display: block;
  line-height: 36px;
  border-radius: 36px;
  border: 1px solid #cdcdcd;
  background: #ffffff;
  color: #484d50;
  cursor: pointer;
  transition: all .2s
}

.mask .mask-index .mask-return .mask-btn:hover {
  color: #fff;
  background: #003c96
}

@media (max-width: 999px) {
  .index_left img {
    display: block;
    height: 440px;
    margin: -65px auto 0;
  }
  .index_right .index_right_anniu {
    text-align: center;
  }
  .index_right h1 {
    font-size: 52px;
    text-align: center;
  }

  .index_right h2 {
    font-size: 46px;
    text-align: center;
  }

  .index_right h2 span {
    font-size: 44px;
  }

  .index_right h3 {
    font-size: 34px;
    text-align: center;
  }
  .index_right .index_right_anniu a:first-child {
    padding: 20px 35px;
  }
  .index_right .index_right_anniu a:last-child {
    padding: 14px 35px;
  }
  .dibu1 {
    padding-bottom: 20px !important;
  }
  .index-body {
    padding-top: 30px !important;
  }
  .list-body header .logo-head {
    font-size: 20px;
    line-height: 28px
  }

  .list-body header .surf-boy {
    display: none
  }

  .list-body header .head-nav a {
    font-size: 18px
  }

  .fuli-block {
    text-align: center;
    margin-bottom: 30px
  }

  .fuli-block .fuli-block01>div,
  .fuli-block .fuli-block02>div,
  .fuli-block .fuli-block03>div {
    width: 210px;
    height: 210px
  }

  .fuli-block .fuli-block01>div>div,
  .fuli-block .fuli-block02>div>div,
  .fuli-block .fuli-block03>div>div {
    width: 160px;
    height: 160px
  }

  .fuli-block .fuli-block01>div>div>div,
  .fuli-block .fuli-block02>div>div>div,
  .fuli-block .fuli-block03>div>div>div {
    width: 160px;
    height: 160px;
    font-size: 17px;
    line-height: 32px
  }

  .fuli-block .fuli-block02 {
    margin-top: -92px
  }

  .fuli-block .fuli-block03 {
    margin-top: -92px
  }

  .post-body .post-job {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .post-body .post-job .post-job-tab {
    font-size: 16px;
    padding: 35px 15px
  }

  .post-body .post-job .post-job-tab li {
    padding: 10px 0
  }

  .post-body .post-job .post-job-tab a {
    padding: 6px 15px
  }

  .post-body .post-job .post-job-tab .zhiwei-top {
    font-size: 20px
  }

  .post-body .post-job .post-job-tab .disblock li {
    padding: 10px 0 0
  }

  .post-body .post-job .post-job-tab .disblock .post-info-til {
    font-size: 20px
  }

  .post-body .post-job .post-job-tab .disblock p {
    font-size: 16px;
    padding-left: 28px;
    line-height: 28px;
    margin-bottom: 5px;
    background-size: 18px;
    background-position-y: 5px
  }
}

@media (max-width: 759px) {
  @-webkit-keyframes cloudS {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -500px bottom
    }
  }

  @-moz-keyframes cloudS {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -500px bottom
    }
  }

  @-o-keyframes cloudS {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -500px bottom
    }
  }

  @keyframes cloudS {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -500px bottom
    }
  }

  .list-body header {
    text-align: center
  }

  .list-body header .logo {
    display: inline-block;
    width: 100px;
    float: none;
    margin-right: 15px
  }

  .list-body header .logo-head {
    display: inline-block;
    padding: 0;
    font-size: 20px;
    line-height: 28px;
    text-align: left
  }

  .list-body header .surf-boy {
    display: none
  }

  .list-body header .head-nav {
    width: 100%
  }

  .list-body header .head-nav a {
    font-size: 18px
  }

  .index-body {
    padding: 30px 0 120px
  }

  .index-body:before {
    background: url(../img/index-bg-bom.png) repeat-x bottom center/500px auto;
    animation: cloudS 20s linear infinite
  }

  .index-body header .head-nav {
    flex-wrap: wrap
  }

  .index-body header .head-nav .head-nav-logo {
    width: 100%;
    margin-bottom: 20px
  }

  /* .index-body header .head-nav .head-nav-logo img {
    margin: 0 auto
  } */
  .index-body img {
    display: block;
    margin: 0 auto;
  }
  .index_left img {
    margin-top: -30px;
  }
  .index-body header .head-nav a {
    font-size: 14px
  }

  .index-body header .surf-boy {
    margin-left: -200px
  }

  .index-main .index-main-til {
    width: 280px;
    margin-left: -140px;
    font-size: 24px
  }

  .fuli-block {
    text-align: center;
    margin-bottom: 30px
  }

  .fuli-block .fuli-block01,
  .fuli-block .fuli-block02,
  .fuli-block .fuli-block03 {
    display: flex;
    align-items: stretch;
    justify-content: center
  }

  .fuli-block .fuli-block01>div,
  .fuli-block .fuli-block02>div,
  .fuli-block .fuli-block03>div {
    width: 240px;
    height: auto;
    margin: 5px;
    padding: 0;
    text-align: center
  }

  .fuli-block .fuli-block01>div>div,
  .fuli-block .fuli-block02>div>div,
  .fuli-block .fuli-block03>div>div {
    width: 100%;
    height: 100%;
    transform: rotate(0deg)
  }

  .fuli-block .fuli-block01>div>div>div,
  .fuli-block .fuli-block02>div>div>div,
  .fuli-block .fuli-block03>div>div>div {
    display: block;
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    font-size: 14px;
    padding: 15px
  }

  .fuli-block .fuli-block01>div>div>div p,
  .fuli-block .fuli-block02>div>div>div p,
  .fuli-block .fuli-block03>div>div>div p {
    line-height: 24px
  }

  .fuli-block .fuli-block02 {
    margin-top: -0px
  }

  .fuli-block .fuli-block03 {
    margin-top: -0px
  }

  .trip-tabs {
    border: 1px solid #eeeeee;
    margin-bottom: 30px
  }

  .trip-tabs .table th {
    padding: 13px 8px;
    white-space: nowrap
  }
}

@media (max-width: 580px) {
  .index_right .index_right_anniu a:first-child {
    font-size: 24px;
    padding: 15px 20px;
  }

  .index_right .index_right_anniu a:last-child {
    font-size: 24px;
    padding: 9px 20px;
  }
  .show-mm {
    display: block
  }

  .hide-mm {
    display: none
  }

  .xmm1,
  .xmm10,
  .xmm11,
  .xmm12,
  .xmm2,
  .xmm3,
  .xmm4,
  .xmm5,
  .xmm6,
  .xmm7,
  .xmm8,
  .xmm9 {
    float: left
  }

  .xmm12 {
    width: 100%
  }

  .xmm11 {
    width: 91.66666667%
  }

  .xmm10 {
    width: 83.33333333%
  }

  .xmm9 {
    width: 75%
  }

  .xmm8 {
    width: 66.66666667%
  }

  .xmm7 {
    width: 58.33333333%
  }

  .xmm6 {
    width: 50%
  }

  .xmm5 {
    width: 41.66666667%
  }

  .xmm4 {
    width: 33.33333333%
  }

  .xmm3 {
    width: 25%
  }

  .xmm2 {
    width: 16.66666667%
  }

  .xmm1 {
    width: 8.33333333%
  }

  header .head-nav .head-nav-index {
    display: none
  }

  .list-body header .head-nav a {
    font-size: 14px
  }

  .post-body .post-top-text {
    padding: 20px 0
  }

  .post-body .post-top-text p {
    font-size: 22px
  }

  .post-body .post-top-text p span {
    font-size: 18px
  }

  .post-body .post-specialty {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .post-body .post-specialty .post-specialty-til {
    font-size: 22px
  }

  .post-body .post-specialty .post-specialty-text {
    padding-left: 30px;
    padding-right: 30px
  }

  .post-body .post-job {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .post-body .post-job .post-job-til {
    font-size: 22px
  }

  .post-body .post-job .post-job-text {
    padding-left: 30px;
    padding-right: 30px
  }

  .post-body .post-info-list .post-info-til {
    font-size: 22px
  }

  .post-body .post-info-list p {
    font-size: 18px
  }

  .welfare-setting .welfare-setting-list .welfare-setting-list-til:before,
  .welfare-setting .welfare-setting-list .welfare-setting-list-til:after {
    display: none
  }
}
@media (max-width: 480px) {
  .index_left img {
    display: block;
    width: 100%;
    margin-top: -60px;
  }
  .index_right h1 {
    font-size: 46px;
  }

  .index_right h2 {
    font-size: 40px;
  }

  .index_right h2 span {
    font-size: 38px;
  }

  .index_right h3 {
    font-size: 38px;
  }
  .show-sm {
    display: block
  }

  .hide-sm {
    display: none
  }

  .xsm1,
  .xsm10,
  .xsm11,
  .xsm12,
  .xsm2,
  .xsm3,
  .xsm4,
  .xsm5,
  .xsm6,
  .xsm7,
  .xsm8,
  .xsm9 {
    float: left
  }

  .xsm12 {
    width: 100%
  }

  .xsm11 {
    width: 91.66666667%
  }

  .xsm10 {
    width: 83.33333333%
  }

  .xsm9 {
    width: 75%
  }

  .xsm8 {
    width: 66.66666667%
  }

  .xsm7 {
    width: 58.33333333%
  }

  .xsm6 {
    width: 50%
  }

  .xsm5 {
    width: 41.66666667%
  }

  .xsm4 {
    width: 33.33333333%
  }

  .xsm3 {
    width: 25%
  }

  .xsm2 {
    width: 16.66666667%
  }

  .xsm1 {
    width: 8.33333333%
  }

  .dibu .dibu-list li {
    line-height: 58px;
    font-size: 14px
  }
}

@media (max-width: 420px) {
  .list-body header .logo {
    display: none
  }
}

@media (max-width: 370px) {
  .hide-ml {
    display: none
  }

  .xml1,
  .xml10,
  .xml11,
  .xml12,
  .xml2,
  .xml3,
  .xml4,
  .xml5,
  .xml6,
  .xml7,
  .xml8,
  .xml9 {
    float: left
  }

  .xml12 {
    width: 100%
  }

  .xml11 {
    width: 91.66666667%
  }

  .xml10 {
    width: 83.33333333%
  }

  .xml9 {
    width: 75%
  }

  .xml8 {
    width: 66.66666667%
  }

  .xml7 {
    width: 58.33333333%
  }

  .xml6 {
    width: 50%
  }

  .xml5 {
    width: 41.66666667%
  }

  .xml4 {
    width: 33.33333333%
  }

  .xml3 {
    width: 25%
  }

  .xml2 {
    width: 16.66666667%
  }

  .xml1 {
    width: 8.33333333%
  }
}
@media (max-width: 350px) {
  .index-body img {
    width: 280px;
  }
}
@media (min-width: 760px) and (max-width: 999px) {
  .index_logo {
    margin-left: 150px;
  }
  @-webkit-keyframes cloudM {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -800px bottom
    }
  }

  @-moz-keyframes cloudM {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -800px bottom
    }
  }

  @-o-keyframes cloudM {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -800px bottom
    }
  }

  @keyframes cloudM {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -800px bottom
    }
  }

  .index-body:before {
    background: url(../img/index-bg-bom.png) repeat-x bottom center/800px auto;
    animation: cloudM 20s linear infinite
  }

  .index-body header .head-nav a {
    font-size: 18px
  }

  .index-body header .surf-boy {
    margin-left: -200px
  }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  .index_logo {
    margin-left: 190px;
  }
  @-webkit-keyframes cloudB {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -1000px bottom
    }
  }

  @-moz-keyframes cloudB {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -1000px bottom
    }
  }

  @-o-keyframes cloudB {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -1000px bottom
    }
  }

  @keyframes cloudB {
    0% {
      background-position: 0% bottom
    }

    100% {
      background-position: -1000px bottom
    }
  }

  header .logo-head {
    font-size: 26px
  }

  .index-body:before {
    background: url(../img/index-bg-bom.png) repeat-x bottom center/1000px auto;
    animation: cloudB 20s linear infinite
  }

  .index-body header .surf-boy {
    margin-left: -200px
  }
}
@media (min-width: 1000px) and (max-width: 1179px) {
  .index_left {
    float: left;
  }

  .index_right {
    float: left;
  }

  .index_left .index_left1 {
    margin-top: -30px;
    /* margin-left: -1%; */
    height: 500px;
  }

  .index_right {
    margin-top: 8%;
  }

  .index_right h1 {
    font-size: 48px;
    text-align: center;
  }

  .index_right h2 {
    font-size: 42px;
    text-align: center;
  }

  .index_right h2 span {
    font-size: 38px;
  }

  .index_right h3 {
    font-size: 30px;
    text-align: center;
  }
} 
@media (min-width: 1180px) and (max-width: 1499px) {
  .index_cont {
    display: flex;
    align-items: center;
  }
  .index_left {
    float: left;
  }

  .index_right {
    float: left;
  }

  .index_left .index_left1 {
    margin-top: -7%;
    /* margin-left: -1%; */
    height: 670px;
  }

  .index_right h1 {
    font-size: 52px;
  }

  .index_right h2 {
    font-size: 46px;
  }

  .index_right h2 span {
    font-size: 40px;
  }

  .index_right h3 {
    font-size: 34px;
  }
} 
@media (min-width: 1500px) {
  .index_logo {
    margin-left: 190px;
  }
  .index_cont {
    display: flex;
    align-items: center;
  }
  .index_left {
    float: left;
  }
  .index_right {
    float: left;
  }
  .index_left .index_left1 {
    margin-top: -17%;
    margin-left: 5%;
    height: 1000px;
  }

  .index_right {
    /* float: left; */
    margin-top: -12%;
    margin-left: -3%;
  }
}