@import url("https://fonts.googleapis.com/css?family=Lora:700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
:root {
  --z-distance: 8.519vw;
  --from-left: 1;
  --mobile-bkp: 650px;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  /*min-height: 100vh;*/
  margin: 0;
  padding: 0;
  /*overflow: hidden;*/
  overflow-x: hidden;
  font-family: Lora, serif;
  font-size: calc(14px + .3vw);
}

.slider {
  width: salc(100% - 257px);
  margin-left: 257px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.slider::before, .slider::after {
  content: '';
  left: -1vw;
  top: -1vh;
  display: block;
  position: absolute;
  width: 102vw;
  height: 102vh;
  background-position: center;
  background-size: cover;
  will-change: opacity;
  z-index: -1;
  box-shadow: 0 0 0 50vmax rgba(0, 0, 0, 0.7) inset;
}
.slider::before {
  background-image: var(--img-prev);
}
.slider::after {
  -webkit-transition: opacity 0.7s;
  transition: opacity 0.7s;
  opacity: 0;
  background-image: var(--img-next);
}
.slider--bg-next::after {
  opacity: 1;
}
.slider__content {
  margin: auto;
  width: 100vw;
  height: 100vw;
  max-height: 100vh;
  will-change: transform;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  pointer-events: none;
  -webkit-transform: translateZ(var(--z-distance));
          transform: translateZ(var(--z-distance));
}
.slider__images {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  box-shadow: 0 0 5em #000;
}
.slider__images-item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  will-change: transform;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  visibility: hidden;
}
.slider__images-item img {
  display: block;
  position: relative;
  left: -1em;
  top: -1em;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  will-change: transform;
}
.slider__images-item--active {
  z-index: 20;
  visibility: visible;
}
.slider__images-item--subactive {
  z-index: 15;
  visibility: visible;
}
.slider__images-item--next {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.slider__images-item--prev {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.slider__images-item--transit {
  -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: transform 0.7s, opacity 0.7s;
  transition: transform 0.7s, opacity 0.7s, -webkit-transform 0.7s;
}
.slider__text {
  position: relative;
  height: 100%;
}
.slider__text-item {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.slider__text-item > * {
  overflow: hidden;
  position: absolute;
}
.slider__text-item h3, .slider__text-item p {
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
  line-height: 1.5;
  overflow: hidden;
}
.slider__text-item h3 {
  background-color: rgba(255, 255, 255, 0.5);
}
.slider__text-item p {
  font-family: 'Open Sans', sans-serif;
  color: white;
  font-size: 80px;
  padding-right: 10px;
  font-weight: bold;
}
/* // .slider__text-item h3::before, .slider__text-item p::before {
//   content: '';
//   position: absolute;
//   top: 0;
//   left: 0;
//   width: 100%;
//   height: 100%;
//   -webkit-transform: translateX(0);
//           transform: translateX(0);
//   -webkit-transition: -webkit-transform 0.35s ease-out 0.28s;
//   transition: -webkit-transform 0.35s ease-out 0.28s;
//   transition: transform 0.35s ease-out 0.28s;
//   transition: transform 0.35s ease-out 0.28s, -webkit-transform 0.35s ease-out 0.28s;
// } */
.slider__text-item h3::before {
  background-color: #000;
}
.slider__text-item p::before {
  background-color: #fff;
}
.slider__text-item h3 {
  margin: 0;
  font-size: 3.5em;
  padding: 0 .3em;
  position: relative;
  font-weight: 700;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.slider__text-item p {
  position: relative;
  padding: 0 45px;
  margin: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
/* // body:after{
//   content: "";
//   position: absolute;
//   width: 34%;
//   height: 1px;
//   background-color: #bfc1c5; left: 57%; top: 49%;
//   z-index: 999;
// }
// body:before{
//   content: "";
//   position: absolute;
//   width: 15.66%;
//   height: 1px;
//   background-color: #bfc1c5; left: 9%; top: 49%;
//   z-index: 999;
// } */

.kkb{ position: fixed; font-size: 18px; color: #929ba3; left: 5%; top: 48%; z-index: 999; }
.slider__text-item p small{
  display: block;
   font-size: 12px;
   color: #fff;
   -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.slider__text-item p b{
  display: block; font-size: 12px; color: #b8b8b8;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.slider__text-item-head {
  top: -0.5em;
  -webkit-transform: translateZ(3em);
          transform: translateZ(3em);
  -webkit-clip-path: polygon(0 0, 0.5em 100%, 100% 100%, calc(100% - .3em) 0.3em);
          clip-path: polygon(0 0, 0.5em 100%, 100% 100%, calc(100% - .3em) 0.3em);
}
.slider__text-item-info {
  left: 30%;
  top: 42%;
  max-width: 75%;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  -webkit-transform: translateZ(2em);
          transform: translateZ(2em);
  -webkit-clip-path: polygon(0.5em 0, 100% 0%, calc(100% - .5em) 100%, 0 calc(100% - .5em));
          clip-path: polygon(0.5em 0, 100% 0%, calc(100% - .5em) 100%, 0 calc(100% - .5em));
}
.slider__text-item--active h3, .slider__text-item--active p {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.slider__text-item--active h3::before {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.slider__text-item--active p::before {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.slider__text-item--backwards h3::before, .slider__text-item--backwards p::before {
  -webkit-transition: -webkit-transform 0.35s ease-in;
  transition: -webkit-transform 0.35s ease-in;
  transition: transform 0.35s ease-in;
  transition: transform 0.35s ease-in, -webkit-transform 0.35s ease-in;
}
.slider__text-item--backwards h3, .slider__text-item--backwards p {
  -webkit-transition: -webkit-transform 0.35s ease-in 0.35s;
  transition: -webkit-transform 0.35s ease-in 0.35s;
  transition: transform 0.35s ease-in 0.35s;
  transition: transform 0.35s ease-in 0.35s, -webkit-transform 0.35s ease-in 0.35s;
}
.slider__nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.slider__nav-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.slider__nav-arrow {
  height: 23px;
  width: 13px;
  text-indent: -9999px;
  white-space: nowrap;
  cursor: pointer;
}
.slider__nav-arrow--left {
   background: url(../img/left_03.png) no-repeat;
   position: absolute;
   right: 130px;
    top: 48%;
}
.slider__nav-arrow--right {
   background: url(../img/right_03.png) no-repeat;
   position: absolute;
   right: 87px;
  top: 48%;
}
.slider__nav-dots {
  position: fixed;
  right: 45px;
  bottom: 44px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 1em;
  pointer-events: none;
}
.slider__nav-dots::before {
  content: '';
  position: absolute;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   border: 1px solid #fff;
   left: 23px;
   top: 8px;
  -webkit-transition: -webkit-transform 0.7s ease-out;
  transition: -webkit-transform 0.7s ease-out;
  transition: transform 0.7s ease-out;
  transition: transform 0.7s ease-out, -webkit-transform 0.7s ease-out;
  -webkit-transform: translateX(calc((1em + 1em * 2) * (var(--from-left) - 1)));
          transform: translateX(calc((1em + 1em * 2) * (var(--from-left) - 1)));
}
.slider__nav-dot {
  margin: 0 15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  /*
    The cursor is not the default one because of a weird bug
    related to custom cursors above
  */
  cursor: pointer;
  pointer-events: all;
  display: inline-block;
}
.slider__nav-dot:hover {
  border-color: rgba(255, 255, 255, 0.7);
}
.slider__nav-dot:active {
  border-color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 650px) {
  .slider::before,
  .slider::after {
    display: none;
  }

  .slider__content {
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
  }

  .slider__text-item-info {
    bottom: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
  }
  .slider__text-item-info p {
    padding: 1em .8em;
  }

  .slider__text-item-head {
    top: 5vh;
    left: 10vw;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .slider__text-item-head h3 {
    font-size: 2.5em;
  }

  .slider__nav-dots {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .slider__nav-arrow {
    width: 10vw;
    position: relative;
    cursor: auto;
  }
  .slider__nav-arrow:active {
    -webkit-filter: brightness(0.5);
            filter: brightness(0.5);
  }
  .slider__nav-arrow::before {
    content: '';
    background-image: var(--arrow);
    background-size: cover;
    width: 8vw;
    height: 8vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .slider__nav-arrow--left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7) 0, transparent 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0, transparent 100%);
  }
  .slider__nav-arrow--left:active {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, transparent 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0, transparent 100%);
  }
  .slider__nav-arrow--right {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.7) 0, transparent 100%);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.7) 0, transparent 100%);
  }
  .slider__nav-arrow--right:active {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.9) 0, transparent 100%);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.9) 0, transparent 100%);
  }
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px Arial, Tahoma, 'Microsoft Yahei'; color:#454545; }
button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size:100%; }
h2, h3 { font-size:14px; }
button, input, select, textarea, label { vertical-align:middle; border: 0; outline: none;}
img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;}
ul, ol { list-style:none; }
a { text-decoration:none; color:#454545; vertical-align:baseline; cursor:pointer; }
a:hover { color:#000; }
table { border-collapse:collapse; border-spacing:0; }
body { word-wrap:break-word; word-break:break-all;}

/*清浮*/
.g-cf:after { content:""; clear:both; display:table; }
.g-cf { zoom:1; }
/*浮动*/
.g-f-l { float:left; _display:inline; }
.g-f-r { float:right; _display:inline; }


body{ overflow: hidden; }
.index-left{ position: fixed; width: 257px; height: 100%; background-color: #fff; z-index: 999; left: 0; top: 0; }
.logo{ margin-top: 95px; text-align: center; }
.nav{ margin-top: 56px; }
.nav ul li{ margin-left: 17px; font-size: 14px; color: #1a1a1a; margin-top: 48px; padding-right: 25px; transition: all ease-out .3s; position: relative; }
.firstNav{ padding-left: 37px; overflow: hidden; }
.nav ul li span{ display: block; text-transform: uppercase; font-size: 10px; color: #a1a1a1; transition: all ease-out .3s; }
.firstNav a{ display: block; color: #1a1a1a; float: left; position: relative; transition: all ease-out .3s; }
.nav ul li.active{ background: url(../images/icon1_03.jpg) no-repeat left 9px; }
.nav ul li.active .firstNav a{ color: #013b7a; }
.nav ul li.active span{ color: #93b5d9; }
.nav ul li.active .firstNav a:after{ content: ""; position: absolute; width: 84px; height: 3px; left: 108%; top: 48%; background: url(../images/xian_03.jpg) no-repeat; }
.eng{ display: block; width: 152px; height: 40px; border-radius: 20px; text-align: center; line-height: 40px; border: 1px solid #bcbcbc; font-size: 16px; color: #1a1a1a; font-weight: bold; margin: 74px auto 0; transition: all ease-out .3s; }
.eng a{ display: block; color: #1a1a1a; transition: all ease-out .3s; }
.eng:hover{ border: 1px solid #013b7a; }
.eng:hover a{ color: #013b7a; }
.copyright{ margin-top: 58px; }
.copyright p{ color: #a1a1a1; line-height: 26px; text-align: center; }

.bg{ position: absolute; left: 100%; top: 0; background-color: rgba(0,0,0,.6); width: 196px; height: 100%; display: none; }
.naver{ position: absolute; width: 196px; left: 100%; top: 0; text-align: center; z-index: 999; display: none; }
.naver .item{ height: 50px; line-height: 50px; margin-bottom: 10px; font-size: 14px; transition: all ease-out .3s; }
.naver .item a{ color: #fff; display: block; }
.naver .item.active{ background-color: #013b7a; }
.bg2{ position: absolute; left: 100%; top: 0; background-color: rgba(0,0,0,.4); width: 196px; height: 100%; display: none; }
.san{ position: absolute; width: 196px; left: 100%; top: 0; text-align: center; z-index: 999; display: none; }
.san-item{ transition: all ease-out .3s; }
.san-item:hover{ background-color: #013b7a; }
.san-item.active{ background-color: #013b7a; }


.content{ box-sizing: border-box; background-color: rgba(255,255,255,.9); width: 61%; height: 654px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-left: 128px; padding-top: 50px; padding-bottom: 20px; }
.content-tit{ margin: 0 44px; border-bottom: 2px solid #aec7e3; position: relative; }
.content-tit:after{ content: ""; position: absolute; width: 6px; height: 47px; background-color: #013b7a; left: -44px; top: 0; }
.content-tit h4{ font-size: 24px; font-weight: normal; color: #414141; }
.content-tit h4 small{ font-size: 16px; color: #bbb; text-transform: uppercase; }
.content-tit p{ font-size: 16px; color: #8f8f8f; padding: 6px 0 10px; }
#content{ margin: 20px 44px; }
#content{height:500px;padding:0 12px;overflow:hidden;}
.chartered-plane p{ font-size: 14px; color: #8f8f8f; line-height: 24px; }


.plane-type-h2{ font-size: 24px; color: #ed7d31; margin-bottom: 24px; text-transform: uppercase; }
.plane-show{ margin-top: 40px; margin-bottom: 24px; }
.plane-show li{ float: left; width: 24%; margin-right: 1%; }
.plane-type p{ font-size: 14px; color: #8f8f8f; line-height: 24px; }
.parameter{ font-weight: normal; font-size: 18px; color: #ac1a2f; line-height: 50px; }


.traffic{ margin: 20px auto 0; }
.traffic ul li{ float: left; width: 48%; margin-right: 2%; }
.traffic p{ font-size: 14px; color: #8f8f8f; line-height: 24px; }

.train p{ font-size: 14px; color: #8f8f8f; line-height: 24px; }
.ban{ width: 50%; float: left; }


.commuting p{ font-size: 14px; color: #8f8f8f; line-height: 24px; }

.purchase ul{ border-bottom: 1px dotted #b2b2b2; }
.purchase ul li{ padding: 24px 88px 24px 0; float: left; background: url(../images/you_03.png) no-repeat right 34px center; }
.purchase ul li:last-child{ background: none; padding-right: 0; }
.purchase ul li b{ font-size: 16px; color: #353535; font-weight: normal; }
.purchase ul li p{ font-size: 14px; color: #8f8f8f; line-height: 24px; }

.aboutUs p{ font-size: 14px; color: #8f8f8f; line-height: 24px; }

.contact{ margin-top: 30px; }
.contact ul{ margin-bottom: 40px; }
.contact ul li{ float: left; width: 25%; }
.contact ul li h4{ font-weight: normal; font-size: 14px; color: #464141; }
.contact ul li small{ text-transform: uppercase; color: #7f7f7f; display: block; margin-bottom: 10px; }
.contact ul li p{ color: #7f7f7f; line-height: 24px; font-size: 12px; }
.contact ul li p.icon1{ padding-left: 25px; background: url(../images/ico1_03.jpg) no-repeat left 2px; }
.contact ul li p.icon2{ padding-left: 25px; background: url(../images/ico2_03.jpg) no-repeat left 2px; }
.contact ul li p.icon3{ padding-left: 25px; background: url(../images/ico3_03.jpg) no-repeat left 2px; }
.contact ul li p.icon4{ padding-left: 25px; background: url(../images/ico4_03.jpg) no-repeat left 2px; }
.map{ margin-top: 16px; }


.job-list ul li{ overflow: hidden; border-bottom: 2px dotted #cecece; padding: 20px 0; }
.job-list ul li h4{ font-weight: normal; font-size: 14px; color: #333; line-height: 26px; }
.job-list ul li span{ float: left; line-height: 24px; font-size: 14px; color: #8f8f8f; }
.require{ margin-left: 46px; font-size: 14px; color: #8f8f8f; line-height: 24px; }
.paging{ text-align: center; margin-top: 30px; }
.paging a{ display: inline-block; width: 23px; height: 23px; line-height: 23px; border-radius: 50%; font-size: 12px; color: #333; font-weight: bold; margin: 0 6px; }
.paging a.active{ border: 1px solid #154a84; }


.consult{ width: 83%; margin: 0 auto; }
.consult input{ box-sizing: border-box; width: 48%; margin: 22px 1% 0; float: left; background-color: #eee; border: 1px solid #dcdcdc; height: 52px; text-indent: 22px; font-size: 14px; }
.consult input::-webkit-input-placeholder { /* WebKit browsers */
    color: #c0c0c0;
}
.consult input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #c0c0c0;
   opacity: 1;
}
.consult input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #c0c0c0;
   opacity: 1;
}
.consult input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #c0c0c0;
}
.consult textarea{ box-sizing: border-box; width: 98%; margin: 22px 1%; background-color: #eee; border: 1px solid #dcdcdc; padding: 10px 22px; resize: none; height: 170px; font-size: 14px; }
.consult textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #c0c0c0;
}
.consult textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #c0c0c0;
   opacity: 1;
}
.consult textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #c0c0c0;
   opacity: 1;
}
.consult textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #c0c0c0;
}
.consult button{ cursor: pointer; width: 195px; height: 56px; background-color: #013b7a; color: #fff; display: block; margin: 20px auto 0; font-size: 16px; transition: all ease-out .3s; }
.consult button:hover{ background-color: #104e91; }


.news-list ul li{ overflow: hidden; border-bottom: 1px dashed #d6d6d6; height: 47px; line-height: 47px; }
.news-list ul li a{ float: left; width: 80%; height: 47px; font-size: 14px; color: #8f8f8f; overflow: hidden; }
.news-list ul li span{ float: right; font-size: 14px; color: #8f8f8f; }
.news-detail h2{ font-weight: normal; font-size: 18px; color: #353535; border-bottom: 1px dashed #d6d6d6; line-height: 44px; }
.news-detail-con{ font-size: 14px; color: #8f8f8f; line-height: 24px; padding: 14px 0; }