@charset 'utf-8';
/******= Reset =******/
section, article, aside, header, footer, nav, dialog, figure, legend { display: block; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; table-layout: fixed; }
table td { word-break: break-all; }
caption, th { text-align: left; }
ol, ul { list-style: none; }
img { display: block; border: 0; vertical-align: middle; max-width: 100%; height: auto; width: auto\9;/* ie8 */ }
*:focus { outline: 0; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-box-sizing: border-box; box-sizing: border-box }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1;
}
audio:not([controls]) { display: none; }
[hidden] {display:none;}
.dis_non{ display:none;}
em,i{ font-style:normal;}
/******= Typography =******/
/*html, body { font-family:"微软雅黑"; width:100%; overflow-x: hidden;}
html { font-size: 30px; outline: 0; }
body { color: #767676; background: #ece5d7; -webkit-user-select: none; -webkit-text-size-adjust: none; position: relative; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.clear { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }
.dis_non{ display:none;}
a,select{ outline: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
i,em{ font-style:normal;}
select{-webkit-appearance: none;}
::-webkit-input-placeholder{
	color:#898989;	
}
a{ text-decoration:none;}
.dis_non{ display: none; }
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.clear { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }
*/

/******************=横屏提示=******************/
.d-popup{background:#ece5d7;background-size:100% 100%;position:fixed;top:0;left:0;width:100%;height:101%;z-index:10000}
.d-tipFlip-wrap{ z-index: 9; display: none;}
.d-loading-wrap{z-index:8;background:#686868;display:none}
.d-tipFlip{width:34%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@media screen and (max-aspect-ratio: 13/9){/*竖屏*/
    .d-tipFlip-wrap{display:none!important;}
}
/* landscape */
@media screen and (min-aspect-ratio: 13/9){/*横屏*/
    .d-tipFlip-wrap{display:block!important;}
}
/******= loading =******/
#loading{display:block}
.loading_bg{position:fixed;width:100%;height:100%;overflow:hidden;background-color:#ece5d7;left:0;top:0;-webkit-transform-style:preserve-3d;z-index:12}
.loading_wrp { position: absolute; width: 707px; height: 500px; overflow: hidden; left: 50%; top: 38%; margin: -5px 0 0 -354px; }
.loading_wrp b { font-weight: normal; position: absolute; display: block; width: 100%; font-size: 36px; line-height: 40px; bottom: 160px; color: #c37132; text-align: center; }
.loading_wrp .loading_img{ width: 707px; height: 461px; margin-left: -20px;}
.bookAmimate{ -webkit-animation: updown 3s linear infinite;}
@-webkit-keyframes updown{
    0%{opacity:1;-webkit-transform:translateY(0px);}
    50%{opacity:1;-webkit-transform:translateY(10px);}
    100%{opacity:1;-webkit-transform:translateY(0px);}
}


.page{position: relative; left: 0; top: 0; width: 750px; margin-top: -2px;}
.page img{width: 100%;}
.part2 .text{width: 638px; position: absolute;left: 56px; top: 110px;}
.part2 .btn_more{width: 130px; position: absolute;left: 310px; top: 283px;}
.part3 .video_play{width:620px;height:400px; position: absolute; left: 65px; top: 90px;}
.part4 .live_box{width:722px; position: absolute; left: 14px; top: 95px;}
.part4 .dot_list{ width:300px; position: absolute; left: 286px; top: 505px;}
.part4 .pic_txt{width: 640px; position: absolute; left: 55px; top: 580px;}
.part4 .dot_list .dot{ width: 14px; height: 14px; background: #d5cbb9; margin-right: 18px; border-radius: 50%; float: left;}
.part4 .dot_list .hover{ width: 54px; height: 14px; background: #c29e6c; border-radius: 20px; }
.part5 .video_play2{width:620px;height:400px; position: absolute; left: 65px; top: 70px;  background: #000;}
.part5 .video_list2{width:620px; position: absolute; left: 75px; top: 505px;}
.part5 .video_box .video_list a{ width: 189px; height:122px; display: inline-block; float: left; margin-right: 10px; position: relative;}
.part5 .video_box .video_list a img{ width: 100%; height: 100%; background-size: 100% 100%; border-radius: 20px;}
.part5 .video_box .video_list a .shadow{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.6; border-radius: 20px;}
.part5 .video_box .video_list a i{ width: 49px; height: 49px; background: url("../images/icon_play.png") 0 0 no-repeat; background-size: 100%; position: absolute; top: 34px; left: 68px; display: block;}
.part5 .video_box2{ height: auto; padding-top: 0}
.part5 .video_box .btn_prev3{ position: absolute; left: 35px; top: 557px; }
.part5 .video_box .btn_next3{ position: absolute; right: 35px; top: 557px; }
.part5 .video2_txt{ width: 646px; position: absolute; left: 60px; top: 680px;}


.wap_bg{ display: none;}
.wap_bg img{ width: 750px; margin:-1px auto 0;}
.sprites{background:url(../images/css_sprites.png);background-size:654px 555px}
/* .warp{position:absolute;width:100%;z-index:2} */
.warp{width: 100%; position: relative; margin: 0 auto; max-width: 750px;overflow: hidden}
.warp .main{width:100%;position:absolute;top:0;left:0;  display: none;}
.main .content_tit{ width: 712px; background-size: 100%; margin: 972px auto 0}
.main .content{ width: 712px; height: auto; border:2px solid #fff; background: rgba(251,230,200,0.4);margin: 0 auto 20px; border-top: none; position: relative; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.content .txt_intro{ width: 644px; background-size: 100%; margin: 0 auto;}
.content .btn_more{ width: 130px; background-size: 100%; margin: 30px auto; display: block;}
.content .tit_beijing{ width: 205px; background-size: 100%; position: absolute; top: -88px; left: 248px;}
.content .tit_02{ width: 626px; background-size: 100%; margin: 52px auto 28px;}
.content .tit_03{ width: 626px; background-size: 100%; margin: 81px auto 28px;}
.content .dot_list{ margin: 38px 0 38px 254px;}
.content .dot_list .dot{ width: 14px; height: 14px; background: #d5cbb9; margin-right: 18px; border-radius: 50%; float: left;}
.content .dot_list .hover{ width: 54px; height: 14px; background: #c29e6c; border-radius: 20px; }
.content .pic_txt{ width: 640px; background-size: 100%; margin: 37px auto 0;}
.content .video2_txt{ width: 646px; background-size: 100%; margin: 37px auto 55px;}
.main .tip{ width: 395px; background-size: 100%; margin: 60px auto;}

.main .video_box{width:668px; height: 679px; margin: 37px auto 0; padding-top: 97px; position: relative;}
.main .video_box .video_tit{ width: 622px;height: 50px;line-height: 50px;background: rgba(168,141,103,0.9); text-align: center; color: #ece5d7; font-size: 25px; margin-left: 23px;}
.main .video_box_bg{ background: url("../images/video_box.png") 0 0 no-repeat; background-size: 100%;}
.main .video_box .video_play{width:620px;height:400px; background: #000; margin-left: 24px;}
.main .video_box .video_play2{width:620px;height:376px; background: #000; margin-left: 24px;}
.main .video_box .video_list{ margin: 24px 0 0 18px; padding:0 16px; position: relative;}
.main .video_box .video_list a{ width: 189px; height:122px; display: inline-block; float: left; margin-right: 10px; position: relative;}
.main .video_box .video_list a img{ width: 100%; height: 100%; background-size: 100% 100%; border-radius: 20px;}
.main .video_box .video_list a .shadow{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.6; border-radius: 20px;}
.main .video_box .video_list a i{ width: 49px; height: 49px; background: url("../images/icon_play.png") 0 0 no-repeat; background-size: 100%; position: absolute; top: 34px; left: 68px; display: block;}
.main .video_box2{ height: auto; padding-top: 0}

.main .video_box_top{height: 550px;}
.live_box{width: 722px; margin: 0 auto; position: relative;}
.swiper_live{ width: 722px; height: 405px; margin-left: 14px;}
.btn_lv{ display: block; position: absolute; width: 34px; height:73px; top: 170px; z-index: 10;}
.btn_prev{  left: 0; background: url(../images/btn_prev.png) center no-repeat; background-size: 100%;}
.btn_next{  right: -27px; background: url(../images/btn_next.png) center no-repeat; background-size: 100%;}
.main .video_box .video_list .btn_lv2{ display: block; position: absolute; width: 25px; height:55px; top:40px; z-index: 100;}
.main .video_box .video_list .btn_prev2,.main .video_box .video_list .btn_prev3{  left: -15px; background: url(../images/btn_prev.png) center no-repeat; background-size: 100%;}
.main .video_box .video_list .btn_next2,.main .video_box .video_list .btn_next3{  right: -9px; background: url(../images/btn_next.png) center no-repeat; background-size: 100%;}

.tab_list{ margin-left: 225px;  }
.tab_list a{ width: 60px; height: 8px; background: #545454; border-radius: 3px; margin:60px 32px 0 0; display: inline-block; float: left;}
.tab_list .hover{ background: #007c97; }
.btn_link{ width: 554px; height: 50px; position: absolute; top: 340px; left: 80px; display: block; }

/******= dialog =******/
.hopup{ display:none;}
.close_btn{width: 73px; height:73px;  position:absolute; top:0px; right:0px;z-index:3; display:block;}
#j_hopup_detail{ width:608px; height:728px; background:url(../images/dialog/dialog_bg.png) 0 0 no-repeat; background-size:100%;}
#j_hopup_detail .con{ width: 488px; background-size: 100%; position: absolute; top: 157px; left: 65px; }

/******= swiper =******/
.swiper_container1 { width: 675px; height:100%;}
.swiper_container1 .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ width:47px; height:89px; background:url(https://appmedia.gtimg.com/media/641012952/images/btn_prev.png) 0 0 no-repeat; background-size:100%; left:0; margin-top:143px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width:47px; height:89px; background:url(https://appmedia.gtimg.com/media/641012952/images/btn_next.png) 0 0 no-repeat; background-size:100%; right:0; margin-top:143px;}
.swiper-button-prev{ top:0; left:27px; }
.swiper-button-next{ top:0; right:27px;}
.swiper_container1 .swiper-slide img{ width:551px; height:368px; background-size:100%;}