/**
*  gobal全局样式
* ----------------------
*  作者：叼怎么写！
*  时间：2014-03-21
*  准则：NEC
*  联系：wechat--shoe11414255
*  创意源于生活，代码如诗从你我开始
*  OOCSS虽好，需培养，需规范，需慢慢品尝
*********************************************************************************************/
@charset "utf-8";/* =reset 网页样式重置
------------------------------------------------------------------------------------------------------------------------------*/
html{font-size: 1em;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight: rgba(0,0,0,0);-webkit-text-size-adjust: none;overflow: -moz-scrollbars-vertical;/*强制firefox出现滑动条*/
}
body{font-size: 0.75em;background-color: #000000;}
label{cursor: pointer;}
a:link, a:visited{text-decoration: none;}
input:focus{outline: none;}
input, button, select, textarea{outline: none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/
}
textarea{resize: none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/
}
textarea, input, select{background: none;border: none;margin: 0;padding: 0;}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tt, u, ul, var{margin: 0;padding: 0;}
article, aside, footer, header, nav, section, figure, figcaption{display: block;} /*html5设置*/
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{font-size: 1em;}
body, input, button, select, textarea, sub{font-family: Arial, sans-serif;}
em, cite, address, optgroup{font-style: normal;}
kbd, samp, code{font-family: monospace;}
img, input, button, select, textarea{vertical-align: middle;outline: none;}
ul, ol{list-style: none;}
img, fieldset{border: 0;}
abbr, acronym{cursor: help;border-bottom: 1px dotted black;}
table{width: 100%;border-spacing: 0;border: 0;}
table th, table td{border: 0;}
legend, hr{overflow: hidden;position: absolute;top: 0;left: 0;}
legend, hr, caption{visibility: hidden;font-size: 0;width: 0;height: 0;line-height: 0;}
/**
* = global 统一样式
*******************************************************************************************************/
/* 改变动画的效果方式*/
*{-webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}
html{height: 100%;}
body{position: relative;font-family: "Microsoft YaHei";width: 640px;max-width: 640px;min-width: 640px;height: 100%;margin: 0 auto;}
body h1, body h2, body h3, body h4, body h5, body h6, body strong, body em{font-weight: normal;} /*微软雅体 将原有的bold属性去掉*/
textarea:focus, input:focus{border: 1px solid #71b643;}
/*sprite图片合并*/
.css_sprite01{background-image: url(../img/css_sprite01.png)!important;background-repeat: no-repeat!important;}
/**
* = function 功能样式
*******************************************************************************************************/
.f-ofh{overflow: hidden;height: 100%!important;} 		/*隐藏内容-overflow-hidden*/
.f-hide{display: none!important;} 						/*隐藏内容*/
.f-tc{text-align: center;}
.f-tr{text-align: right;}
.f-fl{float: left;}
.f-fr{float: right;}
.f-fixed{position: fixed;}
.f-cur{cursor: pointer;}
/*bg-background*/
.s-bg-ddd{background: #FFFFFF;background-image: url(../img/loading_large.gif);background-repeat: no-repeat;background-position: center center;}
/**
* = unit 统一元件样式
*******************************************************************************************************/
/**
* 模版提示的样式以及动画
* -u-alert
*/
.u-alert{position: fixed;top: 50%;left: 50%;z-index: -3;width: 100px;height: 100px;margin: -50px 0 0 -50px;}
.alert-loading{position: absolute;top: 28px;left: 28px;z-index: -2;width: 94px;height: 85px;}
@keyframes myfirst{0%{opacity: 0;}
25%{opacity: .5;}
50%{opacity: 1;}
75%{opacity: .5;}
100%{opacity: 0;}
}
@-moz-keyframes myfirst /* Firefox */{0%{opacity: 0;}
25%{opacity: .5;}
50%{opacity: 1;}
75%{opacity: .5;}
100%{opacity: 0;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */{0%{opacity: 0;}
25%{opacity: .5;}
50%{opacity: 1;}
75%{opacity: .5;}
100%{opacity: 0;}
}
@-o-keyframes myfirst /* Opera */{0%{opacity: 0;}
25%{opacity: .5;}
50%{opacity: 1;}
75%{opacity: .5;}
100%{opacity: 0;}
}
.app-loading{position: fixed;top: 50%;left: 50%;margin: -48px auto auto -48px;width: 95px;height: 95px;display: block;animation: myfirst 3s infinite linear;-moz-animation: myfirst 3s infinite linear; /* Firefox */
/*-webkit-animation: myfirst 3s infinite linear; *//* Safari and Chrome *//*
-o-animation: myfirst 3s infinite linear; *//* Opera *//*
-webkit-transition: all .5s;*/z-index: 99999
}
/*动画*/
.alert-loading.z-move .cycle-1{-webkit-animation: cycleChange 3s infinite ease-in-out;moz-animation: cycleChange 3s infinite ease-in-out;animation: cycleChange 3s infinite ease-in-out;}
.alert-loading.z-move .cycle-2{-webkit-animation: cycleChange 3s .525s infinite ease-in-out;moz-animation: cycleChange 3s .525s infinite ease-in-out;animation: cycleChange 3s .525s infinite ease-in-out;}
.alert-loading.z-move .cycle-3{-webkit-animation: cycleChange 3s 1.05s infinite ease-in-out;moz-animation: cycleChange 3s 1.05s infinite ease-in-out;animation: cycleChange 3s 1.05s infinite ease-in-out;}
.alert-loading.z-move .cycle-4{-webkit-animation: cycleChange 3s 1.575s infinite ease-in-out;moz-animation: cycleChange 3s 1.575s infinite ease-in-out;animation: cycleChange 3s 1.575s infinite ease-in-out;}
.alert-loading.z-move .line-1{-webkit-animation: lineChange01 3s infinite ease-in-out;moz-animation: lineChange01 3s infinite ease-in-out;animation: lineChange01 3s infinite ease-in-out;}
.alert-loading.z-move .line-2{-webkit-animation: lineChange02 3s .525s infinite ease-in-out;moz-animation: lineChange02 3s .525s infinite ease-in-out;animation: lineChange02 3s .525s infinite ease-in-out;}
.alert-loading.z-move .line-3{-webkit-animation: lineChange03 3s 1.05s infinite ease-in-out;moz-animation: lineChange03 3s 1.05s infinite ease-in-out;animation: lineChange03 3s 1.05s infinite ease-in-out;}

/*动画代码处理*/
/*cycle*/
@-webkit-keyframes cycleChange{0%, 24%, 100%{-webkit-transform: scale(0.0);}
9%{-webkit-transform: scale(1.2);}
}
@-moz-keyframes cycleChange{0%, 24%, 100%{-moz-transform: scale(0.0);}
9%{-moz-transform: scale(1.2);}
}
@keyframes cycleChange{0%, 24%, 100%{transform: scale(0.0);}
9%{transform: scale(1.2);}
}

/*line*/
@-webkit-keyframes lineChange01{0%{-webkit-transform: translate(76px, 0) scale(0, 1);}
18.75%{-webkit-transform: translate(0, 0) scale(1, 1);}
37.5%, 100%{-webkit-transform: translate(0, 0) scale(0, 1);}
}
@-moz-keyframes lineChange01{0%{-webkit-transform: translate(76px, 0) scale(0, 1);}
18.75%{-webkit-transform: translate(0, 0) scale(1, 1);}
37.5%, 100%{-webkit-transform: translate(0, 0) scale(0, 1);}
}
@keyframes lineChange01{0%{-webkit-transform: translate(76px, 0) scale(0, 1) scale(0, 1);}
18.75%{-webkit-transform: translate(0, 0) scale(1, 1) scale(1, 1);}
37.5%, 100%{-webkit-transform: translate(0, 0) scale(0, 1) scale(0, 1);}
}
@-webkit-keyframes lineChange02{0%{-webkit-transform: rotate(-60deg) translate(0, 0) scale(0, 1);}
18.75%{-webkit-transform: rotate(-60deg) translate(0, 0) scale(1, 1);}
37.5%, 100%{-webkit-transform: rotate(-60deg) translate(78px, 0) scale(0, 1);}
}
@-moz-keyframes lineChange02{0%{w-webkit-transform: rotate(-60deg) translate(0, 0) scale(0, 1);}
18.75%{-webkit-transform: rotate(-60deg) translate(0, 0) scale(1, 1);}
37.5%, 100%{-webkit-transform: rotate(-60deg) translate(78px, 0) scale(0, 1);}
}
@keyframes lineChange02{0%{-webkit-transform: rotate(-60deg) translate(0, 0) scale(0, 1);}
18.75%{-webkit-transform: rotate(-60deg) translate(0, 0) scale(1, 1);}
37.5%, 100%{-webkit-transform: rotate(-60deg) translate(78px, 0) scale(0, 1);}
}
@-webkit-keyframes lineChange03{0%{-webkit-transform: rotate(60deg) translate(0, 0) scale(0, 1);}
18.75%{-webkit-transform: rotate(60deg) translate(0, 0) scale(1, 1);}
37.5%, 100%{-webkit-transform: rotate(60deg) translate(40px, 0) scale(0, 1);}
}
@-moz-keyframes lineChange03{0%{-webkit-transform: rotate(60deg) translate(0, 0) scale(0, 1);}
18.75%{-webkit-transform: rotate(60deg) translate(0, 0) scale(1, 1);}
37.5%, 100%{-webkit-transform: rotate(60deg) translate(40px, 0) scale(0, 1);}
}
@keyframes lineChange03{0%{-webkit-transform: rotate(60deg) translate(0, 0) scale(0, 1);}
18.75%{-webkit-transform: rotate(60deg) translate(0, 0) scale(1, 1);}
37.5%, 100%{-webkit-transform: rotate(60deg) translate(40px, 0) scale(0, 1);}
}
/**
* 箭头指示元件
* -u-arrow
*/
.u-arrow{position: fixed;bottom: 10px;left: 50%;z-index: 150;width: 80px;height: 40px;margin-left: -40px;}
.u-arrow p{position: absolute;top: 50%;left: 50%;margin: -17px 0 0 -25px;width: 50px;height: 34px;background-position: 5px -47px;-webkit-animation: start 1.5s infinite ease-in-out;-moz-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out;}
/**
* 声音元件
* -u-audio
*/
.u-audio{position: absolute;top: 20px;right: 0;width: 132px;height: 73px;z-index: 200;}
.u-audio .res_audio{position: absolute;top: 0;left: 0;opacity: 0;height: 0;width: 0;}
.u-audio .btn_audio{width: 100%;padding-top: 29px;height: 44px;}
.u-audio .btn_audio strong, .u-audio .btn_audio .audio_open{display: inline-block;height: 44px;line-height: 44px;vertical-align: middle;}
.u-audio .btn_audio strong{width: 57px;font-size: 24px;color: #fff;opacity: 1;}
.u-audio .btn_audio .audio_open{position: absolute;bottom: 0;left: 56px;width: 44px;}
.u-audio .btn_audio strong.z-hide{opacity: 0;}
.u-audio .btn_audio strong.z-move{-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-ms-transition: opacity 0.5s;-o-transition: opacity 0.5s;transition: opacity 0.5s;}
.u-audio.z-low{z-index: 1;}
/**
* loading
* -u-pageLoading
*/
.u-pageLoading{display: none;position: fixed;top: 0;left: 0;z-index: 99999;height: 100%;width: 100%;background: rgba(0,0,0,0.6);}
.u-pageLoading img{position: absolute;top: 40%;left: 50%;height: 100px;width: 100px;margin: -50px 0 0 -50px;}
/**
* 提示小纸条
* -u-note
*/
.u-note{position: fixed;left: 120px;top: 50%;margin-top: -40px;width: 400px;padding: 15px 0;text-align: center;font-size: 26px;border-radius: 8px;opacity: 0;z-index: -1;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.u-note-error{background: #f48813;}
.u-note-sucess{background: #55e224;}
.u-note.on{opacity: 1;z-index: 99;}
/**
* = Layout 布局样式
*******************************************************************************************************/
.p-ct{position: relative;width: 640px;height: 100%;overflow: hidden;}
.p-ct.fixed{overflow: hidden;}
.translate-front{position: fixed;top: 0;left: 0;z-index: 100;height: 100%;width: 100%;opacity: 0;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;-ms-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s;}
.translate-front .mengban-warn{position: absolute;}
.translate-front.z-show{opacity: 1;}
.translate-back{position: relative;width: 100%;height: 100%;}
/**
* = modle 模块样式
*******************************************************************************************************/
/**
* 单页面page模块
* -m-page
*/
.m-page{position: absolute;top: 0;left: 0;width: 100%;z-index: 9;background: #000000;}
.m-page .page-con{position: relative;width: 100%;height: 101%;overflow: hidden;}
.m-page.active{z-index: 40;}
.m-page.fixed{position: fixed;}
.m-page.move{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
/**
* 大图文模块
* -m-bigTxt
*/
.bigTxt-bd, .bigTxt-arrow, .bigTxt-detail, .bigTxt-detail p{-webkit-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.bigTxt-bd{position: absolute;top: 50px;left: 30px;width: 450px;overflow: hidden;border-radius: 12px;background: rgba(255,255,255,0.7);opacity: 0;-webkit-transform: translate(200px, 0);-moz-transform: translate(200px, 0);-ms-transform: translate(200px, 0);-o-transform: translate(200px, 0);transform: translate(200px, 0);}
.bigTxt-bd p{padding: 0 65px 0 25px;color: #000;}
.bigTxt-title{position: absolute;top: 0;left: 0;width: 100%;padding: 25px 0;overflow: hidden;font-size: 28px;}
.bigTxt-title p{height: 100%;line-height: 130%;overflow: hidden;}
.bigTxt-arrow{position: absolute;bottom: 5px;right: 20px;display: inline-block;width: 34px;height: 34px;background-position: 0 -46px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
.bigTxt-detail{position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;}
.bigTxt-detail p{width: 400px;overflow: hidden;padding: 25px;line-height: 150%;font-size: 24px;border-top: 2px solid #fff;}
.bigTxt-btn{position: absolute;bottom: 120px;left: 50%;width: 480px;height: 80px;margin-left: -240px;background-size: auto!important;}
.bigTxt-btn a{display: inline-block;width: 100%;height: 80px;line-height: 80px;text-align: center;font-size: 36px;color: #000;letter-spacing: 0.5em;}
.bigTxt-weixin{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;text-align: center;background: rgba(0,0,0,0.7);}
.bigTxt-weixin img{max-width: 100%;}
.bigTxt-weixin.z-show{display: block;}
.bigTxt-arrow.z-toggle{-webkit-transform: rotate(405deg);-moz-transform: rotate(405deg);-ms-transform: rotate(405deg);-o-transform: rotate(405deg);transform: rotate(405deg);}
.bigTxt-detail.z-show p, .z-animate .bigTxt-bd{opacity: 1;-webkit-transform: translate(0, 0)!important;-moz-transform: translate(0, 0)!important;-ms-transform: translate(0, 0)!important;-o-transform: translate(0, 0)!important;transform: translate(0, 0)!important;}
/**
* 小图文模块
* -m-samllTxt
*/
.smallTxt-bd{position: relative;height: 49%;width: 100%;}
.smallTxt-bd p{padding: 0 25px;color: #000;}
.smallTxt-bd:first-child{border-bottom: 2px solid #fff;}
.smallTxt-bd:last-child{height: 51%;}
.smallTxt-bd.action{z-index: 10;}
.bd-wrap, .smallTxt-arrow, .smallTxt-detail, .smallTxt-detail p{-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;}
.bd-wrap{position: absolute;z-index: 20;width: 400px;overflow: hidden;border-radius: 12px;font-size: 24px;opacity: 0;}
.smallTxt-title{position: absolute;left: 0;width: 100%;padding: 25px 0;overflow: hidden;font-size: 28px;background: rgba(255,255,255,0.7);}
.smallTxt-title p{height: 100%;line-height: 130%;overflow: hidden;}
.smallTxt-arrow{position: absolute;bottom: 5px;display: inline-block;width: 34px;height: 34px;background-position: 0 -46px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
.smallTxt-detail{position: absolute;left: 0;width: 100%;height: 0;overflow: hidden;}
.smallTxt-detail p{position: absolute;top: 0;left: 0;width: 350px;line-height: 150%;padding: 25px;overflow: hidden;background: rgba(255,255,255,0.7);}
.smallTxt-bd:first-child .bd-wrap{top: 30px;}
.smallTxt-bd:first-child .smallTxt-title{top: 0;}
.smallTxt-bd:first-child .smallTxt-detail{top: 150px;}
.smallTxt-bd:first-child .smallTxt-detail p{border-top: 2px solid #fff;}
.smallTxt-bd:last-child .bd-wrap{bottom: 120px;}
.smallTxt-bd:last-child .smallTxt-title{bottom: 0;}
.smallTxt-bd:last-child .smallTxt-detail{bottom: 150px;}
.smallTxt-bd:last-child .smallTxt-detail p{border-bottom: 2px solid #fff;}
.z-left .bd-wrap{left: 30px;-webkit-transform: translate(200px, 0);-moz-transform: translate(200px, 0);-ms-transform: translate(200px, 0);-o-transform: translate(200px, 0);transform: translate(200px, 0);}
.z-right .bd-wrap{right: 30px;-webkit-transform: translate(-200px, 0);-moz-transform: translate(-200px, 0);-ms-transform: translate(-200px, 0);-o-transform: translate(-200px, 0);transform: translate(-200px, 0);}
.z-left .bd-wrap .smallTxt-title p{padding: 0 65px 0 25px;}
.z-right .bd-wrap .smallTxt-title p{padding: 0 25px 0 65px;}
.z-left .bd-wrap .smallTxt-arrow{right: 20px;}
.z-right .bd-wrap .smallTxt-arrow{left: 20px;}
.smallTxt-arrow.z-toggle{-webkit-transform: rotate(405deg);-moz-transform: rotate(405deg);-ms-transform: rotate(405deg);-o-transform: rotate(405deg);transform: rotate(405deg);}
.z-animate .bd-wrap, .smallTxt-detail.z-show p{opacity: 1;-webkit-transform: translate(0, 0)!important;-moz-transform: translate(0, 0)!important;-ms-transform: translate(0, 0)!important;-o-transform: translate(0, 0)!important;transform: translate(0, 0)!important;}
/**
* 视频模块
* -m-video
*/
.video-title{width: 580px;padding: 200px 30px 50px;margin-bottom: 50px;overflow: hidden;opacity: 0;-webkit-transform: scale(0.2);-moz-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;}
.video-title h3{height: 48px;overflow: hidden;font-size: 48px;margin-bottom: 30px;line-height: 100%;}
.video-title p{height: 30px;overflow: hidden;font-size: 30px;line-height: 150%;line-height: 100%;}
.video-con{position: relative;width: 640px;height: 400px;background: #000;}
.video-con .img{position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;}
.video-con .img span{display: inline-block;position: absolute;top: 50%;left: 50%;width: 77px;height: 77px;margin-left: -38px;margin-top: -38px;z-index: 11;background-position: 0 -233px;-webkit-animation: video_btnPlay 1s linear infinite;opacity: 1;-moz-animation: video_btnPlay 1s linear infinite;opacity: 1;animation: video_btnPlay 1s linear infinite;opacity: 1;}
.z-animate .video-title{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.video-con .video{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;background: rgba(0,0,0,0.9);opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.video-con .video .videoClose{width: 100px;height: 100px;background: rgba(255,0,0,.6);border-radius: 50%;display: block;position: absolute;top: -30px;right: -30px;-webkit-transition: all .6s .4s;-moz-transition: all .6s .4s;-ms-transition: all .6s .4s;-o-transition: all .6s .4s;transition: all .6s .4s;-webkit-transform: translate(100%, -100%);-moz-transform: translate(100%, -100%);-ms-transform: translate(100%, -100%);-o-transform: translate(100%, -100%);transform: translate(100%, -100%);}
.video-con .video .videoClose::after, .video-con .video .videoClose::before{width: 42px;height: 4px;background-color: #fff;border-radius: 2px;content: '';display: block;position: absolute;bottom: 35px;left: 15px;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.video-con .video .videoClose::before{-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.video-con .video .videoWrap{position: absolute;top: 50%;left: 50%;width: 640px;height: 480px;margin-left: -320px;margin-top: -240px;}
.video-con .video .videoWrap video, .video-con .video .videoWrap iframe{width: 100%;height: 100%;}
.video-con .video.z-show{opacity: 1;}
.video-con .video.z-show .videoClose{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
/**
* 预约模块
* -m-book 
*/
.book-bd{position: relative;height: 100%;padding: 0 40px;}
.book-bd .bd-map{position: relative;height: 250px;overflow: hidden;-webkit-transform: translate(0, -250px);-moz-transform: translate(0, -250px);-ms-transform: translate(0, -250px);-o-transform: translate(0, -250px);transform: translate(0, -250px);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.book-bd .bd-map span{position: absolute;top: 70px;right: 100px;display: inline-block;width: 55px;height: 72px;background-position: 0 -159px;}
.book-bd .bd-map .map-animate{position: absolute;top: 140px;right: 119px;width: 20px;height: 20px;border-radius: 50%;background: #fff;-webkit-transform: rotateX(-110deg);-moz-transform: rotateX(-110deg);transform: rotateX(-110deg);-webkit-transform-origin: 50%;-moz-transform-origin: 50%;transform-origin: 50%;}
.book-bd .bd-map .map-animate strong{position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin: -11px 0 0 -11px;border: 2px solid #fff;border-radius: 50%;}
.book-bd .bd-map .map-animate strong:nth-child(1){-webkit-animation: mapJump 1s linear infinite;-moz-animation: mapJump 1s linear infinite;animation: mapJump 1s linear infinite;}
.book-bd .bd-map .map-animate strong:nth-child(2){-webkit-animation: mapJump 1.5s .75s linear infinite;-moz-animation: mapJump 1.5s .75s linear infinite;animation: mapJump 1.5s .75s linear infinite;}
.book-bd .bd-tit{position: absolute;top: 50%;height: 40px;line-height: 40px;width: 560px;margin-top: -160px;overflow: hidden;color: #fff;font-size: 36px;opacity: 0;-webkit-transform: scale(0.1);-moz-transform: scale(0.1);-ms-transform: scale(0.1);-o-transform: scale(0.1);transform: scale(0.1);-webkit-transition: all 0.5s .5s;-moz-transition: all 0.5s .5s;-ms-transition: all 0.5s .5s;-o-transition: all 0.5s .5s;transition: all 0.5s .5s;}
.book-bd .bd-form{position: absolute;bottom: 120px;left: 40px;width: 480px;padding: 30px 40px;background: #e5e5e5;border-radius: 12px;overflow: hidden;-webkit-transform: translate(0, 500px);-moz-transform: translate(0, 500px);-ms-transform: translate(0, 500px);-o-transform: translate(0, 500px);transform: translate(0, 500px);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.book-bd .bd-form p{position: relative;padding-left: 70px;margin-bottom: 20px;text-align: left;}
.book-bd .bd-form p a{font-size: 30px;color: #34495e;}
.book-bd .bd-form p span{position: absolute;top: 0;left: 0;display: inline-block;width: 32px;height: 29px;}
.book-bd .bd-form .tel span{background-position: -72px 0;}
.book-bd .bd-form .email span{background-position: -72px -31px;}
.book-bd .bd-form .wx span{background-position: -72px -62px;}
.book-bd .bd-form .btn{width: 420px;height: 80px;margin: 0 auto;line-height: 80px;text-align: center;color: #34495e;background: #e67e22;border-radius: 12px;font-size: 36px;}
.book-bd .bd-form .btn.z-stop{background: #bbb;}
.book-bg{position: absolute;top: 0;left: 0;z-index: 40;width: 100%;height: 100%;background: rgba(0,0,0,0);-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-ms-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.book-bg.z-show{background: rgba(0,0,0,0.7);}
.book-form{position: absolute;top: 50%;left: 40px;z-index: 50;width: 480px;height: 700px;padding: 40px;margin-top: -350px;background: #e5e5e5;border-radius: 12px;opacity: 0;-webkit-transform: scale(0.2);-moz-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.book-form h3{margin-bottom: 15px;color: #34495e;font-size: 36px;text-align: center;}
.book-form th, .book-form td{padding: 13px 0;}
.book-form th{font-size: 30px;color: #34495e;white-space: nowrap
}
.book-form td input{width: 260px;border: 1px solid #ccc;padding: 12px 0 12px 30px;font-size: 24px;color: #34495e;border-radius: 6px;}
.book-form td input.z-error{border-color: red;}
.book-form td.btn p{width: 420px;height: 80px;margin: 0 auto;line-height: 80px;text-align: center;color: #34495e;background: #e67e22;border-radius: 12px;font-size: 36px;}
.book-form td.btn p.z-fial{background: #aaa;}
.book-form td.btn p.z-success{background: #e74c3c;}
.book-form .sex{overflow: hidden;}
.book-form .sex p{float: left;overflow: hidden;height: 100%;width: 130px;cursor: pointer;}
.book-form .sex p span{display: block;float: left;margin-right: 10px;font-size: 30px;}
.book-form .sex p .select{padding: 4px;margin-right: 20px;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #aaa;background: #f8f9f8;}
.book-form .sex p .select strong{display: none;border-radius: 50%;width: 20px;height: 20px;background: #6a6a6a;}
.book-form .sex p .select strong.open{display: block;}
.book-form .j-close{position: absolute;top: -18px;right: -18px;width: 44px;height: 44px;}
.book-form.z-show, .z-animate .book-bd .bd-map, .z-animate .book-bd .bd-form{opacity: 1;-webkit-transform: translate(0, 0) scale(1);-moz-transform: translate(0, 0) scale(1);-ms-transform: translate(0, 0) scale(1);-o-transform: translate(0, 0) scale(1);transform: translate(0, 0) scale(1);}
.z-animate .book-bd .bd-tit{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
/*销售入口****/
.market-notice{position: absolute;left: 0;z-index: 9;bottom: 0px;height: 50px;width: 100%;text-align: center;-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-ms-transform: translateY(100px);-o-transform: translateY(100px);transform: translateY(100px);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.market-notice img{display: inline-block;width: 640px;}
.market-notice.show{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.market-page{position: fixed;left: 0;bottom: 0;height: 100%;width: 100%;overflow: hidden;background: rgba(0,0,0,0.7);z-index: 10;opacity: 0;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.market-page.show{opacity: 1;}
.market-img{position: absolute;bottom: 0;left: 50%;height: 500px;width: 640px;margin-left: -320px;background-image: url(/vctemp/20/res/img/market-bk.jpg);background-repeat: no-repeat;-webkit-transform: translateY(500px);-moz-transform: translateY(500px);-ms-transform: translateY(500px);-o-transform: translateY(500px);transform: translateY(500px);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.market-img a:nth-of-type(1){position: absolute;top: 220px;left: 40px;}
.market-img a:nth-of-type(2){position: absolute;top: 350px;left: 40px;width: 560px;height: 90px;}
.market-img.show{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
/**
* = pluns 插件样式
*******************************************************************************************************/
/*lazy-img*/
.lazy-img, .lazy-finish{background-size: cover;background-repeat: no-repeat;background-position: center;}
/*声音*/
.coffee-steam-box{display: none;}
/*轮播图*/
.m-imgBox{height: 380px;width: 640px;}
/*地图*/
.ylmap{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;overflow: hidden;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;-webkit-transform: translate(0, 100%);-moz-transform: translate(0, 100%);-ms-transform: translate(0, 100%);-o-transform: translate(0, 100%);transform: translate(0, 100%);}
.ylmap.mapOpen{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.ylmap.show{display: block;}
.ylmap .bk{position: absolute;width: 100%;height: 100%;text-align: center;z-index: -1;background: #efebed;}
.ylmap .bk span{display: inline-block;margin-top: 48%;width: 59px;height: 49px;background-position: -72px -93px;}
.ylmap .tit p a span{background-position: -72px -144px;}

/**
* = animate 动画样式
*******************************************************************************************************/
/*箭头指示引导*/
@-webkit-keyframes start{0%, 30%{opacity: 0;-webkit-transform: translate(0, 10px);}
60%{opacity: 1;-webkit-transform: translate(0, 0);}
100%{opacity: 0;-webkit-transform: translate(0, -8px);}
}
@-moz-keyframes start{0%, 30%{opacity: 0;-moz-transform: translate(0, 10px);}
60%{opacity: 1;-moz-transform: translate(0, 0);}
100%{opacity: 0;-moz-transform: translate(0, -8px);}
}
@keyframes start{0%, 30%{opacity: 0;transform: translate(0, 10px);}
60%{opacity: 1;transform: translate(0, 0);}
100%{opacity: 0;transform: translate(0, -8px);}
}

/*封面手引*/
@keyframes fengJump{0%{transform:translateY(0);}
20%{transform:translateY(0);}
40%{transform:translateY(-40px);}
50%{transform:translateY(0);}
60%{transform:translateY(-15px);}
80%{transform:translateY(0);}
100%{transform:translateY(0);}
}
@-webkit-keyframes fengJump{0%{-webkit-transform:translateY(0);}
20%{-webkit-transform:translateY(0);}
40%{-webkit-transform:translateY(-40px);}
50%{-webkit-transform:translateY(0);}
60%{-webkit-transform:translateY(-15px);}
80%{-webkit-transform:translateY(0);}
100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes fengJump{0%{-moz-transform:translateY(0);}
20%{-moz-transform:translateY(0);}
40%{-moz-transform:translateY(-40px);}
50%{-moz-transform:translateY(0);}
60%{-moz-transform:translateY(-15px);}
80%{-moz-transform:translateY(0);}
100%{-moz-transform:translateY(0);}
}
@-ms-keyframes fengJump{0%{-ms-transform:translateY(0);}
20%{-ms-transform:translateY(0);}
40%{-ms-transform:translateY(-40px);}
50%{-ms-transform:translateY(0);}
60%{-ms-transform:translateY(-15px);}
80%{-ms-transform:translateY(0);}
100%{-ms-transform:translateY(0);}
}
@-o-keyframes fengJump{0%{-o-transform:translateY(0);}
20%{-o-transform:translateY(0);}
40%{-o-transform:translateY(-40px);}
50%{-o-transform:translateY(0);}
60%{-o-transform:translateY(-15px);}
80%{-o-transform:translateY(0);}
100%{-o-transform:translateY(0);}
}

/*地图跳动*/
@keyframes mapJump{0%{transform:scale(0.1);opacity: 0;}
90%{transform:scale(2);opacity: 0.9;}
100%{transform:scale(2);opacity: 1;}
}
@-webkit-keyframes mapJump{0%{-webkit-transform:scale(0.1);opacity: 0;}
90%{-webkit-transform:scale(2);opacity: 0.9;}
100%{-webkit-transform:scale(2);opacity: 1;}
}
@-moz-keyframes mapJump{0%{-moz-transform:scale(0.1);opacity: 0;}
90%{-moz-transform:scale(2);opacity: 0.9;}
100%{-moz-transform:scale(2);opacity: 1;}
}
/**
* 模版提示的样式以及动画
*/
.m-alert strong{font-size: 35px;opacity: 0;-webkit-transition: opacity .8s;-moz-transition: opacity .8s;transition: opacity .8s;}
.m-alert strong.z-show{opacity: 1;}
.scene{position: relative;display: block;width: 300px;height: 200px;margin: 0 auto;}
.plane, .cloud{position: absolute;}
.plane{display: block;margin: 0 auto;left: 30%;-webkit-animation: anim-plane 1s linear infinite alternate forwards;-moz-animation: anim-plane 1s linear infinite alternate forwards;animation: anim-plane 1s linear infinite alternate forwards;-webkit-transform: translateY(80px);-moz-transform: translateY(80px);transform: translateY(80px);}
.cloud{display: block;height: 40px;width: 53px;margin: 0 auto;-webkit-animation: 10s linear infinite normal both;-moz-animation: 10s linear infinite normal both;animation: 10s linear infinite normal both;-webkit-animation-name: move, fade;-moz-animation-name: move, fade;animation-name: move, fade;background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iY2xvdWQiIHZpZXdCb3g9IjAgMCA1MiA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjQwcHgiPgoJPGRlZnM+CgkJPGZpbHRlciBpZD0iZjEiIHg9Ii0xMDAlIiB5PSItMTAwJSIgd2lkdGg9IjMwMCUiIGhlaWdodD0iMzAwJSI+IAoJCQk8ZmVPZmZzZXQgcmVzdWx0PSJvdXQiIGluPSJTb3VyY2VHcmFwaGljIiBkeD0iMCIgZHk9IjEiLz4KCQkJPGZlQ29sb3JNYXRyaXggcmVzdWx0PSJvdXQiIGluPSJvdXQiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgIDAgMCAwIDAgMCAgMCAwIDAgMCAwICAwIDAgMCAwLjQgMCIvPgoJCQk8ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJvdXQiIGluPSJvdXQiIHN0ZERldmlhdGlvbj0iMiIvPgoJCQk8ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJvdXQiIG1vZGU9Im5vcm1hbCIgcmVzdWx0PSJkcCIvPgoJCTwvZmlsdGVyPgoJPC9kZWZzPiAKCTxwYXRoIGlkPSJmZy1jbG91ZCIgZmlsdGVyPSJ1cmwoI2YxKSIgZD0iTTYuMyAzNS4xQzQuNyAzNC4yLTAuNCAzMi4zIDEuNCAyNSAzLjEgMTguMSA4LjcgMTkuNSA4LjcgMTkuNSA4LjcgMTkuNSAzLjIgMTQuMSAxMC40IDYuOCAxNi45IDAuMiAyMy4xIDQuNiAyMy4xIDQuNiAyMy4xIDQuNiAzMC0xLjcgMzUuMiAyLjQgNDQuNiA5LjcgNDIuOCAyNS4zIDQyLjggMjUuMyA0Mi44IDI1LjMgNDggMjIuNiA0OS44IDI4LjYgNTEgMzIuNyA0NiAzNS44IDQyLjggMzYuNyAzOS43IDM3LjUgOC45IDM2LjYgNi4zIDM1LjFaIiBzdHJva2U9IiNjY2NjY2MiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI2ZmZmZmZiIvPgo8L3N2Zz4=);}
.cloud--small{top: 65px;-webkit-animation-duration: 6s;-moz-animation-duration: 6s;animation-duration: 6s;-webkit-transform: scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5);}
.cloud--medium{top: 95px;-webkit-animation-duration: 5s;-moz-animation-duration: 5s;animation-duration: 5s;-webkit-animation-delay: 1s;-moz-animation-delay: 1s;animation-delay: 1s;-webkit-transform: scale(0.7);-moz-transform: scale(0.7);transform: scale(0.7);}
.cloud--large{top: 95px;-webkit-animation-duration: 4.5s;-moz-animation-duration: 4.5s;animation-duration: 4.5s;-webkit-animation-delay: 2.5s;-moz-animation-delay: 2.5s;animation-delay: 2.5s;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);transform: scale(0.8);}

/*飞机*/
@keyframes anim-plane{to{transform:translateY(95px);}
}
@-webkit-keyframes anim-plane{to{-webkit-transform:translateY(95px);}
}
@-moz-keyframes anim-plane{to{-moz-transform:translateY(95px);}
}

/*云*/
@keyframes fade{0%{opacity: 0;}
10%{opacity: 1;}
90%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes fade{0%{opacity: 0;}
10%{opacity: 1;}
90%{opacity:1;}
100%{opacity:0;}
}
@-moz-keyframes fade{0%{opacity: 0;}
10%{opacity: 1;}
90%{opacity:1;}
100%{opacity:0;}
}
@keyframes move{from{left:200px;}
to{left: 0px;}
}
@-webkit-keyframes move{from{left:200px;}
to{left: 0px;}
}
@-moz-keyframes move{from{left:200px;}
to{left: 0px;}
}


/*播放按钮*/
@-webkit-keyframes video_btnPlay{0%{-webkit-transform: scale(1);opacity: 0.8;}
100%{-webkit-transform: scale(2);opacity: 0.3;}
}
@-moz-keyframes video_btnPlay{0%{-moz-transform: scale(1);opacity: 0.8;}
100%{-moz-transform: scale(2);opacity: 0.3;}
}
@keyframes video_btnPlay{0%{transform: scale(1);opacity: 0.8;}
100%{transform: scale(2);opacity: 0.3;}
}
/**/
.m-link {position: absolute;left: 0;right: 0;bottom: 172px;text-align: center;}
.m-contactUs {width: 100%;text-align: center;position: absolute;bottom: 200px;-webkit-animation: bounceinT 1s ease-out backwards;}
.m-link .textLink {margin: 0 auto;color: #FFF;font-size: 35px;text-align: center;text-decoration: none;border-radius: 5px;-webkit-transition: all .3s;border-radius: 2px;padding: 10px 24px;}
/*返回首页*/
.u-homepage {position: absolute;left: 0;top: 10px;padding: 40px;z-index: 200;}
.u-homepage a{display: block;}
.u-homepage-btn {background: url("../img/css_sprite01.png") no-repeat scroll -65px 0;width: 44px;height: 44px;display: inline-block;}
.sk-circle {
    margin: 0 auto;
    width: 95px;
    height:95px;
    position: relative;
}
.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #ffffff;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg); }
.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg); }
.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg); }
.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg); }
.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); }
.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
}