@charset "utf-8";

/* 通用 */
html{
    background: #000;
}
body{
	margin: 0;
    padding: 0;
    font-family: "MicroSoft YaHei",Arial;
}
a{
	text-decoration: none;
}
ul,li{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
.fix:before, .fix:after{
	display: table; /* 2 */
	content: ' '; /* 1 */
}
.fix:after{
	clear: both;
}
.wrapper{
    margin: 0 auto;
    width: 1180px;
}
.box_shadow_01{
    -o-box-shadow: 0 0 40px #333;
    -ms-box-shadow: 0 0 40px #333;
    -webkit-box-shadow: 0 0 40px #333;
    box-shadow: 0 0 40px #333;
}
.change_btn{
    display: block;
    width: 70px;
    height: 70px;
    border: 2px solid #d20200;
    -ms-border-radius: 50% 50%;
    -o-border-radius: 50% 50%;
    -webkit-border-radius: 50% 50%;
    border-radius: 50% 50%;
    font-size: 0;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.change_btn.prev_btn{
    background: #fff url(../images/prev_btn.png) no-repeat scroll center center;
}
.change_btn.next_btn{
    background: #fff url(../images/next_btn.png) no-repeat scroll center center;
}
.change_btn.prev_btn:hover{
    background: #d20200 url(../images/prev_btn_hover.png) no-repeat scroll center center;
}
.change_btn.next_btn:hover{
    background: #d20200 url(../images/next_btn_hover.png) no-repeat scroll center center;
}
.slide_video .change_btn{
    position: absolute;
    z-index: 2;
    top: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slide_video .change_btn.prev_btn{
    left: -80px;
}
.slide_video .change_btn.next_btn{
    right: -80px;
}
.pc_img{
    display: inline;
}
.pc_img.blockLine{
    display: block;
}
.sp_img{
    display: none;
}
.sp_br{
    display: none;
}
.pc_box{
    display: block;
}
.sp_box{
    display: none;
}
/* 动画 */
@-webkit-keyframes slidedownani {
  0% {
    -webkit-transform: translateY(0);
    opacity:0;
  }
  50% {
    -webkit-transform: translateY(10px);
    opacity:1;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity:0;
  }
}
@-moz-keyframes slidedownani {
  0% {
    -moz-transform: translateY(0);
    opacity:0;
  }
  50% {
    -moz-transform: translateY(10px);
    opacity:1;
  }
  100% {
    -moz-transform: translateY(0);
    opacity:0;
  }
}
@-ms-keyframes slidedownani {
  0% {
    -ms-transform: translateY(0);
    opacity:0;
  }
  50% {
    -ms-transform: translateY(20px);
    opacity:1;
  }
  100% {
    -ms-transform: translateY(0);
    opacity:0;
  }
}
@keyframes slidedownani {
  0% {
    -ms-transform: translateY(0);
    opacity:0;
  }
  50% {
    -ms-transform: translateY(20px);
    opacity:1;
  }
  100% {
    -ms-transform: translateY(0);
    opacity:0;
  }
}
/* header */
#header{
    position: fixed;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    font-size: 0;
    z-index: 10;
}
/* 内容 */
.jal_kv{
    position: fixed;
    top: 74px;
    left: 0;
    width: 100%;
}
.jal_kv h2{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    display: inline-block;
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
}
.jal_kv.off h2{
    display: none;
}
.jal_kv h2 strong{
    margin-bottom: 40px;
    display: block;
    text-align: center;
}
.jal_kv h2 span{
    display: block;
    font-size: 18px;
    line-height: 1.8;
    color: #fff;
    font-weight: normal;
    text-align: center;
    
}
.jal_kv .kv_bg{
    width: 100%;
    height: 100vh;
    min-height: 400px;
    -o-transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.jal_kv .kv_bg.kvZoomIn{
    -o-transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    background: url(../images/mask_01.png) repeat scroll 0 0;
}
.jal_kv .kv_bg_01{
  /*  background: url(../images/pc_kv_.jpg) no-repeat scroll top center;
    background-size: 100% auto;*/
}
.jal_kv .kv_bg_02{
    background: url(../images/kv_02.jpg) repeat-x scroll top center;
    background-size: 100% auto;
}
.jal_kv .kv_bg_03{
    background: url(../images/kv_03.jpg) repeat-x scroll top center;
    background-size: 100% auto;
}
.jal_kv .kv_bg_04{
    background: url(../images/kv_04.jpg) repeat-x scroll top center;
    background-size: 100% auto;
}
.jal_kv .kv_bg_05{
    background: url(../images/kv_05.jpg) repeat-x scroll top center;
    background-size: 100% auto;
}
.jal_kv .kv_scroll{
    position: absolute;
    left: 50%;
    bottom: 5%;
    padding-top: 60px;
    display: inline-block;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    -webkit-animation-name: slidedownani;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-name: slidedownani;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-out;
    -ms-animation-name: slidedownani;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-out;
}
.jal_kv .kv_scroll::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    display: inline-block;
    width: 1px;
    height: 50px;
    background-color: #fff;
}
.jal_kv .kv_scroll span{
    font-size: 18px;
    color: #fff;
}
/*.activeHeight {
    padding-top: 30vw;
}*/
.solid_kv{
    width: 100%;
    position: fixed;
    top: 74px;
    left: 0;
    z-index: 3;
    /* padding: 74px 0 90px 0; */
    font-size: 0;
    background-color: #fff;
}
.solid_kv_img{
    width: 100%;
    /* max-width: 1280px; */
    max-width: 100%;
    /*background: url(../images/pc_kv_.jpg) no-repeat top center;*/
    /*background-size:100% auto;*/
    /*margin-bottom: 100px;*/
}
.solid_kv_img img{
    width: 100%;
}
.solid_kv_ttl{
  /*  position: absolute;
    bottom: 20px;
    left: 50%;*/
    padding: 40px 0;
    width: 980px;
    background-color: #fff;
    -moz-box-shadow:0 0 8px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 0 8px 0px rgba(0,0,0,0.5);
    box-shadow:0 0 8px 0px rgba(0,0,0,0.5);
  /*  -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);*/
    text-align: center;
    margin: 0 auto;
    cursor:pointer;
}
.solid_kv_ttl span{
    margin-bottom: 10px;
    display: inline-block;
    font-size: 28px;
    color: #1e1e1e;
}
.solid_kv_ttl i{
    margin: 0 auto;
    display: block;
    width: 38px;
    height: 24px;
    background: url(../images/icon_down.png) no-repeat scroll 0 0;
}
.jal_content{
    position: relative;
    /* padding-top: 100vh; */
    z-index: 3;
    top: 0px;
}
/*@media screen and (min-width: 1440px) {
    .jal_content{
        top:-146px;
    }
}*/
/*@media screen and (max-width: 1920px) {
    .jal_content{
        top:-210px;
    }
}
@media screen and (max-width: 1600px) {
    .jal_content{
        top:-146px;
    }
}
@media screen and (max-width: 1440px) {
    .jal_content{
        top:-210px;
    }
}
@media screen and (max-width: 1366px) {
    .solid_kv_img{
        background: url(../images/pc_kv_.jpg) no-repeat left center;
        background-size:100% auto;
    }
    .jal_content{
        top:-120px;
    }
}*/

.airline{position: relative;}
.airline > img{width:100%;}
.airline .airTxt{width:100%;position:absolute;color: #d20200;text-align: center;top:50%;left:50%;transform: translate(-50% , -50%);}
.airline .airTit{font-size: 46px;font-weight: bold;margin:80px auto 12px auto;}
.airline .airTit span{padding:0 5px;}
.airline .airTxt h1{font-size: 46px;letter-spacing: 10px;margin:10px auto 50px auto;}
.airline .airTxt p{color:#000;}
.airline .airTxt .txtSpace{margin:60px 0;font-size: 14px;}
.airline .airTxt .airTxt02{font-size:26px;font-weight: bold;}
.airline .airTxt .more_btn{width:100%;margin:40px 0;}
.airline .airTxt .more_btn a{width:450px;}
.reason{background:#fff;text-align: center;padding:10px 0 25px 0;}
.reason > span{width:50px;height:4px;}
.reason p{margin:0;padding:15px 0;font-size:30px;text-align: center;}

.title_video_area{
    padding-top: 80px;
    background: -moz-linear-gradient(top, rgba(253,253,253,0) 0%, rgba(253,253,253,0) 1%, rgba(253,253,253,0.5) 20%, rgba(253,253,253,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(253,253,253,0) 0%,rgba(253,253,253,0) 1%,rgba(253,253,253,0.5) 20%,rgba(253,253,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(253,253,253,0) 0%,rgba(253,253,253,0) 1%,rgba(253,253,253,0.5) 20%,rgba(253,253,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fdfdfd', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */
}
.style2 .title_video_area,
.style2 .slide_video{
    background: none;
}
.title_video .title_video_one{
    position: relative;
    margin-bottom: 90px;
    width: 1180px;
}
.title_video .title_video_one .frame{
    position: absolute;
    top: 0;
    left: 0;
    width: 1170px;
    height: 100%;
    border: 5px solid #fff;
    z-index: 1;
}
.title_video .title_video_one .img{
    font-size: 0;
}
.title_video .title_video_one .txt{
    position: absolute;
    top: 152px;
    width: 590px;
    height: 490px;
    background-color: #fff;
    z-index: 20;
}
.title_video .title_video_one .txt.right_txt{
    right: -40px;
}
.title_video .title_video_one .txt.left_txt{
    left: -40px;
}
.title_video .title_video_one .txt .txt_content{
    padding: 0 40px;
}
.title_video .title_video_one .txt h3{
    margin: 40px 0 20px 0;
}

.title_video .title_video_one .txt h3 strong{
    margin-bottom: 14px;
    display: block;
    font-size: 28px;
    color: #d20200;
    font-weight: normal;
}
.title_video .title_video_one .txt h3 span{
    font-size: 16px;
}
.title_video .title_video_one .txt article{
    font-size: 14px;
    line-height: 2;
}
.title_video .title_video_one .txt .play_movie_btn_01{
    position: absolute;
    left: 40px;
    bottom: 50px;
    display: block;
    font-size: 12px;
    color: #d20200;
}
.title_video .title_video_one .txt .play_movie_btn_01 i{
    display: inline-block;
    margin-right: 10px;
    width: 51px;
    height: 51px;
    background: #d20200 url(../images/play_btn_big.png) no-repeat scroll center center;
    border: 1px solid #d20200;
    -ms-border-radius: 50% 50%;
    -o-border-radius: 50% 50%;
    -webkit-border-radius: 50% 50%;
    border-radius: 50% 50%;
    vertical-align: middle;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.title_video .title_video_one .txt .play_movie_btn_01:hover i{
    background: #fff url(../images/play_btn_big_hover.png) no-repeat scroll center center;
    border: 1px solid #d20200;
}
.slide_video{
    padding: 80px;
    background-color: #fff;
    overflow: hidden;
}
.slide_video .slide_video_content{
    width: 780px;
    overflow: visible;
}
.slide_video .slide_video_one:last-child{
    margin-right: 0;
}
.slide_video .slide_video_one .img{
    font-size: 0;
}
.slide_video .slide_video_one .txt{
    padding: 40px;
    background-color: #f3f3f3;
}
.slide_video .slide_video_one .txt h3{
    margin: 0 0 20px 0;
}
.slide_video .slide_video_one .txt h3 strong{
    margin-bottom: 14px;
    display: block;
    font-size: 28px;
    color: #d20200;
    font-weight: normal;
}
.slide_video .slide_video_one .txt h3 span{
    font-size: 12px;
}
.slide_video .slide_video_one .txt .singal_global{
    margin-left: 20px;
    padding: 8px;
    display: inline-block;
    font-size: 12px;
    background-color: #cc9900;
    color: #fff;
    vertical-align: middle;
    font-weight: bold;
    font-style: normal;
}
.slide_video .slide_video_one .txt article{
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.8;
    
}
.slide_video .slide_video_one .txt .play_movie_btn_02{
    display: block;
    font-size: 12px;
    color: #d20200;
}
.slide_video .slide_video_one .txt .play_movie_btn_02 i{
    display: inline-block;
    margin-right: 10px;
    width: 31px;
    height: 31px;
    background: #d20200 url(../images/play_btn_small.png) no-repeat scroll center center;
    border: 1px solid #d20200;
    -ms-border-radius: 50% 50%;
    -o-border-radius: 50% 50%;
    -webkit-border-radius: 50% 50%;
    border-radius: 50% 50%;
    vertical-align: middle;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.slide_video .slide_video_one .txt .play_movie_btn_02:hover i{
    background: #fff url(../images/play_btn_small_hover.png) no-repeat scroll center center;
    border: 1px solid #d20200;
}
.slide_video .slide_video_one.swiper-slide-active{
    -o-box-shadow: 0 0 40px #333;
    -ms-box-shadow: 0 0 40px #333;
    -webkit-box-shadow: 0 0 40px #333;
    box-shadow: 0 0 40px #333;
}
.slide_video .swiper-wrapper{
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.golden_intro_area{
    direction: rtl;
    width: 100%;
    display: table;
}
.golden_intro_area .golden_intro_img{
    display: table-cell;
    width: 50%;
    font-size: 0;
    vertical-align: middle;
}
.golden_intro_area .golden_intro_img img{
    width: 100%;
    /*height:100%;*/
}
.golden_intro_area .golden_intro_txt{
    direction: ltr;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    background-color: #1e1e1e;
    
}
.golden_intro_area .golden_intro_txt .ttl_img{
    margin-bottom: 40px;
    font-size: 0;
    text-align: center;
}
.golden_intro_area .golden_intro_txt .golden_intro_txt_detail{
    margin: 0 auto;
    width: 510px;
    color: #fff;
}
.golden_intro_area .golden_intro_txt h3{
    margin: 0 0 30px 0;
    font-size: 28px;
}
.golden_intro_area .golden_intro_txt article{
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 2;
}
.golden_intro_area .golden_intro_txt .golden_detail i{
    display: inline-block;
    width: 17px;
    height: 17px;
    background: #fff url(../images/golden_arrow.png) no-repeat scroll center center;
    -ms-border-radius: 50% 50%;
    -o-border-radius: 50% 50%;
    -webkit-border-radius: 50% 50%;
    border-radius: 50% 50%;
    vertical-align: middle;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.golden_intro_area .golden_intro_txt .golden_detail:hover i{
    background: #b28850 url(../images/golden_arrow_hover.png) no-repeat scroll center center;
}
.golden_intro_area .golden_intro_txt .golden_detail span{
    position: relative;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.golden_intro_area .golden_intro_txt .golden_detail span::after{
    content: '';
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #d20200;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.golden_intro_area .golden_intro_txt .golden_detail:hover span{
    color: #d20200;
    /* text-decoration: underline; */
}
.golden_intro_area .golden_intro_txt .golden_detail:hover span::after{
    width: 100%;
}
.golden_intro_area .golden_intro_txt .golden_tips{
    margin-top: 30px;
    font-size: 12px;
}
.golden_intro_area .golden_intro_txt .golden_tips li{
    position: relative;
    display: block;
    line-height: 2;
}
.golden_intro_area .golden_intro_txt .golden_tips li .num{
    position: absolute;
    left: 0;
    top: 0;
}
.golden_intro_area .golden_intro_txt .golden_tips li .txt{
    display: block;
    padding-left: 20px;
}
.jal_dao{
    position: relative;
    padding: 80px 0 110px 0;   
}
.colorChange{
    background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%); 
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 100%); 
    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#fffffff',GradientType=0 ); 
}
.jal_dao::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/dotted_bg.png) repeat scroll 0 0;
}
/* .jal_dao::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    display: block;
    background: url(../images/tran_03.png) no-repeat scroll center center;
} */
h3.style_01{
    position: relative;
    margin: 0 0 60px 0;
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    -o-text-shadow: 0 0 10px #000;
    -ms-text-shadow: 0 0 10px #000;
    -webkit-text-shadow: 0 0 10px #000;
    text-shadow: 0 0 10px #000;
}
.jal_dao .jal_dao_one{
    position: relative;
    margin-bottom: 40px;
    display: table;
    background-color: #fff;
}
.jal_dao .jal_dao_one:last-child{
    margin-bottom: 0;
}
.jal_dao .jal_dao_one.rtl{
    direction: rtl;
}
.jal_dao .jal_dao_one.rtl .txt{
    direction: ltr;
}
.jal_dao .jal_dao_one .img{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    font-size: 0;
}
.jal_dao .jal_dao_one .img img{
    width: 100%;
}
.jal_dao .jal_dao_one .txt{
    position: relative;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
.jal_dao .jal_dao_one .txt::after{
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 52px;
    background: url(../images/tran_01.png) no-repeat scroll 0 0;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.jal_dao .jal_dao_one.ltr .txt::after{
    left: -40px;
}
.jal_dao .jal_dao_one.rtl .txt::after{
    right: -40px;
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.jal_dao .jal_dao_one .txt .txt_detail{
    margin: 0 auto;
    width: 490px;
}
.jal_dao .jal_dao_one .txt h4{
    margin: 0 0 20px 0;
    color: #d20200;
    line-height: 1.6;
    font-size: 24px;
}
.jal_dao .jal_dao_one .txt article{
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    letter-spacing: 0;
}
.jal_dao .jal_dao_one .txt .tips{
    margin-top: 20px;
    font-size: 12px;
}
.jal_more_list{
    position: relative;
    padding: 80px;
    /*background-color: #fff;*/
    background: url(../images/cloud.jpg) no-repeat;
    background-size: 100% 100%;
}
/* .jal_more_list::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 48px;
    height: 24px;
    background: url(../images/tran_02.png) no-repeat scroll 0 0;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
} */
.jal_more_list h3{
    margin: 0 0 30px 0;
    font-size: 28px;
    text-align: center;
}
.jal_more_list .jal_more_list_area{
    position: relative;
}
.jal_more_list .jal_more_list_wrapper{
    padding: 20px 0;
    margin-bottom: 60px;
}
.jal_more_list .change_btn.prev_btn {
    left: -80px;
}
.jal_more_list .change_btn.next_btn {
    right: -80px;
}
.jal_more_list .change_btn{
    position: absolute;
    z-index: 2;
    top: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.jal_more_list .jal_more_list_box{
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.jal_more_list .jal_more_list_box .img{
    position: relative;
    font-size: 0;
}
.jal_more_list .jal_more_list_box.new .img::after{
    position: absolute;
    right: 20px;
    bottom: -24px;
    content: 'NEW';
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background-color: #b70000;
    -ms-border-radius: 50% 50%;
    -o-border-radius: 50% 50%;
    -webkit-border-radius: 50% 50%;
    border-radius: 50% 50%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0;
}
.jal_more_list .jal_more_list_box .txt{
    padding: 20px 10px;
    background-color: #fff;
    line-height: 1.6;
    letter-spacing: 1px;
}
.jal_more_list .jal_more_list_box .txt .txt_ttl{
    margin-bottom: 10px;
    font-size: 16px;
    color: #000;
}
.jal_more_list .jal_more_list_box .txt .txt_intro{
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
}
.jal_more_list .jal_more_list_box .txt .txt_date{
    font-size: 14px;
    color: #979797;
}
.jal_more_list .jal_more_list_box:hover{
    -o-box-shadow: 0 0 10px #333;
    -ms-box-shadow: 0 0 10px #333;
    -webkit-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
}
.jal_more_list .jal_more_list_box:hover .txt .txt_ttl{
    color: #b70000;
    text-decoration: underline;
}
.jal_code_show{
    display: table;
    width :100%;
    background-color: #d20200;
}
.jal_code_show .txt{
    padding: 0 100px;
    display: table-cell;
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
    vertical-align: middle;
}
.jal_code_show .code_show{
    padding: 50px 100px 50px 0;
    display: table-cell;
    font-size: 0;
    vertical-align: middle;
}
.jal_code_show .code_show .arrow{
    margin-right: 80px;
    display: inline-block;
    vertical-align: middle;
}
.jal_code_show .code_show .codes{
    display: inline-block;
    vertical-align: middle;
}
.jal_code_show .code_show .codes li{
    display: inline-block;
}
.jal_code_show .code_show .codes li:first-child{
    margin: 0 40px 0 0;
}
.jal_code_show .code_show .codes li .code_txt{
    margin-top: 10px;
    display: block;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.jal_booking_area{
    padding: 80px 0;
    background: url(../images/mask_01.png) repeat scroll 0 0;
}
/*.jal_booking_area h3{
    margin: 0 0 60px 0;
    font-size: 28px;
    color: #fff;
    text-align: center;
}*/
.jal_booking_area .booking_form{
    margin-bottom: 50px;
    text-align: center;
}
.jal_booking_area .booking_more{
    position: relative;
    margin: 0 auto;
    width: 360px;
    height: 50px;
    line-height: 50px;
    display: block;
    background-color: #d20200;
    text-align: center;
    font-size: 18px;
    color: #fff;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.jal_booking_area .booking_more:hover{
    background-color: #fff;
    color: #d20200;
}
.jal_booking_area .booking_more i{
    position: absolute;
    top: 50%;
    left: 30px;
    display: block;
    width: 20px;
    height: 20px;
    background: #fff url(../images/play_btn_small_hover.png) no-repeat scroll center center;
    -ms-border-radius: 50% 50%;
    -o-border-radius: 50% 50%;
    -webkit-border-radius: 50% 50%;
    border-radius: 50% 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.jal_booking_area .booking_more:hover i{
    background: #d20200 url(../images/play_btn_small.png) no-repeat scroll center center;
}
/* 更多jal魅力 */
.more_jal{
    padding: 160px 0;
    background: url(../images/more_jal.jpg) no-repeat scroll top center;
    background-size: cover;
    text-align: center;
}
.more_btn a{
    position: relative;
    margin: 0 auto;
    width: 980px;
    height: 120px;
    line-height: 120px;
    display: block;
    background-color: #d20200;
    text-align: center;
    font-size: 24px;
    color: #fff;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.more_btn a i{
    position: absolute;
    top: 50%;
    left: 30px;
    display: block;
    width: 20px;
    height: 20px;
    background: #fff url(../images/play_btn_small_hover.png) no-repeat scroll center center;
    -ms-border-radius: 50% 50%;
    -o-border-radius: 50% 50%;
    -webkit-border-radius: 50% 50%;
    border-radius: 50% 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.more_btn a:hover{
    background-color: #fff;
    color: #d20200;
}
.more_btn a:hover i{
    background: #d20200 url(../images/play_btn_small.png) no-repeat scroll center center;
}
#footer{
    position: relative;
    padding: 30px 0;
    background-color: #232323;
}
.footer_link{
    font-size: 0;
    text-align: center;
}
.footer_link li{
    padding: 0 40px;
    display: inline-block;
    border-right: 1px solid #acacac;
}
.footer_link li:first-child{
    border-left: 1px solid #acacac;
}
.footer_link li a{
    font-size: 12px;
    color: #fff;
}
#footer .scroll_top{
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    width: 24px;
    height: 14px;
    background: url(../images/scrolltotop_btn.jpg) no-repeat scroll 0 0;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*航班时刻表*/
.airlinePopup.active{
    opacity: 1;
    z-index: 99;
}
/* 视频播放 */
.popup_area,
.airlinePopup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -99;
    opacity: 0;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.popup_area.on{
    opacity: 1;
    z-index: 99;
}
.mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/mask_02.png) repeat scroll 0 0;
}
.popup_area .popup_content,
.airlinePopup .airline_content{
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    border: 5px solid #fff;
}
.airlinePopup .airline_content{
    width:1180px;
    height:600px;
    overflow:auto;
    border:none;
    background:#fafafc;
    margin:0 auto;
    text-align: center;
}
.airlinePopup .airline_content .popup_close{
    position: absolute;
    right: 10px;
    top: 10px;
}
.airlinePopup .airline_content .popupTit{
    font-size: 28px;
    margin:80px auto 10px auto;
    font-weight: bold;
}
.airlinePopup .airline_content .popupSub{
    font-size: 16px;
    font-weight: bold;
}
.redline{
    width:50px;
    height:4px;
    display: inline-block;
    margin:0 auto;
    background:#d20200;
}
.botClosebtn{
    width: 240px;
    height: 50px;
    line-height: 50px;
    margin:50px auto;
    background: #4d4d4d;
    color: #fff;
    cursor: pointer;
}
.airlinePopup .airline_content .popupWrapper{
    width:90%;
    margin:0 auto;
    background:#f3f3f3;
    margin-bottom: 20px;
    padding: 20px 80px;
    box-sizing: border-box;
}
.airlinePopup .airline_content .popupWrapper .tableLine{
    width: 5px;
    height: 24px;
    display: inline-block;
    background: #d20200;
    vertical-align: middle;
}
.airlinePopup .airline_content .popupWrapper .tableTit{
    text-align: left;
}
.airlinePopup .airline_content .popupWrapper .tableTit p{
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    font-weight: bold;
}
.smTxt{
    font-size: 12px;
    font-weight: normal;
    padding-left: 10px;
    text-align: left;
    margin: 0;
}
.tableSub{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
.airlinePopup .airline_content .popupWrapper table{border-collapse:collapse;}
.airlinePopup .airline_content .popupWrapper .tableCon{margin-bottom:30px;}
.airlinePopup .airline_content .popupWrapper .tableTxt th,td{border:1px solid #fff;}
.airlinePopup .airline_content .popupWrapper img{margin:10px 0;}
.popup_area .popup_content .popup_close{
    position: absolute;
    right: 0;
    top: -1px;
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    text-align: center;
    z-index: 2;
}
.popup_area .popup_content .popup_close i{
    margin-right: 12px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/icon_close.png) no-repeat scroll 0 0;
    vertical-align: middle;
}
.video_play_content{
    padding-bottom:56.25%;
    width: 1000px;
}
.video_play_content iframe{
    position: absolute; top:0; left: 0; width: 100%; height: 100%
}

/* heart beats arrow*/
.heartBeats{
    display:block;
    animation-name: heartBeats;
    -webkit-animation-name: heartBeats;  

    animation-duration: 1.5s;   
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes heartBeats {
   0% { 
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
    }

@-webkit-keyframes heartBeats {
   0% {
    transform: scale3d(1, 1, 1);
    }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

/*高さ調整のため追加*/
.jal_content {
    top: -15vw !important;
}

.solid_kv_img {
    margin-bottom: 15.234vw !important;
}

div#content {
    height: 427vw !important;
    /* height: 8226px; */
}

section.airline {
    height: 47.0vw !important;
    /* height: 914px; */
}

h3.heightLine-3 {
    height: 5vw !important;
    /* height: 67px; */
}
/*//高さ調整のため追加*/