/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/
body { height: 100%; font-family: 'pingfang sc',microsoft yahei; font-size: 16px; margin: 0px; color: #363636; overflow-x: hidden; }
/* 请使用字体"pingfang sc"字体 */


/*大图*/
.fgpp-header { width: 100%; height: 550px; background-position: top center; background-repeat: no-repeat; }

/*空间*/
.fgpp-space { margin-top: 26px; }
.fgpp-space .fgpp-tab { width: 1200px; margin: auto; text-align: center; font-size: 0px; }
.fgpp-space .fgpp-tab a { width: 135px; height: 50px; line-height: 50px; text-align: center; display: inline-block; vertical-align: top; font-size: 25px; margin: 0 25px; color: #fff; background: #999; cursor: pointer; text-decoration: none; }
.fgpp-space .fgpp-tab a.cur { background: #af251b; }

/*餐厅*/
.fgpp-floor01 { background: #e9e9e9; padding: 50px 0; margin-top: 26px; }
.fgpp-floor01 .fgpp-common-title { text-align: center; }
.fgpp-floor01 .fgpp-common-title p { display: inline-block; font-size: 50px; margin: auto; background: #d9d9d9; padding: 25px 75px; }
.fgpp-floor01 .fgpp-common-title p span { display: block; font-size: 25px; color: #999; }

.fgpp-floor01-tabitem { width: 1200px; margin: auto; }
.fgpp-floor01-tabitem .fgpp-floor01-tablist { text-align: center; font-size: 0px; margin-top: 50px; }
.fgpp-floor01-tabitem .fgpp-floor01-tablist p { display: inline-block; vertical-align: top; font-size: 19px; margin: 0 32px; cursor: pointer; }
.fgpp-floor01-tabitem .fgpp-floor01-tablist p img { display: block; margin-bottom: 15px; }
.fgpp-floor01-tabitem .fgpp-floor01-tablist p.cur { color: #c71708; }

.fgpp-floor01-tabitem .fgpp-tabcon { margin-top: 50px; }

.fgpp-floor01-tabitem .floor01-top { font-size: 0px; }
.fgpp-floor01-tabitem .floor01-top p.floor01-p { width: 739px; margin: 0px; font-size: 0px; position: relative; }
.fgpp-floor01-tabitem .floor01-top p img { width: 739px; height: 406px; }
.fgpp-floor01-tabitem .floor01-top p .floor01-bp { transition: all 0.5s ease; }
.fgpp-floor01-tabitem .floor01-top p .floor01-bp:hover { transform: translateY(-15px); }
.fgpp-floor01-tabitem .floor01-top p i img { transition: all 0.5s ease; }
.fgpp-floor01-tabitem .floor01-top p i:hover img { transform: translateY(-15px); }
.fgpp-floor01-tabitem .floor01-p,.fgpp-floor01-tabitem .floor01-text { display: inline-block; vertical-align: top; font-size: 14px; }
.fgpp-floor01-tabitem .floor01-text { width: 341px; height: 395px; background: #9d9b99; color: #252525; margin-left: 20px; }

.fgpp-floor01-tabitem .floor01-text { padding: 50px; }
.fgpp-floor01-tabitem .floor01-text span i,.fgpp-floor01-tabitem .floor01-text span img { display: inline-block; vertical-align: middle; }
.fgpp-floor01-tabitem .floor01-text span i { font-size: 50px; font-weight: bold; font-style: normal; }
.fgpp-floor01-tabitem .floor01-text span img { width: 185px; }
.fgpp-floor01-tabitem .floor01-text em { display: block; font-style: normal; border-bottom: 2px solid #252525; padding-bottom: 25px; margin-bottom: 25px; font-size: 16px; }
.fgpp-floor01-tabitem .floor01-inner p { display: block; margin: auto; font-size: 19px; line-height: 1.9; position: relative; }
.fgpp-floor01-tabitem .floor01-p i { width: 165px; height: 165px; position: absolute; bottom: -89px; right: 32px; display: block; }
.fgpp-floor01-tabitem .floor01-p i img { width: 165px; height: 165px; border-radius: 150px; }
.fgpp-floor01-tabitem .floor01-inner span { display: inline-block; border: 1px solid #252525; font-size: 20px; padding: 10px 15px; margin-top: 20px; }
.fgpp-floor01-tabitem .floor01-bottom { font-size: 0px; margin-top: 20px; }
.fgpp-floor01-tabitem .floor01-bottom p { width: 285px; height: 215px; overflow: hidden; display: inline-block; vertical-align: top; font-size: 0px; margin-left: 20px; }
.fgpp-floor01-tabitem .floor01-bottom p:first-child { margin-left: 0px; }
.fgpp-floor01-tabitem .floor01-bottom p img { width: 285px; height: 215px; transition: all 0.5s ease; }
.fgpp-floor01-tabitem .floor01-bottom p:hover img { transform: scale(1.15); }

.fgpp-floor01-tabitem .fgpp-floor01-item { display: none; }
.fgpp-floor01-tabitem .fgpp-floor01-item.active { display: block; -webkit-animation-name: slideUp; animation-name: slideUp; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@keyframes slideUp { from { transform: translate3d(0, 25px, 0); opacity: 0; visibility: visible; } to { transform: translate3d(0, 0, 0); opacity: 1; } }

/*卧室*/
.fgpp-floor02 { margin: 50px 0 160px; position: relative; }
.fgpp-floor02:after { content: ""; width: 100%; height: 320px; background: #e9e9e9; position: absolute; bottom: -160px; left: 0px; }
.fgpp-floor02 .fgpp-common-title { text-align: center; }
.fgpp-floor02 .fgpp-common-title p { display: inline-block; font-size: 50px; margin: auto; background: #d9d9d9; padding: 25px 75px; }
.fgpp-floor02 .fgpp-common-title p span { display: block; font-size: 25px; color: #999; }

.fgpp-floor02 .floor02-content { width: 1200px; margin: auto; position: relative; z-index: 1; }
.fgpp-floor02 .floor02-content .floor02-tab { text-align: center; font-size: 0px; margin-top: 50px; }
.fgpp-floor02 .floor02-content .floor02-tab p { display: inline-block; vertical-align: top; font-size: 19px; margin: 0 29px; cursor: pointer; }
.fgpp-floor02 .floor02-content .floor02-tab p img { width: 50px; display: block; margin: 0 auto 15px; }
.fgpp-floor02 .floor02-content .floor02-tab p.cur { color: #c71708; }

.fgpp-floor02 .floor02-tabcon { height: 650px; margin-top: 50px; background: url(../../images/gctx/floor02-bg.jpg) no-repeat; position: relative; }

.fgpp-floor02 .floor02-tabcon .floor02-item { width: 1110px; height: 650px; display: table; position: relative; padding-left: 90px; }
.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-display { display: table-cell; vertical-align: middle; font-size: 0px; }

.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-pic,.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-text { display: inline-block; vertical-align: top; }
.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-pic { width: 350px; height: 350px; overflow: hidden; }
.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-small { position: absolute; right: 32px; bottom: -110px; border-radius: 100px; font-size: 0px; transition: all 0.5s ease; }
.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-small img { width: 220px; height: 220px; border-radius: 150px; }

.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-text { height: 272px; background: #fff; font-size: 14px; padding: 39px; position: relative; }
.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-text span { display: block; font-size: 32px; font-weight: bold; }
.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-text em { display: block; font-size: 16px; font-style: normal; border-bottom: 2px solid #252525; padding-bottom: 15px; margin-bottom: 25px; }
.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-text p { display: block; margin: 0px; font-size: 19px; line-height: 32px; }
.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-text i { color: #fff; background: #af251b; display: inline-block; font-style: normal; padding: 12px; font-size: 20px; position: absolute; bottom: -25px; }

.fgpp-floor02 .floor02-tabcon .floor02-item { display: none; }
.fgpp-floor02 .floor02-tabcon .floor02-item.active { display: table; -webkit-animation-name: slideLeft; animation-name: slideLeft; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-pic img { transition: all 0.5s ease; }
.fgpp-floor02 .floor02-tabcon .floor02-item:hover .floor02-pic img { transform: scale(1.15); }

.fgpp-floor02 .floor02-tabcon .floor02-item .floor02-small:hover { transform: translateY(-15px); }

@keyframes slideLeft { from { transform: translate3d(-25px, 0, 0); opacity: 0; visibility: visible; } to { transform: translate3d(0, 0, 0); opacity: 1; } }

/*厨房*/
.fgpp-floor03 { padding-top: 50px; position: relative; }
.fgpp-floor03 .fgpp-common-title { text-align: center; }
.fgpp-floor03 .fgpp-common-title p { display: inline-block; font-size: 50px; margin: auto; background: #d9d9d9; padding: 25px 75px; }
.fgpp-floor03 .fgpp-common-title p span { display: block; font-size: 25px; color: #999; }

.fgpp-floor03 .floor03-content { width: 1200px; margin: auto; position: relative; z-index: 1; }
.fgpp-floor03 .floor03-content .floor03-tab { text-align: center; font-size: 0px; margin-top: 50px; }
.fgpp-floor03 .floor03-content .floor03-tab p { display: inline-block; vertical-align: top; font-size: 19px; margin: 0 29px; cursor: pointer; }
.fgpp-floor03 .floor03-content .floor03-tab p img { width: 50px; display: block; margin: 0 auto 15px; }
.fgpp-floor03 .floor03-content .floor03-tab p.cur { color: #c71708; }

.fgpp-floor03 .floor03-tabcon { margin-top: 50px; }
.fgpp-floor03 .floor03-tabcon .floor03-title { text-align: center; }
.fgpp-floor03 .floor03-tabcon .floor03-title span { font-size: 32px; display: block; }
.fgpp-floor03 .floor03-tabcon .floor03-title p { font-size: 15px; margin: 15px 0 0; line-height: 1.9; }
.fgpp-floor03 .floor03-tabcon .floor03-box { margin-top: 50px; font-size: 0px; }
.fgpp-floor03 .floor03-tabcon .cg .floor03-box p { width: 560px; height: 420px; overflow: hidden; display: inline-block; vertical-align: top; font-size: 0px; transition: all 0.5s ease; }
.fgpp-floor03 .floor03-tabcon .cg .floor03-box p img { width: 560px; height: 420px; }
.fgpp-floor03 .floor03-tabcon .cg .floor03-box p:hover { transform: translateY(-15px); }
.fgpp-floor03 .floor03-tabcon .cg .floor03-box p:first-child { margin-left: 15px; }
.fgpp-floor03 .floor03-tabcon .cg .floor03-box p:first-child + p { margin-right: 15px; margin-left: 50px; }

.fgpp-floor03 .floor03-tabcon .sc p { display: inline-block; vertical-align: top; position: relative; margin-left: 36px; }
.fgpp-floor03 .floor03-tabcon .sc p span { width: 130px; height: 130px; position: absolute; bottom: -65px; right: 0px; left: 0px; margin: auto; display: block; transition: all 0.5s ease; }
.fgpp-floor03 .floor03-tabcon .sc p span img { border-radius: 150px; border: 2px solid #fff; }
.fgpp-floor03 .floor03-tabcon .sc p .floor03-pic { transition: all 0.5s ease; }
.fgpp-floor03 .floor03-tabcon .sc p:hover .floor03-pic { transform: translateY(-15px); box-shadow: 0 15px 32px rgba(0,0,0,0.15); }
.fgpp-floor03 .floor03-tabcon .sc p:hover span { transform: translateY(15px); }

.fgpp-floor03 .floor03-item { display: none; }
.fgpp-floor03 .floor03-item.active { display: block; -webkit-animation-name: slideUp; animation-name: slideUp; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@keyframes slideUp { from { transform: translate3d(0, 25px, 0); opacity: 0; visibility: visible; } to { transform: translate3d(0, 0, 0); opacity: 1; } }

/*卫浴*/
.fgpp-floor05 { padding: 50px 0 125px; margin-top: 50px; position: relative; background: #e9e9e9; }
.fgpp-floor05 .fgpp-common-title { text-align: center; }
.fgpp-floor05 .fgpp-common-title p { display: inline-block; font-size: 50px; margin: auto; background: #d9d9d9; padding: 25px 75px; }
.fgpp-floor05 .fgpp-common-title p span { display: block; font-size: 25px; color: #999; }

.fgpp-floor05 .floor05-content { width: 1200px; margin: auto; position: relative; z-index: 1; }
.fgpp-floor05 .floor05-content .floor05-tab { text-align: center; font-size: 0px; margin-top: 50px; }
.fgpp-floor05 .floor05-content .floor05-tab p { display: inline-block; vertical-align: top; font-size: 19px; margin: 0 29px; cursor: pointer; }
.fgpp-floor05 .floor05-content .floor05-tab p img { width: 50px; display: block; margin: 0 auto 15px; }
.fgpp-floor05 .floor05-content .floor05-tab p.cur { color: #c71708; }

.fgpp-floor05 .floor05-tabcon { margin-top: 50px; }
.fgpp-floor05 .floor05-item { font-size: 0px; position: relative; }
.fgpp-floor05 .floor05-left,.fgpp-floor05 .floor05-pic { display: inline-block; vertical-align: middle; overflow: hidden; }
.fgpp-floor05 .floor05-left { transition: all 0.5s ease; }
.fgpp-floor05 .floor05-left:hover { transform: translateY(-15px); }
.fgpp-floor05 .floor05-pic { width: 950px; height: 560px; overflow: hidden; }
.fgpp-floor05 .floor05-pic img { transition: all 0.5s ease; }
.fgpp-floor05 .floor05-pic:hover img { transform: scale(1.15); }
.fgpp-floor05 .floor05-pic { margin-left: 30px; }
.fgpp-floor05 .floor05-item .floor05-y { width: 165px; height: 165px; overflow: hidden; position: absolute; bottom: -85px; right: 32px; transition: all 0.5s ease; border-radius: 150px; }
.fgpp-floor05 .floor05-item .floor05-y img { width: 165px; height: 165px; border-radius: 150px; }
.fgpp-floor05 .floor05-item .floor05-y:hover { box-shadow: 0 15px 32px rgba(0,0,0,0.15); transform: translateY(-15px); }

.fgpp-floor05 .floor05-item { display: none; }
.fgpp-floor05 .floor05-item.active { display: block; -webkit-animation-name: slideUp; animation-name: slideUp; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@keyframes slideUp { from { transform: translate3d(0, 25px, 0); opacity: 0; visibility: visible; } to { transform: translate3d(0, 0, 0); opacity: 1; } }

/*地区*/
.fgpp-floor06 { font-size: 0px; }
.fgpp-floor06 img { width: 100%; margin: auto; display: block; }

/*-webkit-animation-name: zoom; animation-name: zoom; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
@keyframes zoom { 0% { transform: translate3d(0,-10px,0); filter: blur(15px); } 50% { transform: translate3d(0,-15px,0); filter: blur(0px); } 100% { transform: translate3d(0,-15px,0); filter: blur(0px); } }*/