.wrap { background:#fff;}	
.wrap img { width:100%;}
.pr { position:relative;}
.pa { position:absolute;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:83%;}}
@media screen and (min-width:375px) {html { font-size:88%;}}
@media screen and (min-width:393px) {html { font-size:92%;}}
@media screen and (min-width:400px) {html { font-size:93%;}}
@media screen and (min-width:412px) {html { font-size:94%;}}
@media screen and (min-width:414px) {html { font-size:95%;}}
@media screen and (min-width:480px) {html { font-size:112%;}}
@media screen and (min-width:568px) {html { font-size:131%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}

/*通栏广告*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}

.g-adv .sclwrap_box{ height:12.5rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

/*导航样式*/
.g-nav { position:relative; clear:both; padding:2.5rem 0 0;}
.g-nav a { float:left; width:33.33%; height:8.13rem; text-align:center; display:block; color:#323232; position:relative}
.g-nav a i { width:5.21rem; display:block; margin:0 auto 0.2rem;}
.g-nav a em { display:block; font-size:0.83rem; color:#000}
.g-nav a em span { display:block; font-size:1rem; color:#8f8f8f}

/**/
.titpic:before{ 
    content: "";
    width: 15%;
    height: 2px;
    background-color: #d8d8d8;
    display: block;
    position: absolute;
    left: 5%;
    margin-top: 8px;
}
.titpic:after{ 
    content: "";
    width: 15%;
    height: 2px;
    background-color: #d8d8d8;
    display: block;
    position: absolute;
    right: 5%;
    margin-top: -10px;
}
.titpic{ width:60%; margin:2rem auto 0;}

.g-zx { padding:1.15rem 0 0; position:relative;}


.g-zx dl { margin:1.08rem auto 0; width:24.17rem;}
.g-zx dl dt a { background:#333; width:24.17rem; height:2.5rem; line-height:2.5rem; display:block;}
.g-zx dl dt a em { display:block; float:right; color:#fff; font-size:0.75rem; padding-right:0.5rem;}
.g-zx dl dt a span { background:#C29F67; color:#fff; display:block; width:12.08rem; text-align:center;}
.g-zx dl dd { background:#f2f2f2; padding:1.25rem 0 0; height:5.42rem;}
.g-zx dl dd a { float:left; display:block; margin-left:1rem; width:10rem; height:1.5rem; font-size:0.83rem; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-zx dl dd a img { display:block; width:0.46rem; float:left; padding:0.35rem 0.5rem 0 0;}
.g-zx dl .m-dd02 a { width:10.33rem;}

/*酒店总统套房家具系列*/
.g-zc { position:relative;}

.g-zc .prev { position:absolute; top:5.7rem; left:0.83rem; width:0.75rem; z-index:999;}
.g-zc .prev img { width:100%;}
.g-zc .next { position:absolute; top:5.7rem; right:0.83rem; width:0.75rem; z-index:999;}
.g-zc .next img { width:100%;}

.g-zc .nowarp { margin:0 2.5rem;}
.g-zc .nowarp .sclwrap_box{ height:7.88rem;}
.g-zc .nowarp .m-box .con { float:left}
.g-zc .nowarp .m-box .con a { display:block; width:6.33rem;}
.g-zc .nowarp .m-box .con a img { width:18.33rem; height:10.83rem;}
.g-zc .nowarp .m-box .con a em { display:block; font-size:1rem; text-align:center; color:#333; padding-top:0.3rem;}

/*产品中心*/
.g-cp { position:relative; margin:0 1.25rem 0;}
/*
.g-cp .prev { position:absolute; top:6.3rem; left:1.25rem; width:2.08rem; z-index:999;}
.g-cp .prev img { width:100%;}
.g-cp .next { position:absolute; top:6.3rem; right:1.25rem; width:2.08rem; z-index:999;}
.g-cp .next img { width:100%;}

.g-cp .nowarp { margin:0 1.25rem;}
.g-cp .nowarp .sclwrap_box{ height:19rem;}
.g-cp .nowarp .m-box .con { float:left}
.g-cp .nowarp .m-box .con a { display:block; width:24.17rem;}
.g-cp .nowarp .m-box .con a img { width:24.17rem; height:15.96rem;}
.g-cp .nowarp .m-box .con a em { display:block; font-size:0.83rem; text-align:center; color:#333; padding-top:0.3rem;}
.g-cp .m-but { width:17.5rem; height:2.25rem; line-height:2.25rem;  border-radius:13rem; font-size:0.83rem; color:#fff; text-align:center; display:block; background:#C29F67; margin:0 auto;}*/

/*考究的是细节*/
.g-xj { background:url(../Images/Index/l5_bg.jpg) no-repeat; margin:0.55rem auto 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-xj .m-bt { display:block; text-align:center; padding:2.5rem 0 1rem;}

.g-xj .m-cnt { display:block; padding:0.5rem 0 0 10.63rem;}
.g-xj .m-cnt li{ background:#000; width:0.5rem; height:0.5rem; float:left; margin:0 1.08rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-xj .m-cnt li.z-on{ background:#C29F67; width:1.88rem;}
.g-xj .sclwrap_box{height:20.25rem; overflow:hidden}
.g-xj .con { float:left}
.g-xj .con a { display:block; width:18.13rem; margin:0 auto;}
.g-xj .con a span { display:block; text-align:center; padding:0.75rem 0; font-size:0.83rem; color:#C29F67;} 
.g-xj .con a span b { font-size:1rem; padding-right:0.5rem;}
.g-xj .con a em { display:block; width:15.42rem; margin:0 auto; font-size:0.83rem; color:#555; line-height:1.5rem;}

/*做有态度的家私·帝唐一直在路上*/
.g-ys { background:url(../Images/Index/ys_bg.jpg) no-repeat; height:38.21rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys .m-bt { display:block; padding:2.29rem 0 0;}

.g-ys .sclwrap_box { height:27rem; overflow:hidden}
.g-ys .con { float:left;}
.g-ys .con dl { width:24.21rem; margin:0.75rem auto 0;}
.g-ys .con dl dd { padding:1.25rem 0 0;}
.g-ys .con dl dd img { display:block; float:left; width:2.92rem; height:3rem;}
.g-ys .con dl dd p { display:block; float:left; width:20.25rem; padding-left:1rem;}
.g-ys .con dl dd p a { display:block; font-size:1rem; color:#fff; padding:0.25rem 0;}
.g-ys .con dl dd p a b { font-size:1.5rem; padding-right:0.3rem;}
.g-ys .con dl dd p em { display:block; font-size:0.88rem; color:#cecece; line-height:1.5rem;} 

.g-ys .m-cnt{ padding:1.25rem 0 1.25rem 10.08rem;}
.g-ys .m-cnt li{ background:#909191; width:0.5rem; height:0.5rem; float:left; margin:0 1rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-ys .m-cnt li.z-on{ background:#C29F67; width:1.88rem;}

/*精英团队*/
.g-td { padding:2.5rem 0 0;}
.g-td .m-bt { display:block; margin-bottom:1.67rem;}

.g-td .sclwrap_box{height:18.25rem; overflow:hidden}
.g-td .con { float:left;}
.g-td .con a { display:block; position:relative; width:100%; height:18.25rem}
.g-td .con a i { display:block; width:17.79rem; height:18.25rem; position:absolute; top:0; left:0.32rem; z-index:999;}
.g-td .con a p { background:#f4f4f4; width:10.33rem; height:11.17rem; padding:2rem 0 0 2rem; position:absolute; top:0.5rem; left:13rem; z-index:999}
.g-td .con a p b { display:block; width:1.42rem; height:3px; background:#C29F67; margin:0 0 0.5rem; font-size:0; line-height:0;}
.g-td .con a p em { display:block; font-size:1rem; color:#C29F67; padding:0.5rem 0;}
.g-td .con a p span { font-size:0.83rem; color:#333; line-height:1.5rem; padding-right:1rem; display:block;}

.g-td .m-cnt { display:block; padding-left:1.25rem;}
.g-td .m-cnt li { float:left; width:6.04rem; height:5.04rem; margin-right:1px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.g-td .m-cnt li.z-on {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: gray;}

/*定制服务流程*/
.g-lc { padding:2.5rem 0 0;}
.g-lc .m-bt { display:block; margin-bottom:1rem;}
.m-lc { background:url(../Images/Index/lc_bg.gif) no-repeat; height:19.25rem; padding-left:1.25rem; position:relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-lc  p a { display:block; width:7.5rem; padding:5rem 0 0; height:4.88rem; float:left; margin-right:0.88rem; text-align:center;}
.m-lc  p a b { display:block; font-size:0.83rem; color:#555; line-height:1.5rem;}
.m-lc  p a em { display:block; font-family:Arial; font-size:0.5rem; color:#555}
.m-lc span { display:block; position:absolute; top:11.33rem; left:18.33rem;}
.m-lc span a i { display:block; line-height:0.83rem; font-size:0.75rem; color:#333;}
.m-lc span a i img { display:block; float:left; width:0.83rem; padding-right:0.35rem;}
.m-lc span a b { display:block; color:#C29F67; padding:0.35rem 0;}
.m-lc span a em { width:6.79rem; height:1.75rem; line-height:1.75rem;  border-radius:13rem; font-size:0.83rem; color:#fff; text-align:center; display:block; background:#C29F67; margin:0 auto 1.5rem;}

/*帝唐·印象*/
.g-zj { padding:2.67rem 0 0;}
.g-zj p { width:24.25rem; margin:0 auto;}
.g-zj p a em { display:block; text-align:center; font-size:0.83rem; color:#333; padding:.65rem 0;} 
.g-zj p a span { display:block; font-size:0.83rem; color:#6e6e6e; line-height:1.5rem; text-align:center;} 
.g-zj p a span i { color:#C29F67}

/*聚焦·帝唐*/
.g-dt { margin:1.75rem 0 0; position:relative;}
.g-dt .m-more01 { display:block; position: absolute; top:0.63rem; right:1.5rem; font-size:0.75rem; color:#fff; text-transform:uppercase;}

.g-dt .m-cnt { display:block; height:2.5rem; line-height:2.5rem; background:#333; margin:1.25rem 1.25rem 0;}
.g-dt .m-cnt li { float:left;  width:8.23rem; color:#fff; text-align:center;}
.g-dt .m-cnt li.z-on { background:#C29F67;}

.g-dt .sclwrap_box {  }
.g-dt .con { float:left;}

.g-dt .con dl { padding:0.83rem 0 0 1.25rem;}
 
.g-dt .con dl dd { width:24.17rem;}
.g-dt .con dl dd img{ width:100%;}
.g-dt .con .m-p01 { clear:both; padding:0.5rem 1.25rem 0;}
.g-dt .con .m-p01 b a { display:block; font-size:0.83rem; color:#111;}
.g-dt .con .m-p01 span { display:block; font-size:0.83rem; color:#333; line-height:1.5rem; padding:0.5rem 0;}
.g-dt .con .m-p01 span a { color:#C29F67;}
.g-dt .con .m-p02 { margin:0 1.25rem 1rem;}
.g-dt .con .m-p02 a { display: block; line-height:2.5rem; height:2.5rem; border-bottom:dashed 1px #c6c6c6; font-size:0.83rem; color:#555; clear:both;}
.g-dt .con .m-p02 a:last-child { border:none;}
.g-dt .con .m-p02 a img { width:0.5rem; height:0.5rem; padding:1rem 0.5rem 0 0; float: left;}


 /* 焦点图 */
	.slideBox{ position:relative; overflow:hidden; margin:0 auto; /* 设置焦点图最大宽度 */ }
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:10px; left:50%; transform: translateX(-50%); z-index:1; }
	.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{ background:#C29F67;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }
