html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, li { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

table { border-collapse: collapse; border-spacing: 0; }

img { vertical-align: bottom; }

button, input[type=button] { overflow: visible; box-sizing: content-box; }

label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

button, input, select, textarea { margin: 0; }

button, input[type=button] { width: auto; overflow: visible; }

input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { padding: 0; margin: 0; }

body { background: #FFF; font: 14px/30px "Microsoft Yahei"; min-width: 1200px; }

.cl:before, .cl:after { content: ""; display: block; height: 0; overflow: hidden; }

.cl:after { clear: both; }

.fl { float: left; }

.fr { float: right; }

.f18 { font-size: 18px; }

.f16 { font-size: 16px; }

.fw7 { font-weight: 700; }

.fw4 { font-weight: 400; }

.pr { position: relative; }

.pa { position: absolute; }

.vm { vertical-align: middle; }

.tac { text-align: center; }

.none { display: none; }

a { color: #140d0d; text-decoration: none; }

a:hover { color: #db4828; }

.a1 { color: #db4828; }

.wrap { width: 1200px; margin-left: auto; margin-right: auto; }

.main_menu { height: 64px; background: rgba(255, 255, 255, 0.81); line-height: 64px; }
.main_menu .menu_wrap { margin-right: auto; margin-left: auto; width: 1200px; }
.main_menu li { float: left; }
.main_menu li:before { content: ""; display: inline-block; width: 1px; height: 14px; vertical-align: middle; background: #cfcfcf; }
.main_menu li:first-child:before { display: none; }
.main_menu li.on a { color: #db4828; font-weight: 700; }
.main_menu li.on a:before { opacity: 1; }
.main_menu li.newsIcon{background: url("search-hot.gif") 108px 13px no-repeat;}
.main_menu li a { display: inline-block; padding: 0 30px; height: 100%; font: 16px/64px "Microsoft Yahei"; color: #000; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; position: relative; }
.main_menu li a:hover { color: #db4828; }
.main_menu li a:hover:before { opacity: 1; }
.main_menu li a:before { content: ""; position: absolute; height: 4px; background: #db4828; opacity: 0; width: calc(100% - 60px); top: 47px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.hero .slogan{ position:absolute; width:600px; height:292px; left:300px; top:0px;}

.hero { background: url("bg.jpg") 50% 0 no-repeat;}
.hero .flImg{display: none; position: absolute; right: -133px; top: 0; cursor: pointer;}
.addBox{position: absolute; width: 406px; height: 110px; position: absolute; right: 0; top: 495px;}
.cardBox{float: left; width: 112px;}
.cardBox strong{display: block; width: 102px; height: 110px; background: #FFF; border-radius: 10px; font-size: 12px; color: #000; text-align: center; font-weight: normal; line-height: 16px;}
.cardBox span{display: block; padding: 6px 0 0 0;}
.cardBox img{display: block; width: 86px; height: 86px; margin: 0 auto;}
.addDown{float: left; width: 179px;}
.addDown a{display: block; width: 169px; height: 49px; background: url(btn.png) no-repeat 0 1px; overflow: hidden; text-indent: -999px;}
.addDown a.ios{background-position: 0 1px; margin-bottom: 10px;}
.addDown a.and{background-position: 0 -60px;}
.addBtns{float: left; width: 114px;}
.addBtns a{width: 104px; height: 110px; overflow: hidden; text-indent: -9999px; display: block;}
.addBtns a.yy{background: url(btn.png) no-repeat -179px 0;}
.addBtns a.lb1{background: url(btn.png) no-repeat -292px 0;}
.addBtns a.lb2{background: url(btn.png) no-repeat -406px 0;}

.btn_v_bg{ position:absolute; width:65px; height:72px; left:370px; top:86px; background:url(btn_v_bg.png);}
.btn_v_bg img{ display:block; width:65px; height:72px; cursor:pointer; animation:key_play 0.5s alternate infinite; -webkit-animation:key_play 0.5s alternate infinite; -moz-animation:key_play 0.5s alternate infinite; -ms-animation:key_play 0.5s alternate infinite;}
@keyframes key_play{
	0%{transform:scale(1)}
	100%{transform:scale(1.2)}
}
@-webkit-keyframes key_play{
	0%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(1.2)}
}
@-moz-keyframes key_play{
	0%{-moz-transform:scale(1)}
	100%{-moz-transform:scale(1.2)}
}
@-ms-keyframes key_play{
	0%{-ms-transform:scale(1)}
	100%{-ms-transform:scale(1.2)}
}


.wmgameFooter {background: #282a2c;font-size: 16px;font-family: "Microsoft YaHei";color: #81868c;text-align: center;line-height: 24px;padding:30px 0;}
.hero .logo { top: -8px; left: 5px; width: 170px;}
.hero .logo img { width: 100%; }
.hero .wrap { height: 636px; }
.hero .book { bottom: 0; left: 0; background: rgba(255, 255, 255, 0.59); border: 1px solid #FFF; border-bottom: 0 none; padding: 5px 8px 5px 0; white-space: nowrap; word-break: keep-all; }
.hero .txt { writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; *writing-mode: tb-rl; color: #000; font-size: 14px; display: block; width: 22px; line-height: 22px; letter-spacing: 2px; padding-top: 8px; }
.hero .qr { background: url("wx_qr_bg.png") 0 0 no-repeat; width: 127px; height: 127px; float: left; }
.hero .qr img { margin-top: 10px; width: 110px; }
.hero .music { position: absolute; left: 50%; width: 20px; height: 20px; margin-left: 610px; top: -42px; display: none; }
.hero .music span { position: absolute; width: 2px; left: 0; bottom: 0; background-color: #000; }
.hero .music span:nth-child(1) { left: 0; height: 13px; }
.hero .music span:nth-child(2) { left: 5px; height: 19px; }
.hero .music span:nth-child(3) { left: 10px; height: 17px; }
.hero .music span:nth-child(4) { left: 15px; height: 11px; }
.hero .music.active span { -webkit-animation: musicShort .4s linear infinite both alternate; animation: musicShort .4s linear infinite both alternate; }
.hero .music.active span:nth-child(2) { -webkit-animation-name: musicLong; animation-name: musicLong; -webkit-animation-delay: .2s; animation-delay: .2s; }
.hero .music.active span:nth-child(3) { -webkit-animation-delay: .3s; animation-delay: .3s; }
.hero .music.active span:nth-child(4) { -webkit-animation-name: musicLong; animation-name: musicLong; -webkit-animation-delay: .4s; animation-delay: .4s; }
.hero .music.pause .audio-anim span { -webkit-animation: none; animation: none; }
.hero .btns { margin-left: 7px; width: 212px; box-sizing: border-box; }
.hero .btns a { display: block; height: 56px; background: #999; color: #FFF; margin-top: 6px; font: 16px/56px "Microsoft Yahei"; padding-left: 20px; border-radius: 5px; }
.hero .btns a:before { content: ""; display: inline-block; width: 24px; height: 27px; margin-right: 20px; vertical-align: middle; background: url("icons.png") -470px -580px no-repeat; }
.hero .btns a.ios { background: #3698d7; }
.hero .btns a.ios:before { background-position: -440px -580px; width: 23px; height: 26px; margin-right: 21px; }
.hero .book-btn, .hero .activation-btn { background: url("bookbtn.png") -1px 0 no-repeat; width: 126px; height: 126px; margin-left: 6px; margin-top: 1px; text-indent: -999em; outline: none; }
.hero .activation-btn { background-image: url("activebtn.png"); }

.prompt { position: relative; display: none; }

.prompt_bespoke { width: 485px; font-size: 14px; color: #000; }

.prompt_bespoke .close { position: absolute; top: -38px; right: -40px; display: block; width: 45px; height: 45px; background: url(prompt_bespoke_close.png) no-repeat 0 0; }

.prompt_bespoke h2.title { text-align: center; font-weight: bold; }

.prompt_bespoke .tip { margin: 0 auto; width: 358px; text-align: center; height: 42px; line-height: 42px; border-top: 1px solid #d8aa96; }

#prompt_bespoke { height: 410px; background: url(prompt_bespoke.png) no-repeat 0 0; }

#prompt_bespoke h2.title { padding: 25px 0 15px 0; font-size: 20px; color: #000; }

#prompt_bespoke table { width: 460px; height: 160px; margin: 0 auto; }

#prompt_bespoke th, #prompt_bespoke td { padding-top: 10px; height: 33px; }

#prompt_bespoke th { width: 103px; text-align: right; padding-right: 15px; font-size: 16px; }

#prompt_bespoke th span { font-size: 10px; color: #840900; vertical-align: middle; margin-right: 5px; }

#prompt_bespoke td label { margin-right: 48px; cursor: pointer; }

#prompt_bespoke td label input { display: none; }

#prompt_bespoke td label span { margin-right: 8px; display: inline-block; width: 14px; height: 14px; border-radius: 7px; border: 1px solid #b8ab8f; vertical-align: -3px; }

#prompt_bespoke td label span.on { background: url(system.png) no-repeat center center; }

#prompt_bespoke td input.text { width: 299px; height: 31px; line-height: 31px; padding: 0 5px; border: 1px solid #b6a98d; color: #888; background: none; }

#prompt_bespoke td input.text.code { width: 205px; }

#prompt_bespoke td .get_code { display: inline-block; margin-left: 5px; width: 88px; height: 29px; line-height: 29px; text-align: center; background-color: #ee6231; border-radius: 5px; color: #FFF; }

#prompt_bespoke .prompt_bespoke_btn { display: block; margin: 18px auto 28px auto; width: 201px; height: 60px; background: url(prompt_bespoke_btn.png) no-repeat 0 0; }

/*#prompt_bespoke_success { height: 360px; background: url(prompt_bespoke_success.png) no-repeat 0 0; }*/
#prompt_bespoke_success { height: 410px; background: url(prompt_bespoke.png) no-repeat 0 0 }

#prompt_bespoke_success h2.title { padding: 40px 0 10px 0; font-size: 26px; color: #b31808; }

#prompt_bespoke_success img { display: block; margin: 0 auto; width: 136px; height: 136px; }

#prompt_bespoke_success .text { padding: 10px 0 15px 0; text-align: center; line-height: 20px; color: #727272; }

#prompt_bespoke_success .text .col { color: #b31808; }

.side-nav { position: fixed; z-index: 1000; left: 0px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.side-nav .ctrl-btn { background: url(btn_shouqi.png); width: 30px; height: 95px; position: absolute; right: -30px; top: 17px; cursor: pointer; }
.side-nav .ctrl-btn.unfold { background: url(btn_zhankai.png);}
.side-nav .side-box { width: 216px; height:742px; color: #7b6936; background: url(l_bar_bg.png); }
.side-nav .side-box a { color: #FFF; }
.side-nav .txt { padding-top:16px; overflow: hidden;}
.side-nav dl { position: relative; white-space: nowrap; padding-top: 10px; width: 182px; margin: -3px auto 15px; line-height: 20px; }
.side-nav dl:before { content: ""; position: absolute; background: url("side-icon.png") 0 -198px no-repeat; width: 181px; height: 2px; left: 50%; margin-left: -90px; top: -2px; opacity: 0.35; }
.side-nav .title { font: 700 16px/34px "Microsoft Yahei"; color: #7b6936; }
.color_red{ color:#aa2524}
.side-nav .title:before { content: ""; display: inline-block; vertical-align: middle; background: url(l_weixin.png) ; width: 33px; height: 33px; margin-right: 7px; }
.side-nav .title2:before{ background: none;}
.side-nav .side-item2 .title:before {background: url(l_weibo.png) ;}
.side-nav .side-item3 .title:before {background: url(l_qq.png) ;}
.side-nav .qr { display: block; margin: 9px auto 3px; background: url(ma_bg.png); width: 121px; height: 121px; text-align: center; line-height: 121px; }
.side-nav .qr img { width: 97px; vertical-align: middle; }
.side-nav p.tac span { text-align: left; display: inline-block; }
.side-nav .side-item3 p { line-height: 24px; padding-top: 7px; }
.side-nav .side-item3 dd{ padding-top:12px;}
.side-nav .side-item3 p a.fr { display: inline-block; background: url("side-icon.png") -80px -130px no-repeat; width: 66px; height: 24px; text-align: center; margin-right: -5px; }

.news-area {  height: 446px; background: url("news-area-bg.jpg") 50% 0 no-repeat; }
.news-area .wrap { background: #FFF; }
.news-area .news-slide { width: 620px; z-index: 10; }
.news-area .news-slide .news-slide-box { height: 375px; overflow: hidden; }
.news-area .news-slide .hd { height: 16px; position: absolute; right: 17px; bottom: 20px; z-index: 10; }
.news-area .news-slide .hd ul { float: right; }
.news-area .news-slide .hd ul li { border-radius: 8px; width: 16px; background: #FFF; text-indent: -99em; height: 16px; float: left; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: #eeeded; margin: 0 9px; }
.news-area .news-slide .hd ul li.on { width: 43px; }
.news-area .news-slide .bd li { height: 100%; }
.news-area .news-slide .bd li a { display: block; height: 100%; }
.news-area .news-r { width: 537px; margin-left: 20px; }
.news-area .news-focus { padding: 15px 0; background: url("line3.png") 0 100% repeat-x; }
.news-area .news-focus dt { width: 147px; height: 88px; margin-right: 20px; }
.news-area .news-focus dt img { width: 147px; height: 88px; }
.news-area .news-focus dd { margin-right: 12px; }
.news-area .news-focus dd p { line-height: 20px; height: 40px; color: #313131; }
.news-area .news-focus dd p a { color: #313131; }
.news-area .news-focus h2 { font: 700 20px/40px "Microsoft Yahei"; color: #313131; height: 40px; overflow: hidden; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal; }
.news-area .news-focus h2 a { color: #313131; }
.news-area .news-focus h2 a:hover { color: #db4828; }
.news-area .glim { top: -13px; right: -53px; }
.news-area .bottom-line { width: 100%; height: 1px; left: 0; bottom: 0; background-color: #e8e8e8; }
.news-area .news-list .hd { border-bottom: 1px solid #dadada; }
.news-area .news-list .hd li { float: left; padding-right: 60px; color: #000; font: 700 16px/46px "Microsoft Yahei"; height: 46px; }
.news-area .news-list .hd li a { color: #000; padding: 0 2px; position: relative; display: inline-block; height: 100%; }
.news-area .news-list .hd li a:before { position: relative; bottom: -44px; content: ""; height: 3px; display: block; }
.news-area .news-list .hd li.on a { color: #db4828; }
.news-area .news-list .hd li.on a:before { background-color: #db4828; }
.news-area .news-list .bd .box { padding-top: 12px; margin-left: -3px; }
.news-area .news-list .bd .box .more { position: absolute; background: url("icons.png") -420px -20px no-repeat; width: 24px; height: 24px; right: 0; top: -32px; }
.news-area .news-list .bd li { height: 37px; overflow: hidden; color: #c0c0c0; }
.news-area .news-list .bd li a { max-width: 410px; display: inline-block; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal; }

.m-title { background: url("icons.png") 0 -100px no-repeat; width: 1140px; height: 53px; text-indent: -9999em; margin-left: auto; margin-right: auto; }

.role-area { background: url("role-bg.jpg") 50% 100% no-repeat; height: 1043px; overflow: hidden; }
.role-area .m-title { background-position: 0 -100px; }
.role-area .wrap { height: 812px; }
.role-area .hd { width: 698px; margin: 29px auto 0; box-sizing: border-box; position: relative; z-index: 1; }
.role-area .hd:before { content: ""; position: absolute; background: url("icons.png") -540px -920px no-repeat; width: 11px; height: 48px; left: -11px; top: 0; }
.role-area .hd:after { content: ""; position: absolute; background: url("icons.png") -561px -920px no-repeat; width: 11px; height: 48px; right: -11px; top: 0; }
.role-area .hd ul { height: 46px; border-top: 1px solid #cadcef; border-bottom: 1px solid #cadcef; background: #d7e6f5; text-align: center; line-height: 46px; font-size: 0; }
.role-area .hd li { display: inline-block; width: 112px; height: 34px; font: 18px/34px "Microsoft Yahei"; color: #000; vertical-align: middle; cursor: pointer; position: relative; margin: 0 30px; }
.role-area .hd li:after { content: ""; position: absolute; background: url("icons.png") -970px 0; width: 9px; height: 16px; top: 50%; margin-top: -8px; right: -30px; }
.role-area .hd li:last-child:after { display: none; }
.role-area .hd li.on { background: url("icons.png") -840px 0; color: #FFF; font-weight: 700; }
.role-area .bd { height: 557px; margin-top: 123px; }
.role-area .bd .role-box { position: relative; height: 100%; }
.role-area .prev, .role-area .next { width: 30px; height: 60px; background: url("icons.png") 0 0 no-repeat; top: 380px; cursor: pointer; }
.role-area .prev { left: 7px; background-position: -280px 0; }
.role-area .prev:hover { background-position: -1000px 0; }
.role-area .next { right: 19px; background-position: -330px 0; }
.role-area .next:hover { background-position: -1040px 0; }
.role-area .role-box { color: #FFF; }
.role-area .role-box .feature { margin-left: -13px; }
.role-area .role-box .dfcut { line-height: 24px; font-size: 18px; margin-top: 15px; }
.role-area .role-box .dfcut span { display: inline-block; background: url("icons.png") -770px 0 no-repeat; width: 23px; height: 23px; margin-right: 5px; vertical-align: middle; }
.role-area .role-box .dfcut .half { background-position: -800px 0; }
.role-area .role-box .info { top: 46px; left: 78px; z-index: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; z-index: 1; }
.role-area .role-box .info .link { padding-top: 8px; }
.role-area .role-box .info .link a { display: block; width: 143px; height: 43px; outline: none; text-indent: -999em; background: url("icons.png") -450px 0 no-repeat; margin-top: 6px; }
.role-area .role-box .info .link .whole { background-position: -610px 0; }
.role-area .role-box .sel-sex { margin: 28px 0 -3px; }
.role-area .role-box .sel-sex span { display: inline-block; width: 40px; height: 40px; margin-right: 14px; background: url("icons.png") -160px 0 no-repeat; }
.role-area .role-box .sel-sex .men:hover, .role-area .role-box .sel-sex .men.on { background-position: -60px 0; }
.role-area .role-box .sel-sex .women { background-position: -210px 0; }
.role-area .role-box .sel-sex .women:hover, .role-area .role-box .sel-sex .women.on { background-position: -110px 0; }
.role-area .role-box .role-women, .role-area .role-box .role-men { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; }
.role-area .role-box .spokesman { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; right: 100px; top: 132px; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; }
.role-area .role-box.role1 .role-men { left: 186px; top: -98px; }
.role-area .role-box.role1 .role-women { left: 186px; top: -98px; }
.role-area .role-box.role2 .role-men { left: 146px; top: -65px; } 
.role-area .role-box.role2 .role-women { left: 146px; top: -46px; }
.role-area .role-box.role3 .role-men { left: 250px; top: -140px; }
.role-area .role-box.role3 .role-women { left: 310px; top: -97px; }
.role-area .role-box.role4 .role-men { left: 189px; top: -120px; }
.role-area .role-box.role4 .role-women { left: 189px; top: -134px; }

.section1 { background: url("section01-bg.jpg") 50% 0 no-repeat; height: 683px; overflow: hidden; }
.section1 .m-title { background-position: 0 -180px; }
.section1 .swiper-cont { width: 100%; max-width: 1712px; margin: 55px auto 0; overflow: hidden; height: 476px; position: relative; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
.section1 .swiper-cont .swiper-slide { overflow: hidden; }
.section1 .swiper-cont .swiper-slide img { width: 860px; height: 420px; }
.section1 .swiper-cont .swiper-slide a { display: block; width: 860px; height: 420px; }
.section1 .swiper-cont .swiper-slide a:after { content: ""; position: absolute; background: url("slide-bg.png"); width: 100%; height: 100%; left: 0; top: 0; }
.section1 .swiper-cont .zc-pagination { position: absolute; bottom: 0; height: 21px; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url("line1.png") 0 50% repeat-x; padding: 0 22px; }
.section1 .swiper-cont .zc-pagination:before, .section1 .swiper-cont .zc-pagination:after { content: ""; background: url("icons.png") -420px 0 no-repeat; width: 11px; height: 11px; top: 50%; margin-top: -5px; position: absolute; }
.section1 .swiper-cont .zc-pagination:before { left: -11px; }
.section1 .swiper-cont .zc-pagination:after { right: -11px; }
.section1 .swiper-cont .zc-pagination span { display: inline-block; background: url("icons.png") -390px 0 no-repeat; width: 21px; height: 21px; cursor: pointer; margin: 0 34px; }
.section1 .swiper-cont .zc-pagination .swiper-active-switch { background-position: -390px -30px; }
.section1 .swiper-container { width: 2580px; position: absolute; left: 50%; margin-left: -1290px; height: 420px; overflow: hidden; }
.section1 .btn-swiper { width: 30px; height: 336px; position: absolute; top: 42px; width: calc(50% - 430px); cursor: pointer; z-index: 10; }
.section1 .btn-swiper:after { content: ""; position: absolute; background: url(icons.png) 0 0 no-repeat; width: 30px; height: 60px; top: 50%; margin-top: -30px; }
.section1 .btn-prev { left: 0; }
.section1 .btn-prev:after { right: 60px; background-position: -280px 0; }
.section1 .btn-next { right: 0; width: calc(50% - 430px); background-position: -280px 0; }
.section1 .btn-next:after { left: 60px; background-position: -330px 0; }

.section2 { overflow: hidden; background: url("section02-bg.jpg") 50% 0 no-repeat; }
.section2 .m-title { background-position: 0 -260px; }
.section2 .wrap { height: 706px; }
.section2 .video-area .hd { margin-top: 43px; }
.section2 .video-area .hd ul { font-size: 0; line-height: 0; text-align: center; }
.section2 .video-area .hd li { position: relative; display: inline-block; height: 32px; margin: 0 40px; }
.section2 .video-area .hd li:before { content: ""; background: #a6a6a6; height: 16px; top: 50%; position: absolute; width: 1px; margin-top: -8px; left: -40px; }
.section2 .video-area .hd li:first-child:before { display: none; }
.section2 .video-area .hd li.on span { color: #FFF; background-position: -10px 0; }
.section2 .video-area .hd li.on span:before { background-position: 0 0; }
.section2 .video-area .hd li.on span:after { background-position: 100% 0; }
.section2 .video-area .hd li span { background: url("menu-bg.jpg") -500px -100px no-repeat; font: 16px/32px "Microsoft Yahei"; display: inline-block; position: relative; min-width: 89px; color: #000; cursor: pointer; }
.section2 .video-area .hd li span:before, .section2 .video-area .hd li span:after { content: ""; position: absolute; width: 10px; height: 100%; top: 0; background: url("menu-bg.jpg") -500px -100px no-repeat; }
.section2 .video-area .hd li span:before { background-position: -500px -100px; left: -10px; }
.section2 .video-area .hd li span:after { background-position: -500px -100px; right: -10px; }
.section2 .video-area .hd .more { width: 67px; height: 21px; box-sizing: border-box; text-align: center; border: 1px solid #b9b9b9; color: #000; font: 16px/18px "Microsoft Yahei"; display: inline-block !important; }
.section2 .video-area .hd .more a { color: #000; font: 16px/18px "Microsoft Yahei"; }
.section2 .video-area .hd .more a:hover { color: #db4828; border-color: #db4828; }
.section2 .bd { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
.section2 .viedo-box { position: relative; }
.section2 .viedo-box ul { margin-left: -8px; margin-top: 35px; }
.section2 .viedo-box li { float: left; margin-left: 10px; width: 292px; margin-bottom: 6px; }
.section2 .viedo-box li a { display: block; position: relative; }
.section2 .viedo-box li a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.section2 .viedo-box li a:hover i { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.section2 .viedo-box li a i { position: absolute; background: url("icons.png") -60px -580px no-repeat; width: 44px; height: 44px; left: 50%; margin-left: -22px; top: 65px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.section2 .viedo-box li a .txt { display: block; font: 16px/52px "Microsoft Yahei"; color: #000; height: 52px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal; }
.section2 .viedo-box li a .cover { display: block; height: 175px; overflow: hidden; }
.section2 .viedo-box li a .cover img { height: 175px; width: 292px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

.section3 { overflow: hidden; background: url("section03-bg.jpg") 50% 0 no-repeat; }
.section3 .wrap { height: 866px; }
.section3 .faq-qr-wrap { padding-top: 115px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
.section3 .m-title { background-position: 0 -360px; width: 937px; height: 26px; }
.section3 .qr-list { margin-top: 67px; height: 219px; }
.section3 .qr-list span { display: inline-block; background: url("icons.png") 0 -430px no-repeat; margin: 0 25px; width: 242px; height: 134px; position: relative; }
.section3 .qr-list .tb { background-position: -260px -430px; }
.section3 .qr-list .faq { background-position: -520px -430px; }
.section3 .qr-list .wx { background-position: 0px -1013px; }
.section3 .qr-list img { position: absolute; width: 90px; height: 90px; top: 13px; right: 13px; }

.videoPop { width: 600px; height: 400px; z-index: 20; border: 10px solid #a69660; background-color: #000;display: none; }
#videoPlay{ width: 600px; height: 400px;}
.closeVideo { position: absolute; height: 73px; width: 73px; right: -73px; top:0; background: url(prompt_video_close.png); background-size: 100% 100%; display: none; cursor: pointer; }

#backTop { color: #d44d41; font: 16px/33px "Microsoft Yahei"; width: 137px; height: 35px; box-sizing: border-box; border: 1px solid #d44d41; display: block; margin: 0 auto; text-align: center; cursor: pointer; }

#zl_backTop { color: #FFF; font: 16px/34px "Microsoft Yahei"; width: 137px; height: 35px; background: #85afc6; display: block; margin: 0 auto; text-align: center; cursor: pointer; }

.zl-hero { background-image: url("zl-hero.jpg"); }
.zl-hero .wrap { height: 918px; }
.zl-hero .book { bottom: auto; top: 674px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; width: 632px; border: 1px solid #FFF; }
.zl-hero .slogan { background: url("slogan.png") 0 0 no-repeat; width: 222px; height: 472px; left: 0; top: 80px; cursor: pointer; }

.zl-m1 { background: url("zl-m1.jpg") 50% 0 no-repeat; }
.zl-m1 .wrap { height: 839px; }
.zl-m1 .m-title { background-position: 0 -640px; }
.zl-m1 .tab01-box { margin-top: 60px; }
.zl-m1 .tab01-box .hd .on span { background-position: -180px -920px; }
.zl-m1 .side-menu { margin: 63px auto 0 38px; width: 1130px; }
.zl-m1 .side-menu h3 { float: right; width: 81px; height: 487px; margin-left: 2px; overflow: hidden; }
.zl-m1 .side-menu h3.cur img { margin-top: -500px; }
.zl-m1 .side-menu div { width: 0; overflow: hidden; float: right; height: 100%; }
.zl-m1 .side-menu.side-menu-1 span { width: 944px; }
.zl-m1 .side-menu.side-menu-2 span { width: 787px; }

.zl-m2 { background-image: url("zl-m2.jpg"); height: 1023px; margin-top: 0; overflow: hidden; }
.zl-m2 .hd:before { background-position: -500px -920px; }
.zl-m2 .hd:after { background-position: -520px -920px; }
.zl-m2 .hd ul { border-top: 1px solid #b2d4eb; border-bottom: 1px solid #b2d4eb; background: #d2eef6; }
.zl-m2 .hd li.on { background-position: -360px -920px; }

.zl-m3 { background: url("zl-m3.jpg") 50% 0 no-repeat; }
.zl-m3 .wrap { height: 745px; }
.zl-m3 .m-title { background-position: 0 -710px; }
.zl-m3 .box { margin-top: 43px; padding-left: 405px; }
.zl-m3 a.more { background: url("icons.png") -800px -580px no-repeat; width: 127px; height: 35px; box-sizing: border-box; padding-left: 43px; font: 16px/34px "Microsoft Yahei"; color: #e0fcf7; top: 482px; left: 102px; }

.game-system-list { padding-top: 10px; }
.game-system-list dt { width: 145px; line-height: 54px; }
.game-system-list dt a { color: #FFF; background: url("menu-bg.jpg") 0 -200px; display: inline-block; padding-left: 9px; height: 32px; line-height: 32px; cursor: default; }
.game-system-list dt span { min-width: 88px; padding-right: 9px; background: url("menu-bg.jpg") 100% -200px; text-align: center; display: inline-block; height: 32px; line-height: 32px; vertical-align: top; }
.game-system-list dd { line-height: 54px; background: url("line4.png"); margin-left: 145px; }
.game-system-list dd a { display: inline-block; padding: 0 16px; margin-right: 15px; height: 54px; vertical-align: top; }

.tab01-box .hd ul { font-size: 0; line-height: 0; text-align: center; }
.tab01-box .hd li { position: relative; margin: 0 40px; display: inline-block; }
.tab01-box .hd li:hover span { color: #1186d4; }
.tab01-box .hd li.on span { background-position: 0 -920px; color: #FFF; }
.tab01-box .hd li:before { content: ""; background: #a6a6a6; height: 28px; top: 50%; position: absolute; width: 1px; margin-top: -14px; left: -40px; }
.tab01-box .hd li:first-child:before { display: none; }
.tab01-box .hd span { display: inline-block; width: 159px; height: 53px; text-align: center; background: url("icons.png") -9999px -9999px no-repeat; font: 26px/52px "Microsoft Yahei"; color: #000; cursor: pointer; }

.zl-m4 { background: url("zl-m4.jpg") 50% 0 no-repeat; }
.zl-m4 .wrap { height: 843px; }
.zl-m4 .m-title { background-position: 0 -780px; }
.zl-m4 .tab01-box { margin-top: 57px; }
.zl-m4 .bd ul { margin-left: -8px; margin-top: 36px; }
.zl-m4 .bd li { margin-left: 10px; width: 292px; height: 175px; margin-bottom: 11px; }
.zl-m4 .bd li a { position: relative; width: 100%; height: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; display: block; }
.zl-m4 .bd li a:hover { -o-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.zl-m4 .bd li img { width: 100%; height: 100%; }
.zl-m4 .bd li span { position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); text-align: center; color: #FFF; font: 16px/40px "Microsoft Yahei"; height: 40px; }

.zl-m5 { background: url("zl-m5.jpg") 50% 0 no-repeat; }
.zl-m5 .wrap { height: 540px; }
.zl-m5 .m-title { background-position: 0 -850px; }
.zl-m5 ul { margin-top: 70px; height: 303px; }
.zl-m5 li { width: 126px; margin: 0 55px; }
.zl-m5 li a { top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.zl-m5 .icon { display: block; background: url("icons.png") -780px -430px no-repeat; height: 126px; line-height: 126px; }
.zl-m5 .icon img { width: 68px; height: 68px; vertical-align: middle; border: 1px solid #bdd3de; }
.zl-m5 p { font: 16px/30px "Microsoft Yahei"; color: #000; }
.zl-m5 p:before, .zl-m5 p:after { content: ""; vertical-align: middle; display: inline-block; background: url("icons.png") -1080px 0 no-repeat; width: 29px; height: 7px; }
.zl-m5 p:before { margin-right: 7px; }
.zl-m5 p:after { background-position: -1080px -10px; margin-left: 7px; }

.page-hero { background: url(inside_top.jpg) 50% 0 no-repeat; }
.page-hero .wrap { height: 513px; }

.page-wrap {  background: url("inside_bot.jpg") 50% bottom no-repeat; padding-bottom:0px; }
.page-wrap .left-area { width: 222px; background: #99b8e9; }
.page-wrap .left-area .ios_down, .page-wrap .left-area .and_down { display: block; height: 45px; background: #999999; color: #FFF; font: 16px/44px "Microsoft Yahei"; padding-left: 15px; border-radius: 4px; width: 171px; margin: 4px auto 0; }
.page-wrap .left-area .ios_down:before, .page-wrap .left-area .and_down:before { content: ""; display: inline-block; width: 20px; height: 24px; margin-right: 10px; vertical-align: middle; background: url("icons.png") -540px -580px no-repeat; }
.page-wrap .left-area .ios_down { background: #0a0a0a; }
.page-wrap .left-area .ios_down:before { background-position: -510px -580px; }
.page-wrap .left-area .other-menu { background: url("other-menu.png") 0 0 repeat-y; width: 207px; padding: 7px 19px 7px 18px; margin: 21px auto 14px; box-sizing: border-box; }
.page-wrap .left-area .other-menu li { display: inline-block; height: 46px; font: 14px/46px "Microsoft Yahei"; width: 82px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.page-wrap .left-area .other-menu li a { color: #FFF; }
.page-wrap .left-area .other-menu li a:hover { text-decoration: underline; }
.page-wrap .left-area .other-menu li:nth-child(even) { width: 81px; border-left: 1px solid rgba(255, 255, 255, 0.15); text-align: right; }
.page-wrap .left-area .other-menu li:nth-last-child(1), .page-wrap .left-area .other-menu li:nth-last-child(2) { border-bottom: 0 none; }
.page-wrap .left-area .m-qr .hd { height: 24px; }
.page-wrap .left-area .m-qr .hd span { width: 73px; height: 23px; border: 1px solid #fff; border-bottom: 0 none; box-sizing: border-box; display: inline-block; font: 16px/22px "Microsoft Yahei"; color: #fff; }
.page-wrap .left-area .m-qr .hd span.on { color: #FFF; background: #4a80d6; border-color: #4a80d6;}
.page-wrap .left-area .f-wb { width: 206px; height: 55px; margin: 0 auto 12px; background: #d96b25; box-sizing: border-box; padding-left: 21px; font: 16px/54px "Microsoft Yahei"; display: block; color: #FFF; }
.page-wrap .left-area .f-wb:before { content: ""; display: inline-block; vertical-align: middle; background: url("icons.png") -570px -580px no-repeat; width: 44px; height: 44px; margin-right: 15px; margin-top: -1px; }
.page-wrap .left-area .backtop { display: inline-block; height: 18px; font: 16px/18px "Microsoft Yahei"; color: #fff; cursor: pointer; }
.page-wrap .left-area .backtop:before { content: ""; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-right: 6px;margin-top: -2px;background: url(top-icon.png) no-repeat center; }
.page-wrap .right-area { width: 950px; min-height: 1000px; padding-bottom:0px;}
.page-wrap .book-btn, .page-wrap .activation-btn { display: block; height: 68px; text-indent: -999em; outline: none; cursor: pointer; }
.page-wrap .book-btn { background: url("bookbtn-s.png"); }
.page-wrap .activation-btn { background: url("activebtn-s.png"); }
.page-wrap .qr-l-1 { margin-top: 27px; }
.page-wrap .left-libao{padding-top: 17px;}
.page-wrap .left-libao a{display: block; width: 222px; height: 68px; overflow: hidden; text-indent: -999px; background: url(leftbtn.png) no-repeat 0 0;}
.page-wrap .left-down{padding-top: 17px;}
.page-wrap .left-down a{display: block; width: 171px; height: 45px; overflow: hidden; text-indent: -999px; background: url(leftbtn.png) no-repeat 0 0; margin: 0 auto; margin-bottom: 4px;}
.page-wrap .left-down a.ios{background-position: -27px -85px;}
.page-wrap .left-down a.and{background-position: -27px -134px;}


.qr-l { width: 161px; margin-left: auto; margin-right: auto; font: 16px/22px "Microsoft Yahei"; color: #fff; margin-bottom: 10px; }
.qr-l dt { background: url("inside_ma_bg.png") ; width: 161px; height: 161px; line-height: 161px; margin-bottom: 12px; }
.qr-l dt img { width: 135px; height: 135px; vertical-align: middle; }

.pagetitle { padding-top: 35px; }
.pagetitle h2 { font: 700 26px/28px "Microsoft Yahei"; }
.pagetitle h2 .en { height: 28px; vertical-align: baseline; color: #b3b3b3; font-size: 16px; font-weight: 400; position: relative; margin-left: 16px; }
.pagetitle h2 .en:before { content: ""; position: absolute; background: url("icons.png") -970px -20px; width: 9px; height: 23px; vertical-align: middle; left: -8px; top: -3px; }

.crumbs { text-align: right; font: 16px/20px "Microsoft Yahei"; color: #7d7d7d; }
.crumbs a { color: #7d7d7d; padding: 0 3px; }
.crumbs a:hover { color: #db4828; }
.crumbs:after { content: ""; margin-top: 7px; display: block; height: 1px; background: #cbcbcb; margin-left: -28px; }

.title-s2 ul { font-size: 0; line-height: 0; text-align: center; }
.title-s2 li { position: relative; margin: 0 90px; display: inline-block; }
.title-s2 li.on span, .title-s2 li.on a { background-position: -300px -580px; color: #1186d4; font-weight: 700; }
.title-s2 li:hover span, .title-s2 li:hover a { color: #1186d4; }
.title-s2 li:before { content: ""; background: #a6a6a6; height: 18px; top: 50%; position: absolute; width: 1px; margin-top: -9px; left: -90px; }
.title-s2 li:first-child:before { display: none; }
.title-s2 span, .title-s2 a { display: inline-block; width: 128px; height: 43px; text-align: center; background: url("icons.png") -9999px -9999px no-repeat; font: 18px/42px "Microsoft Yahei"; color: #000; cursor: pointer; }

.title-s ul { font-size: 0; line-height: 0; text-align: center; }
.title-s li { position: relative; margin: 0 80px; display: inline-block; }
.title-s li.on:hover span, .title-s li.on:hover a { color: #FFF; }
.title-s li.on span, .title-s li.on a { background:url(inside_tab.png);color: #FFF; font-weight: 700; }
.title-s li:hover span, .title-s li:hover a { color: #1186d4; }
.title-s li:before { content: ""; background: #a6a6a6; height: 18px; top: 50%; position: absolute; width: 1px; margin-top: -9px; left: -80px; }
.title-s li:first-child:before { display: none; }
.title-s span, .title-s a { display: inline-block; width: 142px; height: 46px; text-align: center; background: url("icons.png") -9999px -9999px no-repeat; font: 18px/46px "Microsoft Yahei"; color: #000; cursor: pointer; }

.pic-list-wrap .title-s { margin: 40px 0 30px; }

.pic-list ul { margin-left: -36px; }
.pic-list li { float: left; width: 252px; margin: 0 23px 0  49px; height: 243px; }
.pic-list span { display: block; text-align: center; margin-top: 5px; font: 14px/24px "Microsoft Yahei"; color: #000; }
.pic-list img { width: 252px; height: 151px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.pic-list a { display: block; }
.pic-list a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.pic-list a:hover span { color: #db4828; }

.page { text-align: center; }
.page li{ border: 1px solid #40a4d2; min-width: 25px;  text-align: center; padding: 0 8px; margin: 0 7px;display: inline-block;}
.page li a {font-size: 25px; font: 18px/24px "Microsoft Yahei"; color: #000;}
.page li:hover{ background: #e0e0e0; }
.page li.active{background: #e0e0e0; }

.category-nav { padding-top: 28px; }
.category-nav li { margin: 0 6px 0 18px;}
.category-nav li.on a { color: #FFF; background: url("icons.png") -660px -580px no-repeat; }
.category-nav a { display: inline-block; width: 109px; height: 45px; text-align: center; font: 22px/44px "Microsoft Yahei"; color: #4a4a4a; }
.category-nav a:hover { color: #db4828; }

.arc-list { padding-bottom: 69px; }
.arc-list li { border-bottom: 1px dotted #7d7d7d; height: 78px; line-height: 78px; }
.arc-list i { display: inline-block; position: relative; min-width: 48px; padding: 0 6px; box-sizing: border-box; color: #FFF; background: #8bb4db; height: 23px; font: normal 18px/22px "Microsoft Yahei"; margin-top: 28px; margin-right: 25px; vertical-align: top; }
.arc-list i:before, .arc-list i:after { content: ""; position: absolute; left: 0; width: 100%; border-left: 3px solid #FFF; border-right: 3px solid #FFF; height: 3px; background: #8bb4db; box-sizing: border-box; }
.arc-list i:before { top: 0; }
.arc-list i:after { bottom: 0; }
.arc-list a { display: inline-block; max-width: 700px; height: 24px; margin-top: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal; font: 18px/24px "Microsoft Yahei"; color: #000; vertical-align: top; }
.arc-list a:hover { color: #db4828; }
.arc-list span.fr { color: #7d7d7d; font-size: 18px; padding-right: 8px; }

.article-wrap { min-height:800px; width: 910px; }
.article-wrap .art-title { padding: 40px 0; }
.article-wrap .art-title h1 { font: 700 30px/45px "Microsoft Yahei"; text-align: center; color: #353535; }
.article-wrap .art-title p { color: #525252; margin-top: 5px; }
.article-wrap .art-title .time { margin-left: 50px; }
.article-wrap .art-bd { font: 16px/24px "Microsoft Yahei"; color: #525252; }
.article-wrap .art-bd p { margin-top: 20px; }
.article-wrap .art-bd span{white-space:normal !important;}
.article-wrap .art-bd img { max-width: 100%; }
.article-wrap .art-bd iframe, .article-wrap .art-bd video, .article-wrap .art-bd embed { max-width: 100%; margin-left: auto; margin-right: auto; }

.swiper-slide-shadow-right, .swiper-slide-shadow-left { background: rgba(255, 255, 255, 0.18); }

.active .pulse { -webkit-animation-name: pulse; -ms-animation-name: pulse; animation-name: pulse; animation-name: pulse; }

.active .bounceInLeft { -webkit-animation-name: bounceInLeft; -ms-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; animation-name: bounceInLeft; }

.active .bounceInRight { -webkit-animation-name: bounceInRight; -ms-animation-name: bounceInRight; -moz-animation-name: bounceInRight; animation-name: bounceInRight; }

.active .slideInUp { -webkit-animation-name: slideInUp; -ms-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; }

/***Animation****/
@-webkit-keyframes musicShort { 0% { height: 0; }
  100% { height: 11px; } }
@-ms-keyframes musicShort { 0% { height: 0; }
  100% { height: 11px; } }
@-moz-keyframes musicLong { 0% { height: 0; }
  100% { height: 19px; } }
@keyframes musicLong { 0% { height: 0; }
  100% { height: 19px; } }
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); } }
@-ms-keyframes pulse { from { -ms-transform: scale3d(1, 1, 1); }
  50% { -ms-transform: scale3d(1.05, 1.05, 1.05); }
  to { -ms-transform: scale3d(1, 1, 1); } }
@-moz-keyframes pulse { from { -moz-transform: scale3d(1, 1, 1); }
  50% { -moz-transform: scale3d(1.05, 1.05, 1.05); }
  to { -moz-transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  to { transform: scale3d(1, 1, 1); } }
@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none; } }
@-ms-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -ms-transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -ms-transform: translate3d(25px, 0, 0); }
  75% { -ms-transform: translate3d(-10px, 0, 0); }
  90% { -ms-transform: translate3d(5px, 0, 0); }
  to { -ms-transform: none; } }
@-moz-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -moz-transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -moz-transform: translate3d(25px, 0, 0); }
  75% { -moz-transform: translate3d(-10px, 0, 0); }
  90% { -moz-transform: translate3d(5px, 0, 0); }
  to { -moz-transform: none; } }
@keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; transform: translate3d(25px, 0, 0); }
  75% { transform: translate3d(-10px, 0, 0); }
  90% { transform: translate3d(5px, 0, 0); }
  to { transform: none; } }
@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none; } }
@-ms-keyframes bounceInRight { from, 60%, 75%, 90%, to { -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -ms-transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -ms-transform: translate3d(-25px, 0, 0); }
  75% { -ms-transform: translate3d(10px, 0, 0); }
  90% { -ms-transform: translate3d(-5px, 0, 0); }
  to { -ms-transform: none; } }
@-moz-keyframes bounceInRight { from, 60%, 75%, 90%, to { -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -moz-transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -moz-transform: translate3d(-25px, 0, 0); }
  75% { -moz-transform: translate3d(10px, 0, 0); }
  90% { -moz-transform: translate3d(-5px, 0, 0); }
  to { -moz-transform: none; } }
@keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
  75% { transform: translate3d(10px, 0, 0); }
  90% { transform: translate3d(-5px, 0, 0); }
  to { transform: none; } }
@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); } }
@-ms-keyframes slideInUp { from { -ms-transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -ms-transform: translate3d(0, 0, 0); } }
@-moz-keyframes slideInUp { from { -moz-transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -moz-transform: translate3d(0, 0, 0); } }
@keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; }
  to { transform: translate3d(0, 0, 0); } }
@media \0screen\,screen\9 { .hero .main_menu { background: #FFF; filter: alpha(opacity=81); } }

/* r_bar */
.r_bar{ position:fixed; width:170px; top:64px; right:28px; z-index:120; }
.line_box{ width:170px; background:url(bar_line.png) center top repeat-y;}
.btn_enter{ display:block; width:170px; height:97px;background:url(btn_enter.png); text-indent:-9999px; overflow:hidden;}
.bar_ma{ width:128px; height:131px; margin:15px auto 0; padding-top:7px; font-size:14px;line-height:14px;  color:#8c8c8c; text-align:center; background-color:#fff; border:1px solid #deca80; border-radius:10px;}
.bar_ma img{ display:block; width:110px; height:110px; margin:0 auto;}
.r_btn_jihuo,.r_btn_xiazai{ display:block; width:130px; height:41px; margin:13px auto 0; background:url(btn_jihuo.png)}
.r_btn_xiazai{ background:url(btn_xiazai.png); cursor:pointer;}
.r_btn_yuyue{display:block; width:130px; height:72px; margin:23px auto 0; background:url(btn_yuyue.png); cursor:pointer;}
.mao{ display:block; width:130px; margin:0 auto;animation:key_mao 2s linear infinite;-webkit-animation:key_mao 2s linear infinite;-ms-animation:key_mao 2s linear infinite;-moz-animation:key_mao 2s linear infinite; transform-origin:50% 0; -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; -moz-transform-origin:50% 0;}
@keyframes key_mao{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(10deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(-10deg)}
	100%{transform:rotate(0deg)}
}
@-webkit-keyframes key_mao{
	0%{-webkit-transform:rotate(0deg)}
	25%{-webkit-transform:rotate(10deg)}
	50%{-webkit-transform:rotate(0deg)}
	75%{-webkit-transform:rotate(-10deg)}
	100%{-webkit-transform:rotate(0deg)}
}
@-ms-keyframes key_mao{
	0%{-ms-transform:rotate(0deg)}
	25%{-ms-transform:rotate(10deg)}
	50%{-ms-transform:rotate(0deg)}
	75%{-ms-transform:rotate(-10deg)}
	100%{-ms-transform:rotate(0deg)}
}
@-moz-keyframes key_mao{
	0%{-moz-transform:rotate(0deg)}
	25%{-moz-transform:rotate(10deg)}
	50%{-moz-transform:rotate(0deg)}
	75%{-moz-transform:rotate(-10deg)}
	100%{-moz-transform:rotate(0deg)}
}
.bar_pop_down{ display:none; position:absolute; width:265px; left:-260px; top:250px;}
.close_pop_down{ position:absolute; width:34px; height:34px; right:0; top:0; background:url(icon_close.png); cursor:pointer;}
.pop_down_wrap{width:265px;}
.pop_down_pp{ width:265px;background:url(bar_pop_pp.png) center top repeat-y;}
.pop_down_row{ width:213px; height:138px; margin:0 auto; overflow:hidden;}
.pop_down_one{ width:97px; height:138px; overflow:hidden; margin: 0 auto;}
.pop_down_one img{ width:87px; height:87px; padding:4px; background-color:#fff; border:1px solid #b88a87; border-radius:8px;}
.bar_down_link{ display:block; width:97px; height:29px; margin-top:12px; font:normal 14px/29px "微软雅黑"; color:#fcf0d7; text-align:center; background-color:#a40d07; border-radius:8px;}
.bar_down_link:hover{ color:#fcf0d7;}
.down_line{ width:219px; height:1px; margin:11px auto; line-height:0; border-top:1px solid #cd7869; overflow:hidden;}
.btn_hui{ background-color:#646464; cursor:default;}
.pop_down_one img.img_hui{ background-color:#fcf2dc; border:1px solid #f3e3cd;}
.pop_down_tip{ width:213px; margin:10px auto 0; font:normal 14px/18px "微软雅黑"; color:#4b2718;}

/* down_bar */
.yyDoor{ display:block;position:fixed;width:284px;height:178px;bottom:14px; right:200px;z-index:19;cursor:pointer;}
#popYy{width:1245px;height:192px;position:fixed;bottom:0;left:50%;margin-left:-622px; background:url(bot_bar_bg.png); z-index:120; display: none;}
#popYy span.closeBtn{width:29px;height:29px;text-indent:-9999px; overflow:hidden;position:absolute;top:32px;right:44px;cursor:pointer;z-index:3;}
#popYy .popCon{width:1245px;height:192px;position:relative;z-index:2;}
#popYy .leftCon{width:256px; padding:90px 0 0 46px;float:left;}
#popYy .leftCon a{display:block;width:200px;height:43px;text-indent:-9999px;background:url(btn_yuyue2.png) no-repeat center top;margin:0 auto;}
#popYy .leftCon p{ margin-top:16px;text-align:center;font-size:16px; color:#3c2422;}
#popYy .leftCon p span{ color:#a40d07;}
#popYy .rightCon{float:left;margin:53px 0 0 2px;height:134px;width:864px;position:relative;}
#popYy .rightCon ul{ position:absolute;width:864px; height:134px; left:0; top:0; z-index:2; overflow:hidden;}
#popYy .rightCon li{width:144px;float:left;position:relative;}
#popYy .rightCon li .imgBox{width:76px;height:76px;margin:0 auto;position:relative; overflow:hidden;}
#popYy .rightCon li .imgBox img{display:block;width:76px; height:76px;}
#popYy .rightCon li .imgBox em{ display:none; position:absolute;width:76px; height:76px; left:0; top:0; background:url(wancheng.png);}
#popYy .rightCon li.on .imgBox em{ display:block}
#popYy .rightCon li .tip{ margin-top:6px;text-align:center; color:#3c2422; font:bold 14px/18px "微软雅黑";}
#popYy .rightCon li .tip span{ font-weight:normal;}
.bot_jindu_bg{ position:absolute; width:782px; height:14px; left:45px; top:31px; background-color:#4b2718; border-radius:10px;}
/*0 110 260 400 545 690 782 */
#bot_jindu{ position:absolute; width:0px; height:14px; background:url(jindu.png) 0 0 repeat-x; border-radius:10px;} 

.leftNav{width: 239px; height: 392px; position: fixed; left: 0; top: 50%; margin-top: -196px; z-index: 99;}
.leftMain{background: url(leftnav.png) no-repeat 0 0; width: 208px; height: 392px; position: absolute; left: 0; top: 0;}
.leftTop{padding-top: 35px; text-align: center; color: #147494; height: 250px;}
.leftTop h2{font-size: 16px;}
.leftTop p{font-size: 12px; line-height: 20px;}
.leftCard{padding: 4px 0;}
.leftCard span{width: 121px; height: 115px; background: url(cardbg.png) no-repeat 0 0; display: block; margin: 0 auto; padding: 6px 0 0 0;}
.leftCard span img{display: block; width: 110px; height: 110px; margin: 0 auto;}
.leftShare{padding: 0 0 0 13px; height: 70px;}
.leftShare a{float: left; width: 90px; height: 60px; text-align: center; font-size: 14px; color: #116a86;}
.leftShare a.sina{background: url(sina.png) no-repeat center 0;}
.leftShare a.baidu{background: url(baidu.png) no-repeat center 0;}
.leftShare span{display: block; padding-top: 36px; font-weight: bold;}
.leftBtn{display: block; width: 30px; height: 95px; background: #c8b058; position: absolute; right: 0; top: 18px; cursor: pointer;}
.leftBtn span{display: block; font-size:16px; color: #FFF; text-align: center; padding-top: 5px; line-height: 26px;}
.leftBtn strong{color: #FFF; font-family:\5b8b\4f53; font-size: 20px; display: block; text-align: center;}


.floatWrap{height: 400px; overflow: hidden;}
.floatDiv{height: 400px; background: url(float_bg.jpg) no-repeat center 0; position: relative;}
.floatDiv .floatper{width: 100%; height: 400px; position: absolute; left: 0; top: 0; z-index: 2; display: none;}
.floatDiv .per0{background: url(p1.png) no-repeat center 0;}
.floatDiv .per1{background: url(p2.png) no-repeat center 0;}
.floatDiv .per2{background: url(p3.png) no-repeat center 0;}
.floatDiv .per3{background: url(p4.png) no-repeat center 0;}
.floatDiv .per4{background: url(p5.png) no-repeat center 0;}
.floatDiv .per5{background: url(p6.png) no-repeat center 0;}
.floatDiv .per6{background: url(p7.png) no-repeat center 0;}
.floatDiv .per7{background: url(p8.png) no-repeat center 0;}
.floatDiv .per8{background: url(p9.png) no-repeat center 0;}
.floatLine{width: 100%; height: 400px; background: url(line.png) no-repeat center 278px; position: absolute; left: 0; top: 0; z-index: 3;}
.floatMain{width: 1200px; height: 400px; position: absolute; left: 50%; top: 0; margin-left: -600px; z-index: 10;}
.floatTab{width: 1080px; height: 120px; position: absolute; right: 0; bottom: 20px;}
.floatTab a{float: left; width: 120px; height: 120px;}
.floatTab a.a1{background: url(a1.png) no-repeat 0 -120px;}
.floatTab a.a2{background: url(a2.png) no-repeat 0 -120px;}
.floatTab a.a3{background: url(a3.png) no-repeat 0 -120px;}
.floatTab a.a4{background: url(a4.png) no-repeat 0 -120px;}
.floatTab a.a5{background: url(a5.png) no-repeat 0 -120px;}
.floatTab a.a6{background: url(a6.png) no-repeat 0 -120px;}
.floatTab a.a7{background: url(a7.png) no-repeat 0 -120px;}
.floatTab a.a8{background: url(a8.png) no-repeat 0 -120px;}
.floatTab a.a9{background: url(a9.png) no-repeat 0 -120px;}
.floatTab a:hover,.floatTab a.on{background-position: 0 0;}
.floatText{width: 866px; position: absolute; right: 0; top: 66px;}
.floatList{display: none;}
.floatList p{font-size: 16px; line-height: 30px; color: #737489;}
.floatTitle{height: 50px;}
.floatTitle strong{float: left; font-size: 36px; color: #65667b; width: 170px; line-height: 44px; height: 44px;}
.floatTitle a{float: left; width: 122px; height: 30px; line-height: 30px; border:1px solid #a88b61; color: #a88b61; text-align: center; font-size: 14px; margin-top: 6px;}
.floatTitle a:hover{color: #F00; border:1px solid #f00;}
.floatHide{background: url(hide.png) no-repeat 0 0; width: 145px; height: 26px; position: absolute; left: 50%; margin-left: -72px; bottom: 0; cursor:pointer; z-index: 10; color: #FFF; font-size: 14px; text-align: center; line-height: 26px;}



.slogan{display: none;}





/*右侧悬浮客服*/

._wrap_1facf_1 {
  background: url(community-bg.87d60694.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: fixed;
  right: 0;
  top: 48.5%;
  transform: translateY(-50%);
  transition: transform .2s;
  width: 150px;
  z-index: 9;
}
._content_1facf_36 {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding:10px
}

._content_1facf_36 ._btnImg_1facf_42 {
  cursor: pointer;
  height: 44px;
  margin-top: .1rem;
  width: 110px
}

._content_1facf_36 p {
  margin: 0;
  padding: 0
}

._content_1facf_36 ._scan_1facf_52 {
  position: relative
}

._content_1facf_36 ._scan_1facf_52 img {
  height: 110px;
  width: 110px
}

._content_1facf_36 ._scan_1facf_52:after {
  animation: _scan_1facf_52 3s infinite;
  background: #bdd9ff;
  content: "";
  height: .04rem;
  left: 0;
  position: absolute;
  width: 1.3rem
}