body {background: #f5f5f5 url("../image_new/index-bg.jpg") center bottom no-repeat;}
@media screen and (max-width: 1450px){
  body { background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; }
}
@media screen and (max-width: 1200px){
  body {min-width:1200px;overflow-x:auto;}
}
.pagination { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; font-size: 0; }

.pagination .swiper-pagination-switch { display: inline-block; margin: 0 3px; width: 9px; height: 9px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; }

.pagination .swiper-active-switch { background: #fff; }

.swiper-control { font-size: 0; }

.swiper-control .swiper-prev, .swiper-control .swiper-next { display: inline-block; width: 60px; height: 60px; -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.18);
 -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.18);
 box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.18);
 -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: url("../image_new/index-sprite.png") no-repeat; }

.swiper-control .swiper-prev { background-position: 0 0; }

.swiper-control .swiper-next { margin-left: 10px; background-position: -75px 0; }

@media screen and (max-width: 1450px){
  .swiper-control .swiper-prev, .swiper-control .swiper-next{width: 45px;height: 45px;}
  .swiper-control .swiper-prev{background-position: -7px -7px;}
  .swiper-control .swiper-next{background-position: -82px -7px;}
}

.banner { position: relative; width: 100%; overflow: hidden; }

.banner .swiper-container { position: relative; left: 50%; width: 1920px; margin-left: -960px;height: 670px;}

.banner .swiper-container a { cursor: pointer; }

.banner .swiper-container a img{width: 100%;height: auto;}

.banner .swiper-wrapper { width: 100%!important;height: 100%!important;}

.banner .swiper-slide {display: none;position:absolute; left:0; top:0;width: 100%!important;}

.banner .swiper-slide:first-child{display: block;}

.banner .pagination { bottom: 150px; text-align: center; }
@media screen and (max-width: 1600px) { 
  .banner .swiper-container {width: 1600px;margin-left:-800px;height: 558px;} 
  .banner .pagination { bottom: 130px;}
}
@media screen and (max-width: 1450px) { 
  .banner .swiper-container {width: 1450px;margin-left:-725px;height:505px;} 
  .banner .pagination { bottom: 115px;}
}
@media screen and (max-width: 1376px) { 
  .banner .swiper-container {width: 1376px;margin-left:-688px;height:480px;} 
}
@media screen and (max-width: 1290px) { 
  .banner .swiper-container {width: 1290px;margin-left:-645px;height:450px;} 
  .banner .pagination { bottom: 105px;}
}
@media screen and (max-width: 1034px) { 
  .banner .swiper-container {width: 1034px;margin-left:-517px;height:360px;} 
}

.index-trip-box { position: relative; z-index: 2; margin-top: -135px; }

.index-trip-box .seal { position: absolute; top: -27px; left: -52px; z-index: 2; }
@media screen and (max-width: 1600px) { 
  .index-trip-box{margin-top: -120px;}
}
@media screen and (max-width: 1450px) { 
  .index-trip-box{margin-top: -100px;}
  .index-trip-box .seal { left: -10px; } 
}
@media screen and (max-width: 1290px) { .index-trip-box{margin-top: -95px;}}

.section-tit { padding: 25px 0; }

.section-tit h3 { font-size: 30px; color: #000; font-weight: normal; }

.section-tit p { font-size: 22px; color: #656565; }

.section-tit a { font-size: 14px; color: #666; }

@media screen and (max-width: 1450px) {  
  .section-tit { padding: 20px 0; }
  .section-tit h3 { font-size: 20px; }
  .section-tit p { font-size: 16px; }
  .section-tit a { font-size: 12px; } }

.index-flight { padding-bottom: 60px; background: #f5f5f5; }

.flight-slide { float: left; position: relative; width: 290px; }

.flight-slide .swiper-wrapper{width: 1000%;}

.flight-slide .swiper-slide{width: 10%;}

.flight-slide .swiper-control { position: absolute; right: 20px; bottom: -30px; z-index: 2; }

.flight-slide .pagination { left: 18px; bottom: 40px; }

.flight-slide .item-data { position: relative; display: block; }

.flight-slide .item-data img { width: 100%; }

.flight-slide .item-cont { position: absolute; bottom: 75px; left: 0; z-index: 2; width: 87%; padding: 0 6.5%; color: #fff; }

.flight-slide .item-tit { font-size: 30px; }

.flight-slide .item-detail { font-size: 14px; }

.state-area { margin-left: 300px; background: #fff; padding-top: 27px; height: 460px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.state-area .state-area-list { position: relative; width: 258px; margin: 0 auto; border: 1px solid #e6e6e6; font-size: 0; text-align: center; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; height: 36px; line-height: 36px; background: #e6e6e6; }

.state-area .state-area-list.on dt { left: 50%; }

.state-area .state-area-list dt { position: absolute; left: 0; top: 0; z-index: 0; width: 50%; height: 100%; background: #fff; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; -webkit-box-shadow: 0px 3px 6px 1px rgba(204, 204, 204, 0.4); -moz-box-shadow: 0px 3px 6px 1px rgba(204, 204, 204, 0.4); box-shadow: 0px 3px 6px 1px rgba(204, 204, 204, 0.4); -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s; }

.state-area .state-area-list dd { position: relative; z-index: 1; display: inline-block; width: 50%; font-size: 16px; cursor: pointer; -webkit-transition: all .1s .3s; -o-transition: all .1s .3s; -moz-transition: all .1s .3s; transition: all .1s .3s; }

.state-area .state-area-list dd strong { margin-left: 5px; font-weight: bold; }

.state-area .state-area-list dd .icon { -webkit-transition: background-position .6s; -o-transition: background-position .6s; -moz-transition: background-position .6s; transition: background-position .6s; }

.state-area .state-area-list dd.on { color: #cb0402; }

.state-area .state-area-list dd.on .icon { background-position-y: -129px; }

.tab-box { display: none; }

.tab-box:first-child { display: block; }

.tab-flight { padding-top: 8px; }

.tab-flight .tab-hd { width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5; }

.tab-flight .tab-hd ul { font-size: 0; margin-left: -5%; margin-right: -5%; }

.tab-flight .tab-hd li { display: inline-block; width: 20%; font-size: 16px; text-align: center; }

.tab-flight .tab-hd li a { display: inline-block; padding: 12px 10px 9px; color: #333; font-weight: bold; border-bottom: 3px solid transparent; -webkit-transition: border .6s; -o-transition: border .6s; -moz-transition: border .6s; transition: border .6s; }

.tab-flight .tab-hd li .link-more:hover { color: #e60012; }

.tab-flight .tab-hd li.on a { border-bottom: 3px solid #cb0402; }

.tab-flight .tab-bd { width: 100%; overflow: hidden; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.tab-flight .tab-list-flight { display: none; padding: 8px 0; margin-top: 10px; margin-left: -2%; max-height: 315px; overflow-y: auto; font-size: 0; }

.tab-flight .tab-list-flight:first-child { display: block; }

.tab-flight .tab-item-flight { display: inline-block; width: 22.9%; margin-left: 2%; font-size: 14px; }

.tab-flight .tab-item-flight a {display: block;padding-left: 15px;}

.tab-flight .tab-item-flight a:hover { -webkit-box-shadow: 0px 2px 13px 0px rgba(28, 28, 28, 0.1); -moz-box-shadow: 0px 2px 13px 0px rgba(28, 28, 28, 0.1); box-shadow: 0px 2px 13px 0px rgba(28, 28, 28, 0.1); }

.tab-flight .tab-item-flight .item-site-box { padding-top: 10px; font-size: 14px; color: #666; font-weight: bold; }

.tab-flight .tab-item-flight .item-flight-price { padding: 10px 0 0; font-size: 16px; color: #666; }

.tab-flight .tab-item-flight .item-flight-price strong { font-size: 20px; color: #000; font-weight: bold; }

.tab-flight .tab-item-flight .item-flight-date { margin-bottom: 15px; font-size: 12px; color: #666; line-height: 1.2; }

.tab-flight .tab-item-flight .line-dashed {width: 170px;height: 1px;border-bottom: 1px dashed #ccc;}

@media screen and (max-width: 1450px) { 
  .index-flight{padding-bottom: 60px;}
  .flight-slide{width: 240px;}
  .flight-slide .item-tit { font-size: 18px; }
  .state-area{margin-left:250px;height: 381px;padding-top: 18px;}

  /* .state-area .state-area-list dd { font-size: 18px; } */
  .tab-flight .tab-hd li { font-size: 14px; }

  .tab-flight .tab-list-flight { margin-left: -1.9%;margin-top: 0;}
  
  .tab-flight .tab-item-flight { width: 23%; margin-left: 1.9%; text-align: center; }
  .tab-flight .tab-item-flight a { display: inline-block; padding-left: 10px; padding-right: 10px; text-align: left; }
  .tab-flight .tab-item-flight .item-site-box { font-size: 12px; }

  .tab-flight .tab-item-flight .item-flight-price{font-size: 14px;padding-top: 5px;}
  .tab-flight .tab-item-flight .item-flight-price strong{font-size: 16px;}
  .tab-flight .tab-item-flight .item-flight-date{margin-bottom: 10px;}
  .tab-flight .tab-item-flight .line-dashed{width: 145px;}
  
  .tab-flight .icon-site { width: 24px; background-position-x: -19px; } }

/* @media screen and (max-width: 1080px) { .tab-flight .tab-item-flight { width: 31.2%; }
  .tab-flight .tab-item-flight.md-hidden { display: none; } } */

.index-activity { margin-top: 20px; margin-bottom: 30px; }

.index-activity .section-tit { position: relative; }

.index-activity .section-tit a { position: absolute; right: 0; bottom: 35px; }

.index-activity .section-tit a:hover { color: #e60012; }

.index-activity .hot-activity a { display: block; overflow: hidden; }

.index-activity .hot-activity a img { width: 100%; -webkit-transform: scale(1) translate(0, 0); -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -o-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transition: all 1s linear; -o-transition: all 1s linear; -moz-transition: all 1s linear; transition: all 1s linear; }

.index-activity .hot-activity a:hover img { -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); }

.index-activity .activity-slide { margin-top: 30px; width: 100%; overflow: hidden; }

.index-activity .activity-slide .swiper-container { margin-right: -20px; }

.index-activity .activity-slide .swiper-wrapper{width: 1000%;}

.index-activity .activity-slide .swiper-slide{width: 2.5%;}

.index-activity .activity-slide .swiper-control { margin-top: 20px; text-align: right; padding:5px;}

.index-activity .activity-slide .item-data { display: block; margin-right: 20px; overflow: hidden; }

.index-activity .activity-slide .item-data img { width: 100%; -webkit-transform: scale(1) translate(0, 0); -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -o-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transition: all .6s linear; -o-transition: all .6s linear; -moz-transition: all .6s linear; transition: all .6s linear; }

.index-activity .activity-slide .item-data:hover img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }

@media screen and (max-width: 1450px) { 
  .index-activity { margin-top: 10px; margin-bottom: 20px; } 
  .index-activity .activity-slide{margin-top: 20px;}
  .index-activity .activity-slide .swiper-control{margin-top: 15px;}
}

.index-product .section-tit h3 { display: inline-block; }

.index-product .section-tit a { margin-left: 50px; }

.index-product .section-tit a:hover { color: #e60012; }

.index-product .product-list { position: relative; }

.index-product .product-list a { display: block; overflow: hidden; }

.index-product .product-list a img { width: 100%; height: auto; -webkit-transform: scale(1) translate(0, 0); -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -o-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transition: all .8s linear; -o-transition: all .8s linear; -moz-transition: all .8s linear; transition: all .8s linear; }

.index-product .product-list a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

.index-product .product-list dt { margin-top: 40px; width: 60%; }

.index-product .product-list dt + dd { bottom: 70%; }

.index-product .product-list dd { position: absolute; right: 0; bottom: 0; width: 38.33%; }

.icon-homeland { width: 25px; height: 25px; background: url("../image_new/index-sprite.png") no-repeat; background-position: 0 -96px; }

.icon-earth { width: 25px; height: 25px; background: url("../image_new/index-sprite.png") no-repeat; background-position: -36px -96px; }

.icon-site { width: 36px; height: 16px; background: url("../image_new/index-sprite.png") no-repeat; background-position: -13px -71px; }

.icon-weibo { background: url("../image_new/index-sprite.png") no-repeat; background-position: -152px 0; }

.icon-wechat { background: url("../image_new/index-sprite.png") no-repeat; background-position: -225px 0; }


/* 2019.07.30 */

.footer .links-copyright{position: relative;}
.footer .auth{float: none;position: absolute;right: 0;top:30px;}
.footer .auth a{vertical-align: middle;display: inline-block;margin-left:10px;}
.footer .auth .award-sign img{width: 65px;height: auto;}

/* 2019.07.30 */

/* 20210926 */
.pagination .swiper-pagination-switch {
	border: 1px solid #cb0303;
    background: #fff;
}

.pagination .swiper-active-switch {
    background: #cb0303;
}


/* 2024.08.15 指尖海航版块 开始tag */
.index-service {
  margin-top: 35px;
  margin-bottom: 100px;
}
.index-service .service-content {
  margin-top: 20px;
  display: table;
  width: 100%;
  background: #fff url('../images/index-service-bg.png') center bottom no-repeat;
}
.index-service .service-item {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.index-service .service-item:first-child {
  border-right: 1px solid #ecf0f1;
}
.index-service .service-item-panel {
  display: table;
  width: 100%;
}
.index-service .service-item-col {
  display: table-cell;
  width: 50%;
  height: 130px;
  vertical-align: middle;
}
.index-service .align-center {
  text-align: center;
}
.index-service .service-item-pic {
  margin-bottom: 15px;
  width: 56px;
}
.index-service .service-item-pic img {
  width: 100%;
}
.index-service .service-item-title {
  font-size: 24px;
  color: #333;
  text-align: left;
}
.index-service .service-item-desc {
  margin-top: 10px;
  max-width: 200px;
  font-size: 12px;
  color: #666;
  line-height: 1.6;
  text-align: left;
}
.index-service .service-item-btn {
  display: inline-block;
  width: 140px;
  height: 36px;
  border: 1px solid #f2f2f2;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  font-size: 14px;
  line-height: 36px;
  color: #ff761a;
}
.index-service .qrcode-group {
  display: inline-block;
  width: 127px;
  margin-left: 10px;
}
.index-service .qrcode-group:first-child {
  margin-left: 0;
}
.index-service .qrcode-group img {
  width: 100%;
}
.index-service .qrcode-group p {
  margin-top: 10px;
  font-size: 12px;
  color: #333;
}
.index-service .hna-app .service-item-panel {
  padding-left: 11.5%;
  padding-right: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.index-service .hna-app .service-item-col {
  width: auto;
}
.index-service .contact {
  border-bottom: 1px solid #ecf0f1;
}
.index-service .contact .service-item-col,
.index-service .share .service-item-col {
  height: 130px;
}
.index-service .contact .service-item-col:first-child,
.index-service .share .service-item-col:first-child {
  padding-left: 10%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.index-service .share .btn-icon {
  display: inline-block;
  margin-left: 20px;
  width: 53px;
  height: 53px;
  position: relative;
  cursor: pointer;
}
.index-service .share .btn-icon:first-child {
  margin-left: 0;
}
.index-service .share .popup-tips {
  margin-left: -75px;
}
.index-service .share .popup-qrcode {
  display: none;
  position: absolute;
  top: 60px;
  left: -40px;
  padding: 20px;
  background: #f6f6f6;
  z-index: 10;
}
@media screen and (max-width: 1450px) {
  .index-service .service-content {
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }
  .index-service .service-item {
    width: 45%;
  }
  .index-service .service-item-pic {
    margin-bottom: 12px;
    width: 45px;
  }
  .index-service .service-item-title {
    font-size: 18px;
  }
  .index-service .service-item-desc {
    margin-top: 8px;
    max-width: 180px;
  }
  .index-service .hna-app {
    width: 55%;
  }
  .index-service .hna-app .service-item-panel {
    padding-left: 10%;
  }
  .index-service .contact .service-item-col,
  .index-service .share .service-item-col {
    height: 110px;
  }
  .index-service .qrcode-group {
    width: 110px;
    margin-left: 5px;
  }
  .index-service .qrcode-group p {
    margin-top: 8px;
  }
}
/* 2024.08.15 指尖海航版块 结尾tag */
/* 20250319 手机号加区号*/
.mobile-areacode .select-show{
  position: absolute;
  margin-left: 85px;
  margin-top: 17px;
  color: #4d4d4d;
  z-index: 1;
  width: 76px;
}
.mobile-areacode .select-show .icon-crrowupper{
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 16px;
}
.mobile-areacode .select-show .rotate-180 {
  top: 10px;
  transform: rotate(-180deg); /* 旋转180度 */
}
.mobile-areacode .select-show .icon-crrowupper:after {
  content: '';
  position: absolute;
  width:8px;
  height: 8px;
  border: solid #666;
  border-width: 0 0 2px 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.mobile-areacode .inp-1 {
  padding-left: 180px;
}
.mobile-areacode .select-list{
  box-sizing: border-box;
  position: absolute;
  display: none;
  top: 49px;
  left: 0px;
  padding: 5px 0;
  background-color: white;
  border: 1px solid gainsboro;
  width: 100%;
  max-height: 300px;
  overflow: auto;
  z-index: 999;
  font-size:12px;
}
.mobile-areacode .select-list .select-option {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    white-space: nowrap;
    cursor: pointer;
} 
@media screen and (max-width: 1450px){
  .mobile-areacode .select-show{
    margin-left: 75px;
    margin-top: 14px;
    width: 68px;
  }
  .mobile-areacode .select-show .icon-crrowupper{
    top: 3px;
  }
  .mobile-areacode .inp-1 {
    padding-left: 160px;
  }
  .mobile-areacode .select-list{
    top: 39px;
  }
  .mobile-areacode .select-show .rotate-180 {
    top: 7px;
  }
}
/* 20250319 手机号加区号 结尾tag */


/*20250901 航班动态增加？提示*/
.service-tab-box1 .tkt-tip {
    margin-left: 10px;
}
.icon-ask {
    background: #d80000;
    color: #fff;
    font-size: 14px;
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-left: 5px;
    cursor: pointer
}

.hover-con {
    display: none;
    position: absolute;
    padding-top: 10px;
    z-index: 999;
}
.crew-con-arrow {
    position: absolute;
    top: -1px;
    left: 10px;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-color: transparent transparent white;
    border-style: solid;
}
.crew-con-wrap {
    padding: 13px;
    color: #333;
    background-color: white;
    max-width: 660px;
    border: 1px solid #f7f7f7;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.tip-baby {
    font-size: 14px;
    width: 500px;
}