/***页面统一配置  本页公用***/
#dowebok{
    color: white;
    text-align: center;
}
btn,.btn:hover{
    opacity: 0.95;
}
/***第一屏 首页******/
/**视频*/
#wrap{
    /*position: relative;*/
    width: 100%;
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
    z-index: 0;
}
#wrap .video_bg {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    width: 100%;
    overflow: hidden;
}
#wrap .video_mask {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
}
/*logo**/
#section0 .logo1{
    z-index: 1;
    display: inline-block;
    top: 20px;
    left: 60px;
    position: absolute;
}
/**侧边栏**/
#section0 .cbl{
    z-index: 1;
    width: 168px;
    height: 455px;
    position: absolute;
    top: 27%;
    right: -168px;
    color: #eeeeee;
    background: url(../image/button_tanchuangk.png) no-repeat;
    z-index: 20;
    transition: all 1s;
}
#section0 .cbl.on {
    right: 2px;
    opacity: 1;
}
#section0 .cbl.on .cbl_switch {
    -webkit-transform: rotate(
            0deg
    );
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
#section0 .cbl .cbl_switch {
    opacity: 1 !important;
    width: 24px;
    height: 34px;
    position: absolute;
    top: 0px;
    left: -24px;
    background: url(../image/button_tanchuang.png) no-repeat;
    -webkit-transform: rotate(
            180deg
    );
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.btn_weibo{
    z-index: 1;
    width: 113px;
    height: 24px;
    background: url("../image/button_weibo.png") no-repeat;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
.btn_taptap{
    z-index: 1;
    width: 117px;
    height: 21px;
    background: url("../image/button_taptap.png") no-repeat;
    display: block;
    margin: auto;
}
/**下载行  预约行**/
.down_div,.yuyue_div{
    z-index: 1;
    text-align: center;
    width: 100%;
    height: 57px;
    display: block;
    position: absolute;
    bottom: 90px;
}
.down_div a,.yuyue_div a{
    z-index: 1;
    width: 214px;
    height: 57px;
    display: inline-block;
}
.down_div .btn_az_down{
    z-index: 1;
    background:url("../image/icon_xz_az.png") no-repeat;
}
.yuyue_div .btn_yuyue{
    z-index: 1;
    background:url("../image/button_ljyuyue.png") no-repeat;
    transition: all .3s;
}
.yuyue_div .btn_yuyue:hover {
    transform: scale(1.05);
}
.down_div .btn_ios_down{
    z-index: 1;
    background:url("../image/icon_xz_pg.png") no-repeat;
}
.down_div .btn_taptap_down{
    z-index: 1;
    background:url("../image/icon_xz_tap.png") no-repeat;
}
/***下滑****/
@-webkit-keyframes xiangxia
{
    0% {bottom:10px;}
    100% {bottom:0;}
}
.xiahua{
    z-index: 1;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -36.5px;
    -webkit-animation: xiangxia 1s linear infinite alternate;
    -webkit-animation-fill-mode: both;
}
/**********************************************************************第二屏 立绘***/
#section1 .petName{
    font-size: 72px;
    background-image: -webkit-linear-gradient(bottom, #fefaaf,#deac40);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 2;
    font-weight: bolder;
}
#section1 .petEnName{
    top: 37%;
    font-size: 45px;
    color: #deac4075;
    font-family: jde_en !important;
    font-weight: bolder;
    /*word-break: break-all;*/
}
#section1 .bq{
    bottom: 5%;
    display: flex
}
#section1 .bq img{
margin-right: 20px;
    display: inline-block;
}
#section1 .petEnName,#section1 .petName,#section1 .bq{
position: absolute;
left: -10%;
opacity: 0;
/*transition: all 1s ease-out 0s;*/
z-index: 2;
}
#section1 .swiper-slide-active .petEnName,#section1 .swiper-slide-active .petName,#section1 .swiper-slide-active .bq{
opacity: 1 !important;
left: 0px;
}

#section1 .petImg{
min-width:609px ;
min-height: 952px;
transition: all 2s ease-out 0s;
opacity: 0;
    margin: auto;
    position: relative;
}
#section1 .swiper-slide-active .petImg{
opacity: 1 !important;
}


