@charset "utf-8";
/* 
 * Project Name:万博手机官网登录
 * Author:位置
 * Date：2016-9-5
 */
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 { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1200px; margin: 0px auto; }

/*banner*/
.pwranger { padding: 0 66px; }
.banner-box { margin-bottom: 8px; }
.banner li figure { display: block; line-height: normal; overflow: hidden; }
.banner li figure img { display: block; width: 100%; height: auto; line-height: 0; }
.bcontent { padding-top: 32px; text-align: center; height: 176px; }
.binfo b { display: block; width: 89px; height: 94px; margin: auto; background: url(../images/logo.png) center no-repeat; line-height: normal; }
.binfo h3 { color: #000000; margin-top: 3px; position: relative; font-size: 40px; line-height: normal; font-weight: normal; text-align: center; }
.binfo h3 i { display: inline-block; width: 66px; height: 55px; background: url(../images/bfont.png) center no-repeat; position: relative; top: 3px; margin-right: 6px; background-size: cover; }
.binfo h3 small { display: inline-block; color: #b71d37; }
.binfo1 { text-align: center; display: inline-block; margin: auto; }
.binfo1 h3 { color: #616b2b; font-size: 40px; line-height: normal; display: inline-block; margin-top: 30px; float: left; font-weight: normal; }
.binfo1 small { display: inline-block; color: #a44e04; font-size: 35px; font-family: "楷体"; line-height: normal; margin-top: 42px; margin-right: 78px; margin-left: 50px; float: left; }
.binfo1 b { display: inline-block; width: 100px; height: 96px; background: url(../images/logo1.png) center no-repeat; float: left; background-size: cover; }
.binfo1 .b2 { background: url(../images/logo2.png) center no-repeat; height: 104px; margin-left: 40px; }
.banner .bcontent.transy .binfo, .banner .bcontent.transy .binfo1, .banner .bcontent.transy .binfo2 { transition: 700ms 0ms; -webkit-transition: 700ms 0ms; }


.transy .binfo, .transy .binfo1, .transy .binfo2 { transform: translateY(50px); -webkit-transform: translateY(50px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0; }
.banner li.transShow .bcontent.transy .binfo, .banner li.transShow .bcontent.transy .binfo1, .banner li.transShow .bcontent.transy .binfo2 { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0) skew(0);; opacity: 1; transition: 680ms 120ms; -webkit-transition: 680ms 120ms; }
.transShow { transform: translate(0,0) skew(0); -ms-transform: translate(0,0) skew(0); -webkit-transform: translate(0,0) skew(0); opacity: 1; }

.banner-box .flex-control-nav { text-align: center; }
.banner-box .flex-control-nav li { display: inline-block; margin-right: 6px; }
.banner-box .flex-control-nav li:last-child { margin-right: 0; }
.banner-box .flex-control-nav li span { display: inline-block; width: 11px; height: 11px; text-indent: 999px; overflow: hidden; background: url(../images/bicon.png) center no-repeat; transition: 320ms ease-in-out; transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); }
.banner-box .flex-control-nav li a.flex-active span { background: url(../images/now.png) center no-repeat; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.binfo2 h3 { color: #b71d37; font-size: 40px; text-align: center; font-weight: normal; line-height: normal; margin-top: 6px; }
.binfo3 h3 small { margin-left: 0; }
.binfo2 small { display: inline-block; width: 228px; height: 51px; background: url(../images/bfont1.png) center no-repeat; margin-right: 15px; position: relative; top: 9px; background-size: cover; }

/*header*/
.headerfiexd { position: relative; z-index: 99; }
.mtop { height: 98px; }
.plich { display: none; }
.header-box { padding: 12px 0 16px; background: #fff; position: absolute; left: 0; top: 0; width: 100%; z-index: 99; }
.header-box.scoll { position: fixed; transition: 360ms 300ms; padding: 10px 0 12px; }
.header-box.scoll .logo { width: 58px; height: auto; }
.header-box.scoll .nav { padding-top: 15px; }
.header-box.scoll .online-book { top: 5px; height: 54px; }
.header-box.scoll .hoveronline { width: 117px; }
.header-box.scoll .online { width: 234px; }
.header-box.scoll .online-book:hover .online { left: -117px; }
.header-box.scoll .hoveronline span { width: 100px; height: 43px; padding-top: 11px; }
.header-box.scoll .hoveronline b { line-height: 54px; height: 54px; padding-left: 18px; width: 99px; display: block; }
.header-box.scoll .reservate { top: 54px; }
.header { padding: 0 66px; }
.logo { float: left; margin-left: 10px; width: 65px; transition: 340ms; }
.nav { float: left; margin-left: 82px; padding-top: 20px; transition: 400ms; }
.nav li { float: left; margin-right: 90px; }
.nav li:last-child { margin-right: 0; }
.nav li a { display: inline-block; color: #787878; font-size: 16px; padding-bottom: 14px; position: relative; }
.nav li a:before { content: ""; width: 11px; height: 11px; background: url(../images/now.png) center no-repeat; position: absolute; left: 50%; margin-left: -5px; bottom: 0px; transition: 300ms ease-in-out; opacity: 0; visibility: hidden; }
.nav li:hover a, .nav li.now a { color: #b71d37; }
.nav li:hover a:before, .nav li.now a:before { opacity: 1; visibility: visible; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.menuBtn { float: right; margin-top: 17px; display: none; width: 44px; height: 28px; position: relative; cursor: pointer; z-index: 100; }
.menuBtn .burger { display: block; width: 100%; height: 5px; position: absolute; left: 0; background: #b61835; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
.menuBtn .burger-1 { top: 0; }
.menuBtn .burger-2 { top: 12px; }
.menuBtn .burger-3 { bottom: 0; }
.menuBtn.active .burger-1 { top: 10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; background: #fff; }
.menuBtn.active .burger-3 { top: 10px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.menu-mark { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.6); left: 0; top: 0; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms; }
.menu-mark.on { opacity: 1; visibility: visible; transition: 340ms 0ms; }
.menu-fix { width: 283px; position: fixed; display: none; right: 5%; top: 83px; background: #b61835; z-index: 99; }
.menu-list { padding: 40px 0 40px 30px; }
.menu-list li { margin-bottom: 30px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
.menu-list li:last-child { margin-bottom: 0; }
.menu-list li a { display: block; color: #fff; font-size: 20px; }

#navs { position: fixed; right: 5%; bottom: 10px; width: 69px; height: 69px; text-align: center; color: #fff; cursor: pointer; font-size: 14px; line-height: 1.2; padding-top: 15px; box-sizing: border-box; display: none; }
#navs > li, #navs:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; background-color: #000000; }
#navs > li { transition: all .6s; -webkit-transition: all .6s; visibility: hidden; -moz-transition: .6s; background: #b71d37; }
#navs:after { content: attr(data-close); z-index: 1; border-radius: 50%; -webkit-border-radius: 50%; }
#navs.active > li { visibility: visible; transition-delay: 0ms !important; -webkit-transition-delay: 0ms !important; -moz-transition-delay: 0ms !important; transform: translate(-150px, 0px) !important; -webkit-transform: translate(-150px, 0px) !important; -moz-transform: translate(-150px, 0px) !important; }
#navs.active > li:nth-child(2) { transition-delay: 50ms !important; transform: translate(-127.009px, -79.8048px) !important; }
#navs.active > li:nth-child(3) { transition-delay: 100ms !important; transform: translate(-65.0826px, -135.145px) !important; }
#navs.active > li:nth-child(4) { transition-delay: 150ms !important; transform: translate(16.7947px, -149.057px) !important; }

#navs a { display: block; width: 100%; border-radius: 50%; height: 100%; box-sizing: border-box; text-align: center; font-size: 14px; padding-top: 30px; line-height: normal; color: #fff; background: url(../images/tel.png) center 13px no-repeat; }
#navs span { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); top: 0; width: 30px; height: 100%; display: block; box-sizing: border-box; padding-top: 17px; text-align: center; color: #fff; font-size: 14px; line-height: 1.2; z-index: 10; }

@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.online-book { position: relative; top: 9px; transition: 344ms; margin-right: 7px; float: right; z-index: 20; }
.hoveronline { position: relative; height: 66px; overflow: hidden; width: 132px; transition: 340ms; }
.online { position: absolute; left: 0; top: 0; width: 264px; height: 66px; transition: 344ms ease-in-out; }
.hoveronline span { display: inline-block; position: relative; padding-left: 17px; width: 115px; padding-top: 16px; height: 50px; background: url(../images/online.png) center no-repeat; color: #b71d37; font-size: 15px; line-height: 1.2; cursor: pointer; transition: 320ms ease-out; float: left; }
.hoveronline b { display: inline-block; width: 132px; text-align: center; height: 66px; line-height: 66px; color: #ffffff; font-size: 15px; background: #b71d37; float: left; font-weight: normal; cursor: pointer; transition: 320ms ease-out; }
.online-book:hover .online { left: -132px; }
.online-book:hover .hoveronline b:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transition: 300ms 240ms; }


.reservate { padding: 22px 20px 26px 23px; background: #fff; border: 1px solid #888888; position: absolute; right: 0; top: 66px; width: 363px; overflow: hidden; display: none; }
.reservate .resertext { padding-left: 18px; width: 345px; height: 48px; line-height: 48px; font-family: 微软雅黑; padding-top: 0; padding-bottom: 0; border: none; outline: none; background: #888888; color: #efefef; font-size: 14px; margin-bottom: 6px; }
.reservate .resertext:focus { background: #b71d37; color: #fff; }
.reservate .resertext2 { width: 363px; }
:-moz-placeholder { color: #efefef; }

::-moz-placeholder { color: #efefef; }

input:-ms-input-placeholder { color: #efefef; }

input::-webkit-input-placeholder { color: #efefef; }
.resersub { width: 361px; height: 46px; line-height: 46px; text-align: center; outline: none; border: 1px solid #888888; color: #b71d37; position: relative; font-size: 16px; font-weight: bold; padding: 0; background: none; cursor: pointer; }
.subtab { position: relative; overflow: hidden; }
.subtab:before { content: ""; width: 100%; height: 100%; background: #b71d37; position: absolute; left: 0; top: 100%; transition: 366ms ease-in-out; opacity: 0; }
.subtab:hover .resersub { border-color: #b71d37; color: #fff; }
.subtab:hover:before { top: 0; opacity: 1; }
.video .homevideo { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; }
.main-box { padding: 0 66px; margin-top: 11px; }
.main { padding-bottom: 32px; border-bottom: 1px solid #b9b9b9; }
.variety { width: 32.48%; float: left; }
.varietyli { position: relative; }
.bvariety li figure { line-height: normal; overflow: hidden; }
.bvariety li figure img { display: block; width: 100%; transition: 588ms; height: auto; line-height: 0; }
.bvariety li figure img:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.commont { padding-top: 24px; height: 96px; }
.commont h4 { color: #b71d37; font-size: 14px; line-height: normal; font-weight: normal; margin-bottom: 8px; }
.commont span { display: block; line-height: normal; color: #525252; font-size: 18px; }
.varietyli .flex-control-nav { position: absolute; left: 0; bottom: 26px; width: 100%; text-align: center; z-index: 10; }
.startimg { display: none; width: 100%; height: auto; }
.varietyli .flex-control-nav li { display: inline-block; margin-right: 6px; }
.varietyli .flex-control-nav li:last-child { margin-right: 0; }
.varietyli .flex-control-nav li span { display: inline-block; width: 11px; height: 11px; text-indent: 999px; overflow: hidden; background: url(../images/micon.png) center no-repeat; transition: 320ms ease-in-out; transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); }
.varietyli .flex-control-nav li a.flex-active span { background: url(../images/now.png) center no-repeat; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.introducte { width: 32.5%; margin-left: 1%; float: left; }
.introducte figure { overflow: hidden; line-height: normal; }
.introducte figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 780ms; }
.introducte figure img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.video { width: 100%; position: relative; cursor: pointer; }
.video-hidden { position: relative; width: 100%; overflow: hidden; cursor: pointer; }
.video-hidden span { display: block; width: 59px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(../images/videobtn.png) center no-repeat; z-index: 10; }
.video-hidden img { display: block; width: 100%; height: auto; transition: 780ms; }
.video:hover .video-hidden img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
#vbBox { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
.newdynamic { float: left; width: 32.48%; }
.newdynamic figure { overflow: hidden; line-height: normal; }
.newdynamic figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 780ms; }
.newdynamic figure img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.environment { width: 66.5%; float: right; }
.jwlogo { display: none !important; }

/*footer-box*/
.footer-box { padding: 58px 66px 74px; }
.footer { position: relative; }
.footer-info { float: left; width: 500px; padding-left: 5px; display: block; margin-bottom: 28px; }
.footer-info dt { display: block; color: #8a8a8a; font-size: 14px; line-height: normal; font-weight: normal; }
.footer-info dd { display: block; margin-top: 12px; }
.footer-info dd span { display: block; color: #676767; font-size: 14px; }
.plan { position: absolute; right: 0; top: 0; }
.plan p, .plan a { display: inline-block; float: left; color: #8a8a8a; font-size: 13px; }
.plan p { font-family: Arial; margin-right: 14px; }
.plan a:hover { color: #b71d37; }
.attention { margin-top: 50px; }
.attention span { display: inline-block; float: left; color: #676767; font-size: 14px; margin-right: 15px; margin-left: 6px; line-height: 39px; }
.attention .attente { float: left; width: 39px; height: 39px; position: relative; background: url(../images/radius.png) center no-repeat; }
.attention .attente:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/radius1.png) center no-repeat; transition: 344ms; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); }
.attention .attente a { display: block; width: 100%; height: 100%; background: url(../images/weix2.png) center no-repeat; position: relative; }
.attention .attente:hover:before { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); visibility: visible; }

/*关于我们11*/
.pbanner { position: relative; overflow: hidden; line-height: normal; }
.pbanner img { display: block; width: 100%; height: auto; line-height: 0; }
.ptext { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; margin-top: -80px; }
.ptext h2 { color: #ffffff; font-size: 78px; font-family: "Tahoma"; font-weight: bold; line-height: normal; text-align: center; }
.ptext h4 { color: #e6e6e6; font-size: 50px; font-weight: normal; text-align: center; line-height: normal; }
.establish { padding: 160px 0 186px; overflow: hidden; }
.brand-box, .story-box { overflow: hidden; }
.establishs { width: 980px; margin: auto; }
.establishs h3 { color: #000000; font-size: 26px; font-weight: normal; text-align: center; }
.establishs p { color: #444444; font-size: 15px; text-align: center; margin-top: 14px; }
.brand-box h3 { padding: 104px 0 92px; background: #efefef; text-align: center; color: #000000; font-size: 26px; line-height: normal; font-weight: normal; }
.brand { overflow: hidden; }
.brand-info { width: 50%; float: left; position: relative; line-height: 0; overflow: hidden; }
.brand-info figure { display: block; line-height: normal; overflow: hidden; }
.brand-info figure img { display: block; width: 100%; height: auto; line-height: 0; }
.brand-info figcaption { display: block; width: 100%; height: 77px; background: url(../images/brandf.png) center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -38px; z-index: 10; }
.brand-info mark { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); transition: 500ms ease-in-out; }
.brand-right figcaption { background: url(../images/brandf1.png) center no-repeat; }
.brand-info:hover mark { background: rgba(183,29,55,0.5); background: #b71d37\9; filter: alpha(opacity=50); }
.story-box { padding: 160px 0 170px; background: #efefef; }
.story { width: 795px; margin: auto; }
.story h3 { color: #000000; font-size: 26px; font-weight: normal; text-align: center; line-height: normal; margin-bottom: 36px; }
.story p { color: #444444; font-size: 15px; text-align: center; line-height: 2; }
.start-box { padding: 300px 0 257px; overflow: hidden; text-align: center; background-size: cover !important; }
.starts { width: 660px; margin: auto; padding: 65px 64px 60px 64px; background: #fff; }
.starts h3 { color: #000000; font-size: 26px; text-align: center; line-height: normal; font-weight: normal; margin-bottom: 28px; }
.starts p { color: #444444; font-size: 15px; overflow: hidden; }
.inherit-box { padding: 140px 0 106px; background: #efefef; text-align: center; }
.inherit-wr { display: inline-block; margin: auto; }
.inherit-info { float: left; width: 505px; }
.inherit-info:nth-child(1) { margin-right: 88px; }
.inherit-info h3 { color: #000000; font-size: 26px; line-height: normal; font-weight: normal; margin-bottom: 30px; text-align: left; }
.inherit-info p { color: #444444; font-size: 15px; text-align: left; }
.master-box { overflow: hidden; }
.master-box img { display: block; width: 100%; height: auto; line-height: 0; }
.masters { padding: 82px 0 55px; text-align: center; }
.masters h3 { color: #000000; font-size: 26px; text-align: center; line-height: normal; font-weight: normal; margin-bottom: 28px; }
.masters p { width: 780px; margin: auto; text-align: center; color: #444444; font-size: 15px; line-height: 2; margin-bottom: 26px; }
.masters span { display: block; text-align: center; color: #c0384f; font-size: 16px; }
.share-box { padding: 0 66px; }
.share-fix { text-align: center; padding: 58px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.share-fix span { display: block; text-align: centere; color: #838383; margin-bottom: 15px; }
.share-list { display: inline-block; margin: auto; border: 1px solid #dedede; }
.share-list li { float: left; border-right: 1px solid #dedede; line-height: 0; }
.share-list li:last-child { border-right: none; }
.share-list li a { display: inline-block; width: 53px; height: 57px; text-align: center; line-height: 57px; color: #bfbfbf; }
.share-list li:nth-child(1) a { background: url(../images/share.png) center no-repeat; }
.share-list li:nth-child(2) a { background: url(../images/weib.png) center no-repeat; }
.share-list li:nth-child(3) a { background: url(../images/weix.png) center no-repeat; }
.share-list li:hover a { color: #d87373; }
.share-list li:nth-child(1):hover a { background: url(../images/share1.png) center no-repeat; }
.share-list li:nth-child(2):hover a { background: url(../images/weib1.png) center no-repeat; }
.share-list li:nth-child(3):hover a { background: url(../images/weix1.png) center no-repeat; }

/*菜品展示*/
.pbanner strong { display: block; width: 100%; position: absolute; left: 0; top: 50%; color: #ffffff; font-size: 60px; text-align: center; font-weight: normal; line-height: normal; margin-top: -110px; }
.special-fix { padding: 0 14px; margin-bottom: 14px; }
.specialities { position: relative; z-index: 20; }
.special-sele { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; position: relative; }
.special-sele .select-box:nth-child(1) { z-index: 20; }
.select-box { float: left; padding-left: 40px; }
.select-box span { display: inline-block; width: 150px; color: #969696; font-size: 15px; line-height: 67px; float: left; }
.select { float: left; position: relative; }
.select b { display: block; width: 140px; padding-left: 24px; height: 67px; line-height: 67px; color: #6d6d6d; font-size: 15px; font-weight: normal; position: relative; cursor: pointer; background: #f7f7f7; }
.select b:before { content: ""; width: 13px; height: 7px; background: url(../images/arrow1.png) center no-repeat; position: absolute; right: 22px; top: 50%; margin-top: -3px; }
.select-down { width: 100%; position: absolute; display: none; left: 0; top: 67px; background: #efefef; }
.select-down li { cursor: pointer; height: 50px; line-height: 50px; text-align: center; font-size: 14px; transition: 320ms; border-bottom: 1px solid #e6e6e6; }
.select-down li a { display: block; color: #6d6d6d; }
.select-down li a:hover { color: #b71d37; }
.select-box:nth-child(2) { position: absolute; left: 50%; margin-left: -150px; }
.search-su { float: right; margin-right: 48px; }
.search-su span { line-height: 67px; color: #6d6d6d; font-size: 15px; cursor: pointer; transition: 300ms; }
.search-su span:hover { color: #b71d37; }

.listimg { padding: 0 7px 65px; }
.flex-images { overflow: hidden; }
.flex-images .item { float: left; margin: 7px; box-sizing: content-box; overflow: hidden; position: relative; }
.flex-images .item img { display: block; width: auto; height: 100%; cursor: pointer; transition: 500ms; }
.flex-images .item img:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }

.fancybox-nav span { display: inline-block; color: #fff; font-size: 14px; line-height: 60px; visibility: hidden; opacity: 0; transition: 355ms; }
.fancybox-nav { top: 50%; margin-top: -9px; display: inline-block; padding-left: 72px; height: 60px; position: fixed; }
.fancybox-opened { position: fixed; }
.fancybox-prev { left: 42px; }
.fancybox-next { right: 42px; padding-right: 72px; padding-left: 0; }
.fancybox-prev:before, .fancybox-next:before { content: ""; width: 60px; height: 60px; background: #c0384f; border-radius: 50%; position: absolute; top: 0; visibility: hidden; opacity: 0; transition: 340ms; }
.fancybox-prev:before { left: 0; }
.fancybox-next:before { right: 0; }
.fancybox-prev:after, .fancybox-next:after { content: ""; width: 16px; height: 29px; position: absolute; top: 50%; margin-top: -15px; }
.fancybox-prev:after { background: url(../images/prev.png) center no-repeat; left: 19px; }
.fancybox-next:after { background: url(../images/next.png) center no-repeat; right: 19px; }
.fancybox-prev:hover:before { opacity: 1; visibility: visible; }
.fancybox-prev:hover span { opacity: 1; visibility: visible; }
.fancybox-next:hover:before { opacity: 1; visibility: visible; }
.fancybox-next:hover span { opacity: 1; visibility: visible; }

.fancybox-overlay { background: rgba(0,0,0,0.8); background: #000\9; filter: alpha(opacity=80); cursor: url(../images/close.png),n-resize; }
.fancybox-close { display: inline-block; height: 22px; line-height: 22px; padding-left: 38px; color: #fff; font-size: 14px; position: fixed; z-index: 8040; left: 42px; top: 20px; }
.fancybox-close:before { content: ""; width: 20px; height: 21px; background: url(../images/close.png) center no-repeat; position: absolute; left: 0; top: 0; transition: 366ms; }
.fancybox-close:hover:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.fancybox-nav:hover span { background: none; opacity: 0.8; }
.fancybox-opened .fancybox-skin { box-shadow: none; border-radius: 0; padding: 0 !important; }
.fancybox-skin { background: none; border-radius: none; }
/*环境展示*/
.pbanner .enviaer { font-size: 50px; margin-top: -33px; }
.environment-info { position: relative; }
.environbanner { position: relative; width: 59.61%; float: left; }
.environ-list li { line-height: normal; overflow: hidden; }
.environ-list li img { display: block; width: 100%; height: auto; }
.environbanner .flex-control-nav { width: 67.8%; bottom: 0; height: 54px; left: 0; position: absolute; background: rgba(194,61,84,0.8); background: #c23d54\9; filter: alpha(opacity=80); text-align: center; }
.environbanner .flex-control-nav li { display: inline-block; margin-top: 27px; margin-right: 19px; }
.environbanner .flex-control-nav li:last-child { margin-right: 0; }
.environbanner .flex-control-nav li span { display: block; width: 7px; height: 7px; border: 1px solid #fff; background: #fff; text-indent: 999px; overflow: hidden; border-radius: 50%; transition: 344ms; }
.environbanner .flex-control-nav li a.flex-active span { background: none; }
.environbanner .flex-direction-nav { width: 67.8%; position: absolute; left: 0; bottom: 0; z-index: 20; }
.environbanner .flex-direction-nav li a { display: block; width: 8px; height: 14px; position: absolute; transition: 340ms; bottom: 20px; cursor: pointer; text-indent: 999px; overflow: hidden; }
.environbanner .flex-direction-nav li a.flex-prev { background: url(../images/prev1.png) center no-repeat; left: 25px; }
.environbanner .flex-direction-nav li a.flex-next { background: url(../images/next1.png) center no-repeat; right: 25px; }
.environbanner .flex-direction-nav li a.flex-prev:hover { opacity: 0.5; }
.environbanner .flex-direction-nav li a.flex-next:hover { opacity: 0.5; }

.reservates { width: 40.39%; height: 100%; background: #efefef; position: absolute; left: 59.61%; }
.reservate-info { position: absolute; width: 74%; left: 13%; top: 50%; text-align: center; margin-top: -115px; }
.reservate-info h2 { color: #000000; font-size: 20px; text-align: center; font-weight: normal; line-height: normal; margin-bottom: 25px; }
.reservate-info p { color: #444444; font-size: 14px; text-align: justify; margin-bottom: 38px; height: 100px; }
.reservate-info .reserva { width: 101px; height: 38px; border: 1px solid #bf384f; position: relative; margin: auto; overflow: hidden; }
.reservate-info .reserva a { display: block; color: #bf384f; font-size: 14px; line-height: 38px; position: relative; }
.reservate-info .reserva:before { content: ""; width: 0; height: 0; background: #bf384f; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); border-radius: 50%; transition: 310ms ease-in-out; }
.reservate-info .reserva:hover:before { width: 120%; height: 360%; }
.reservate-info .reserva:hover a { color: #fff; }

.environment-info:nth-child(2n+2) .environbanner { float: right; }
.environment-info:nth-child(2n+2) .reservates { left: 0; }
.environment-info:nth-child(2n+2) .environbanner .flex-control-nav { left: 32.2%; }
.environment-info:nth-child(2n+2) .environbanner .flex-direction-nav { left: 32.2%; }

/*企业动态*/
.common-info { width: 50%; float: left; position: relative; overflow: hidden; border-top: 1px solid #dfdfdf; }
.common-info a { display: block; text-align: center; height: 72px; line-height: 72px; color: #787878; font-size: 16px; position: relative; }
.common-info:before { content: ""; width: 0; height: 100%; position: absolute; top: 0; background: #c4c4c4; transition: 344ms ease-in-out; }
.common-info:nth-child(1):before { right: 0; }
.common-info:nth-child(2):before { left: 0; }
.common-info.on:before { width: 100%; }
.common-info.on a { color: #fff; }
.dynamic-box { position: relative; }
.dynamic { width: 31.2%; background: #e8e8e8; height: calc(100% - 469px); overflow: hidden; }
.dynamic-info { padding: 52px 50px 76px 50px; cursor: pointer; border-bottom: 1px solid #cbcbcb; position: relative; overflow: hidden; }
.dynamic-info h3 { color: #000000; font-size: 20px; font-weight: normal; line-height: normal; margin-bottom: 12px; position: relative; transition: 300ms ease-in; }
.dynamic-info time { display: block; color: #a5a5a5; font-size: 15px; line-height: normal; margin-bottom: 30px; position: relative; transition: 300ms ease-in; }
.dynamic-info span { display: block; color: #787878; font-size: 14px; line-height: normal; position: relative; transition: 300ms ease-in; }
.dynamic-info:before { content: ""; width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); background: #b71c37; border-radius: 50%; transition: 460ms ease-in-out; }
.dynamic-info:hover:before, .dynamic-info.on:before { width: 110%; height: 250%; }
.dynamic-info:hover h3, .dynamic-info.on h3 { color: #fff; }
.dynamic-info:hover time, .dynamic-info.on time { color: #fff; }
.dynamic-info:hover span, .dynamic-info.on span { color: #fff; }
.view { width: 68.8%; position: absolute; overflow: hidden; right: 0; top: 0; background: #efefef; }
.viewtitle { overflow: hidden; position: relative; }
.viewtitle figure { display: block; line-height: normal; overflow: hidden; }
.viewtitle figure img { display: block; width: 100%; height: auto; line-height: 0; }
.viewtitle .viewfix time { display: block; position: absolute; left: 90px; top: 80px; }
.viewtitle .viewfix time i { display: block; line-height: normal; font-style: normal; color: #fff; font-size: 15px; margin-bottom: 18px; }
.viewtitle .viewfix time span { display: block; color: #fff; font-size: 15px; line-height: normal; }
.viewtitle .viewfix h3 { color: #e8e8e8; font-size: 60px; font-weight: normal; line-height: normal; position: absolute; left: 78px; bottom: 62px; }
.view-text { padding: 0 70px 50px 75px; }
.viewshare { padding-top: 30px; }
.sharelist { padding-bottom: 26px; }
.sharelist li { float: left; margin-right: 28px; }
.sharelist li a { display: inline-block; width: 22px; height: 20px; color: #bfbfbf; text-align: center; line-height: 20px; }
.sharelist li:nth-child(1) a { background: url(../images/share.png) center no-repeat; }
.sharelist li:nth-child(2) a { background: url(../images/weib.png) center no-repeat; }
.sharelist li:nth-child(3) a { background: url(../images/weix.png) center no-repeat; }
.sharelist li:hover a { color: #d66f6f; }
.sharelist li:nth-child(1):hover a { background: url(../images/share1.png) center no-repeat; }
.sharelist li:nth-child(2):hover a { background: url(../images/weib1.png) center no-repeat; }
.sharelist li:nth-child(3):hover a { background: url(../images/weix1.png) center no-repeat; }
.textd { padding-top: 38px; border-top: 1px solid #cfcfcf; }
.textd p { color: #5c5c5c; font-size: 15px; margin-bottom: 30px; line-height: 2; }
.video-box .video:hover .video-hidden img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.BMap_pop > img { display: none !important; }

/*联系我们*/
.maps { height: 646px; position: relative; }
.address { text-align: center; padding: 56px 0 48px; }
.address p { color: #000000; font-size: 25px; }
.address p b { display: inline-block; }
.address-eq { margin-top: 40px; text-align: center; }
.address-eq img { display: block; width: 123px; margin: auto; height: 123px; border: 3px solid #000000; padding: 2px; }
.address-eq span { display: block; text-align: center; color: #b8b8b8; font-size: 14px; margin-top: 6px; }
.map-list { padding: 0 5.8% 62px; }
.map-info { width: 22.8%; float: left; margin-right: 2.9333333%; margin-bottom:44px;}
.map-info:nth-child(4n+4) { margin-right: 0; }
.map-wr { border: 1px solid #d2d1d1; }
.mapaddress { border-bottom: 1px solid #d2d1d1; padding: 50px 16px 50px; text-align: center; }
.mapaddress h3 { color: #525252; font-size: 19px; text-align: center; line-height: normal; font-weight: normal; margin-bottom: 10px; }
.mapaddress p { color: #676767; font-size: 14px; text-align: center; margin-bottom: 7px; }
.mapaddress span { display: block; text-align: center; color: #b71c37; font-size: 14px; line-height: normal; }
.infomap { height: 190px; }
.anchorBL { display: none !important; }
#imgDemo { width: 220px; height: auto; line-height: 0; }
.maptitle { color: #000000; display: block; font-size: 28px; text-align: center; line-height: normal; font-weight: normal; margin-top: 0; }
.maptext { text-align: center; color: #000000; font-size: 15px; margin-top: 0; line-height: normal; }
.BMap_Marker { bottom: 20px; }

.variety.article-block, .introducte.article-block, .newdynamic.article-block { opacity: 0; visibility: visible; position: relative; top: 65px; }
.variety.articleShow, .introducte.articleShow, .newdynamic.articleShow { opacity: 1; top: 0; transition: 688ms 100ms; transition-timing-function: bezier(.77,0,.175,1); -webkit-transition-timing-function: bezier(.77,0,.175,1); }
.introducte.articleShow { transition: 588ms 400ms; }
.videointr.articleShow { transition: 588ms 700ms; }
.environment.articleShow { transition: 588ms 600ms; }
.newdynamic.articleShow { transition: 588ms 300ms; }

.brand-info.article-block { opacity: 0; visibility: hidden; top: 85px; }
.brand-info.articleShow { opacity: 1; visibility: visible; top: 0; transition: 688ms 200ms; }
.brand-right.articleShow { transition: 688ms 450ms; }

.ptext.article-block h2, .ptext.article-block h4 { visibility: hidden; }
.ptext.articleShow h2, .ptext.articleShow h4 { -webkit-animation: mk_bottom_to_top_scale 1.2s 1 cubic-bezier(.77,0,.175,1) both; animation: mk_bottom_to_top_scale 1.2s 1 cubic-bezier(.77,0,.175,1) both; visibility: visible; }

.inherit-info.article-block { opacity: 0; position: relative; top: 66px; visibility: hidden; }
.inherit-info.articleShow { opacity: 1; visibility: visible; top: 0; transition: 666ms 200ms; }
.inherit-info:nth-child(2).articleShow { transition: 666ms 500ms; }


@-webkit-keyframes mk_bottom_to_top_scale {
    0% { -webkit-transform: translate(0,50px) scale(.8); transform: translate(0,50px) scale(.8); opacity: 0; }
    100% { -webkit-transform: translate(0,0) scale(1); -moz-transform: translate(0,0) scale(1); transform: translate(0,0) scale(1); opacity: 1; }
}

@-webkit-keyframes mk_bottom_to_top {
    0% { -webkit-transform: translate(0,50px); transform: translate(0,50px); opacity: 0; }
    100% { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); opacity: 1; }
}

.res-wrap.article-block { opacity: 0; -webkit-transform: translateY(50px) scale(0.94); -moz-transform: translateY(50px) scale(0.94); -ms-transform: translateY(50px) scale(0.94); -o-transform: translateY(50px) scale(0.94); transform: translateY(50px) scale(0.94); -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: opacity, -webkit-transform,background; transition-property: opacity, transform, background; -moz-transition-property: opacity, transform, background; -webkit-transition-timing-function: cubic-bezier(0.41, 0, 0.18, 1); transition-timing-function: cubic-bezier(0.41, 0, 0.18, 1); -moz-transition-timing-function: cubic-bezier(0.41, 0, 0.18, 1); transition: 0.8s ease-in 0s; -webkit-transition: 0.8s ease-in 0s; -moz-transition: 0.8s ease-in 0s; }
.res-wrap.articleShow { opacity: 1; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-property: opacity, -webkit-transform, background; -moz-transition-property: opacity, -webkit-transform,background; transition-property: opacity, -webkit-transform,background; -webkit-transition-timing-function: cubic-bezier(0.41, 0, 0.18, 1); transition-timing-function: cubic-bezier(0.41, 0, 0.18, 1); -moz-transition-timing-function: cubic-bezier(0.41, 0, 0.18, 1); }

.BMapLabel { border: none !important; width: 159px !important; display: block; text-align: center !important; height: 50px !important; line-height: 50px !important; color: #fff !important; font-size: 14px !important; background: none !important; font-family: "微软雅黑" !important; left: 0 !important; top: 0 !important; }


.popUpblack { background: url(../images/black_50.png) repeat; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; }
.popUp { width: 220px; height: 242px; border: 5px solid #f1f1f1; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }


.jwclick { display: none!important; }