#section1 .mlqb{
    position: absolute;
}
#section1 .swiper-slide-active .mlqb{
opacity: 1 !important;
right: 50%;
margin-right: -137px;
}
#section1  .petDesc{
    position: absolute;
    width: 341px;
    font-size: 20px;
    height: 123px;
    text-indent: 40px;
    overflow: hidden;
    top: 27%;
    line-height: 30px;
}
#section1 .swiper-slide-active .petDesc{
    opacity: 1 !important;
    right: 50%;
    margin-right: -171px;
}
#section1  .more{
    position: absolute;
    bottom: 60px;
}
#section1 .swiper-slide-active .more{
    opacity: 1 !important;
    right: 50%;
    margin-right: -88px;
}
#section1 .more,#section1 .petDesc,#section1 .mlqb{
position: absolute;
opacity: 0;
z-index: 2;
}

#section1 .left,#section1 .right{
    transition: all 1s ease-out 0s;
}
#section1 .left{
    width: 100%;
    position: absolute;
    height: 227px;
    /*float: left;*/
    margin-left: 8%;
    margin-top: 20%;
}
#section1 .right{
    position: absolute;
    /* float: right; */
    margin-top: 20%;
    width: 100%;
    height: 330px;
    margin-left: 34%;
}
#section1 .swiper-slide-active .left{
   margin-left: 14%;
}
#section1 .swiper-slide-active .right{
    margin-left: 28%;
}

#section1 .swiper-slide-thumb-active{
background: url("../image/button_hwk_touxiang.png") no-repeat top;
background-size: contain;
height: 102px;
}

/*******************************  新闻资讯 ****************************************/
#section2 .div{
    display: flex;
    justify-content: center;
    background: url("../image/xwkbeijing.png");
    width: 1309px;
    height: 708px;
    margin: auto;
}
#section2 .left{
    width: 544px;
    height: 716px;
}
#section2 .right{
    width: 763px;
    height: 712px;
    position: relative;
}
#section2  .swiper-pagination-bullet{
    width: 13px !important;
    height: 13px !important;
    background:  url("../image/button_fyd2.png") no-repeat top !important;
    opacity: 1 !important;
    margin-right: 5px;
    vertical-align: middle;
}
#section2  .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 23px !important;
    height: 23px !important;
    vertical-align: middle;
    background:  url("../image/button_fyd1.png") no-repeat top !important;
}

#section2 .right .news_top{
    height: 100px;
    border-bottom: 1px solid #d8a650;
    display: flex;
    justify-content: space-evenly;
}
.right .news_top .type{
    font-size: 25px;
    height: 100px;
    line-height: 115px;
    position: relative;
}
.right .news_top .type.active{
    color: #d8a650;
    font-weight: 700;
}
.right .news_top .type:hover{
    color: #d8a650;
    font-weight: 700;
}
/***横线特效  效果***/
.right .news_top .type:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 0;
    height: 5px;
    transition: .5s;
    background: #d8a650;
}
.right .news_top .type.active:after,.right .news_top .type:hover:after {
    width: 50px;
}
.right .new_bottom{
    width: 625px;
    height: 403px;
    overflow: hidden;
    margin: auto;
}
.new_bottom .title{
    font-size: 20px;
    height: 80px;
    line-height: 115px;
    border-bottom: 1px solid;
    text-align: left;
    position: relative;
}
.new_bottom .title:hover{
    color: #d8a650;
}
.new_bottom .title .title_msg{
    letter-spacing: 1.5px;
    width: 340px;
    overflow: hidden;
    margin-left: 10px;
}
.new_bottom .title .riqi{
    position: absolute;
    right: 0;
}
.new_bottom .title .icon{
    background: url('../image/button_xw_dd2.png');
    width: 17px;
    height: 17px;
    vertical-align: middle;
    display: inline-block;
    background-size: cover;
}
.new_bottom .title:hover .icon{
    background: url('../image/button_xw_dd1.png');
    width: 17px;
    height: 17px;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
}
.news_more{
    position: absolute;
    right: 65px;
    bottom: 90px;
}

/**********************************************************************第四屏 玩法***/
#section3 .swiper-button-prev{
    background: url("../image/button_wfjiantou.png") no-repeat top;
    width: 54px;
    height: 73px;
    color: transparent;
    margin-left: 19%;
}
#section3 .swiper-button-next{
    background: url("../image/button_wfjiantou.png") no-repeat top;
    transform: rotateY(180deg);
    width: 54px;
    height: 73px;
    color: transparent;
    margin-right: 19%;
}
#section3 .wanfaName{
    display: flex;
    margin-top: 31px;
    justify-content: center;
    color: #eac969;
    font-size: 26px;
    line-height: 27px;
}
#section3 .name{
  margin-left: 20px;margin-right: 20px;
}
.wanfaName img{
    margin-top: 10px;
    width:146px;
    height:11px;
}
.wanfaDesc{
    font-size: 16px;
    color: #ffffff;
    width: 900px;
    margin: auto;
    margin-top: 23px;
}
/*******************特色轮播图*********************/
#section4  .swiper-pagination-bullet{
    width: 13px !important;
    height: 13px !important;
    background:  url("../image/button_fyd2.png") no-repeat top !important;
    opacity: 1 !important;
    margin-right: 10px;
    vertical-align: middle;
}
#section4  .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 23px !important;
    height: 23px !important;
    vertical-align: middle;
    background:  url("../image/button_fyd1.png") no-repeat top !important;
}
/**背景图**/
#dowebok .section:nth-of-type(1){
    background: url(../image/beijing0.png) no-repeat !important;
}
#dowebok .section:nth-of-type(2),.section:nth-of-type(3),.section:nth-of-type(4),.section:nth-of-type(5){
    background: url(../image/beijing2.jpg) no-repeat !important;
}

/**导航条***/
#nav{
    z-index: 2;
}
#nav .nav_line{
    background: #d8a650;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 30%;
    opacity: 0;
    transition: opacity 0.3s;
}
#nav .navMenu {
    padding: 0;
    margin: 0;
    font-size: 1rem;
}
#nav .navMenu a {
    text-decoration: none;
    color: #d8a650;
}

#nav .nav_icon{
    width: 47px;
    height: 47px;
    background-position: center !important;
}
.nav_icon.qb{
    background: url("../image/icon_cbl_qingbao.png") no-repeat;
}
.nav_icon.zx{
    background: url("../image/icon_cbl_xinwen.png") no-repeat;
}
.nav_icon.wf{
    background: url("../image/icon_cbl_wanfa.png") no-repeat;
}
.nav_icon.ts{
    background: url("../image/icon_cbl_tese.png") no-repeat;
}

.navMenuItem.active .nav_icon.qb{
    background: url("../image/icon_cbl_xg1.png") no-repeat;
}
.navMenuItem.active .nav_icon.zx{
    background: url("../image/icon_cbl_xg2.png") no-repeat;
}
.navMenuItem.active .nav_icon.wf{
    background: url("../image/icon_cbl_xg3.png") no-repeat;
}
.navMenuItem.active .nav_icon.ts{
    background: url("../image/icon_cbl_xg4.png") no-repeat;
}

#nav .navMenuItem{
    list-style:none
}
#nav .navMenuItem .navMenuItemName {
    white-space: nowrap;
}
#nav .navMenuItem span {
    display: block;
    position: relative;
    text-align: center;
}


@media only screen and (min-width: 429px) {
    #nav {
        left: 2.25rem;
        height: 100%;
        position: absolute;
    }
    #nav .navContent {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    #nav .navMenu {
        width: 10rem;
    }
    #nav .navMenuItem.inMenu {
        display: none;
    }
    #nav .navMenuItem.active .navMenuItemTitle {
        color: #fdf8ac;
        font-weight: bolder;
        text-shadow: #fff9cd 0px 0px 6px;
    }

    /*#nav .navMenuItem.active .navMenuItemTitle::after {*/
    /*    content: "";*/
    /*    display: block;*/
    /*    width: 0px;*/
    /*    height: 100%;*/
    /*    border-left: 4px solid #22bbff;*/
    /*    top: 0;*/
    /*    right: 0;*/
    /*    position: absolute;*/
    /*}*/
    #nav .navMenuItem:hover .navMenuItemTitle {
        color: #fdf8ac;
        left: -5px;
    }
    #nav .navMenuItem a {
        padding: 2.8rem 0;
        display: block;
        /* pointer-events: none; */
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    #nav .navMenuItem .navMenuItemName {
        display: none;
    }
    #nav .navMenuItem .navMenuItemTitle {
        left: 5px;
        text-align: center;
        transition: all 0.3s;
    }
    #nav .navBtn,
    #nav .navMenuDownload,
    #nav .navMenuMedia {
        display: none;
    }
    #nav .navPagination {
        position: absolute;
        bottom: 3.5rem;
        color: #7f8184;
        right: 0;
        white-space: nowrap;
    }
    #nav .navPagination > span {
        display: inline-block;
        text-align: center;
        font-size: 1rem;
        letter-spacing: 0.25em;
        width: 2rem;
    }
    #nav .navPagination > span.navPaginationCurrent {
        text-align: right;
        width: auto;
    }
    #nav .navPagination > span.navPaginationTotal {
        text-align: right;
        width: 1.5rem;
    }
}

@media only screen and (max-width: 428px) {
    #nav {
        position: fixed;
        top: 0;
        right: 0;
    }
    #nav .navContent {
        position: fixed;
        top: 0;
        left: 0;
        width: calc(100% - 5rem);
        height: calc(100% - 6.5rem);
        transform: translateX(-100%);
        transition: transform 0.6s;
        background-color: rgba(0, 0, 0, 0.88);
        padding: 4.5rem 2.5rem 2rem;
        display: flex;
        flex-direction: column;
    }
    #nav .navMenu {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-right: 1rem;
        box-sizing: border-box;
        height: calc(100% - 12rem);
        position: relative;
    }
    #nav .navMenuItem {
        width: 100%;
        flex-shrink: 1;
        padding-bottom: 0.5rem;
    }
    #nav .navMenuItem:first-of-type {
        flex-grow: 0.5;
    }
    #nav .navMenuItem:not(:first-of-type) {
        flex-grow: 1;
    }
    #nav .navMenuItem a {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 0;
        padding-left: 2rem;
        padding-bottom: 6px;
        border-bottom: 1px solid rgba(57, 57, 57, 0.5);
        height: 100%;
        /*  pointer-events: none; */
    }
    #nav .navMenuItem .navMenuItemTitle {
        padding-left: 5px;
    }
    #nav .navMenuItem .navMenuItemTitle::after {
        /*content: "";*/
        /*display: block;*/
        /*margin-left: 5px;*/
        /*height: 0;*/
        /*border-bottom: 2px solid #ffffff;*/
        /*bottom: -7px;*/
        /*right: 0;*/
        /*position: absolute;*/
    }
    #nav .navMenuItem.active .navMenuItemTitle::after {
        /*border-bottom-color: #22bbff;*/
    }
    #nav .navMenuDownload {
        height: 4.8rem;
        margin-top: 2rem;
    }
    #nav .navMenuMedia {
        height: 2.5rem;
        margin-top: 2rem;
        fill: #ffffff;
        display: flex;
        justify-content: space-between;
    }
    #nav .navMenuMedia .navMenuButton {
        width: 2.5rem;
    }
    #nav .navMenuMedia .navMenuButton:visited {
        color: unset;
        fill: unset;
    }
    #nav .navPagination {
        display: none;
    }
    #nav.expanded .navContent {
        transform: translateX(0%);
    }
}
/**底部**/
.web-footer {
    background-color: #000000;
    color: #ffffff;
    height:900px !important;
    display: flex !important;
    justify-content: center;
}
.web-footer img{
    margin-right: 40px;
    vertical-align: middle;
}
.web-footer .wordDiv{
    width: 980px;
    font-size: 16px;
    display: inline-block;
    text-align: left;
    line-height: 28px;
    vertical-align: middle;
}
.web-footer .wordDiv .word{

}