﻿.wrap { background:#dbc6a7;}	
.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:85%;}}
@media screen and (min-width:375px) {html { font-size:88%;}}
@media screen and (min-width:392px) {html { font-size:98%;}}
@media screen and (min-width:400px) {html { font-size:98%;}}
@media screen and (min-width:414px) {html { font-size:97%;}}
@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 0.35rem;}
.g-nav a { font-size:1rem; color:#71543d; text-align:center; width:8rem; height:2.5rem; line-height:2.5rem; margin:0 0 0.42rem 0.42rem; text-align:center; display:block; float:left; background:#f2f0e8;}
.g-nav a:nth-child(1){ background:#71543d; color:#fff;}

/*上乘陶土出宜兴，精品陶瓦鼎珂造*/
.g-sp { padding-top:2.2rem;}
.g-sp .m-bt { display:block; text-align:center; color:#6e523b;}
.g-sp .m-bt i { display:block; width:5.92rem; height:0.17rem; background:#71543d; margin:0.8rem auto 1.6rem; font-size:0; line-height:0;}
.g-sp p { width:25rem; text-align:center; margin:0 auto 1.7rem;}
.g-sp p em { display:block; font-size:0.92rem; color:#333; line-height:1.5rem; padding-top:1rem; text-align:left;}


/*老牌厂家直接供货*/
.g-zx .m-bt { display:block; background:#71543d; height:2.8rem; padding-top:0.87rem; text-align:center; font-size:1.08rem; color:#fff;}
.g-zx .m-bt i { display:block; width:5.92rem; height:0.17rem; background:#fff; margin:0.4rem auto; font-size:0; line-height:0;}
.g-zx ul { padding:2.38rem 0 0 0.83rem;}
.g-zx ul li { background:url(/mobile/Images/Index/zx_libg.gif) no-repeat; width:24.92rem; height:2.63rem; line-height:2.63rem; margin-bottom:0.79rem; border-right:solid 1px #e0e0e0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zx ul li em { color:#fff;display:block; width:7.71rem; float:left; text-align:center;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-zx ul li em a { color:#fff;}
.g-zx ul li span { display:block; float:left; width:15rem; padding-left:0.83rem;}
.g-zx ul li span a { font-size:0.83rem; color:#292929; padding-right:0.75rem;}

.g-zx p { padding:0.8rem 0 0;}
.g-zx p a { display:block; float:left; width:11.46rem; height:10.79rem; text-align:center; margin:0 0 2rem 1.33rem; position:relative;}
.g-zx p a span { display:block; font-size:0.92rem; color:#fff;  width:11.46rem; height:1.83rem; line-height:1.83rem; background:rgba(0,0,0,0.5) none repeat scroll !important; filter:Alpha(opacity=50); position: absolute; top:9.78rem; left:0;display:block}

/*6大优势*/
.g-ys { background:url(/mobile/Images/Index/ys_bg.jpg) no-repeat; height:25.17rem; margin-top:0.85rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys .m-bt { display:block; padding:7.92rem 0 0; height:7.3rem; text-align:center; font-size:1.08rem; color:#71543d; font-weight:bold;}
.g-ys .m-bt em { font-size:2.08rem;} 
.g-ys .m-bt i { display:block; font-weight:normal; font-size:0.83rem; color:#333}
.g-ys p { padding:0 0 0 2.83rem;} 
.g-ys p a { display:block; width:5rem; float:left; text-align:center; font-size:0.83rem; color:#654720; padding-right:0.36rem;}
.g-ys p a:nth-child(5) { padding:3.2rem 0.36rem 0 2.75rem;}
.g-ys p a:nth-child(6) { padding:3.3rem 0.36rem 0 0;}
.g-ys p a:nth-child(7) { padding:2.7rem 0 0;}
.g-ys p a:nth-child(7) em { display:block;}

/**/
.g-ly { position:relative;}
.g-ly .m-pic { position:absolute; top:25.92rem; left:0;}
.g-ly .m-bt { display:block; background:url(/mobile/Images/Index/ly_bt.gif) no-repeat; height:4.33rem; color:#fff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ly .m-bt em { display:block; font-size:1.33rem; padding:1.25rem 0 0 3.63rem; font-weight:bold; float:left;} 
.g-ly .m-bt span { display:block; float:left; padding:1.67rem 0 0 1.63rem; letter-spacing:0.18rem;}

.g-ly .sclwrap_box { height:22rem; overflow:hidden}
.g-ly .con { float:left}
.g-ly .con dl { padding:1rem 0 0 2.71rem;}
.g-ly .con dl dt { width:21.25rem; height:12.17rem;}
.g-ly .con dl dd { padding-top:1.33rem;}
.g-ly .con dl dd em a { display:block; font-size:1rem; color:#71543d;}
.g-ly .con dl dd em i { display:block; width:3.75rem; height:2px; background:#71543d; margin:0.5rem 0; font-size:0; line-height:0;}
.g-ly .con dl dd p { float:left; width:11.25rem; height:1.83rem; font-size:0.92rem; color:#4c4c4c;}
.g-ly .con dl dd p img { display:block; float:left; width:0.58rem; padding:0.3rem 0.5rem 0 0;}

.g-ly .m-cnt{ padding:0.5rem 0 2.6rem 10.79rem; position:relative; z-index:99;}
.g-ly .m-cnt li{ background:#fff; width:0.67rem; height:0.67rem; float:left; margin:0 1rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-ly .m-cnt li.z-on{ background:#ab4f09;}

/*广告*/
.g-pic a { display:block; background:#6f523c; height:4.33rem;}
.g-pic a i { display:block; width:1.63rem; float:left; padding:1.25rem 1rem 0 5.54rem;}
.g-pic a span { display:block; color:#fff; line-height:1.5rem; padding-top:0.5rem;}
.g-pic a span em { display:block;}

/*案例*/
.g-al { padding-top:2.33rem;}
.g-al .m-bt { display:block; text-align:center; color:#6e523b;}
.g-al .m-bt i { display:block; width:5.92rem; height:0.17rem; background:#71543d; margin:0.8rem auto 1.6rem; font-size:0; line-height:0;}

.g-al .m-cnt { display:block; padding-left:0.83rem; float:left;}
.g-al .m-cnt li { float:left; width:7.3rem; height:3rem; background:#f2f0e8;  color:#5c5c5c; font-size:1rem; padding:0.75rem 0 0 1.21rem; margin-right:0.3rem;}
.g-al .m-cnt li em { display:block; font-size:0.7rem; color:#6b6b6b; text-transform:uppercase; font-family:Arial}
.g-al .m-cnt li.z-on { background:#71543d; color:#fff;}
.g-al .m-cnt li.z-on em { color:#fff;}

.g-al .sclwrap_box{height:17rem; overflow:hidden}
.g-al .con { float:left}
.g-al .con a { display:block; width:25rem; height:15.92rem; margin:0 auto; position:relative;}
.g-al .con a em  { display:block; font-size:1rem; color:#fff;  width:24rem; height:3rem; line-height:3rem; padding-left:1rem; background:rgba(0,0,0,0.5) none repeat scroll !important; filter:Alpha(opacity=50); position:absolute; top:12.92rem; left:0rem;}

.g-al p { float:left;}
.g-al p a { width:6.2rem; height:3rem; background:#f2f0e8;  color:#5c5c5c; font-size:1rem; padding:0.75rem 0 0 1.21rem; margin-right:0.3rem; display:block;}
.g-al p a em {display:block; font-size:0.75rem; color:#6b6b6b; text-transform:uppercase; font-family:Arial}

/*客户的口碑成就了鼎珂陶瓦的行业地位*/
.g-jz { background:#e9e0cf; padding:2.33rem 0 1.6rem;} 
.g-jz .m-bt { display:block; text-align:center; color:#6e523b;}
.g-jz .m-bt i { display:block; width:5.92rem; height:0.17rem; background:#71543d; margin:0.8rem auto 1.6rem; font-size:0; line-height:0;}

.m-jzcon { background:url(/mobile/Images/Index/jz_bg.gif) no-repeat; height:15.75rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-jz dl { height:7.75rem;}
.g-jz dl dt { float:left; padding:0 1.5rem 0 0.83rem; width:7.29rem;}
.g-jz dl dd { padding-top:1.25rem; float:left; width:15.6rem; }
.g-jz dl dd a { display:block; font-size:1rem; color:#4c4c4c; margin-bottom:0.4rem; line-height:1.2rem; height:1.2rem;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-jz dl dd p { color:#646464; line-height:1.25rem; font-size:0.75rem;}
.g-jz dl:nth-child(2) dd { padding-left:1.92rem;}
.g-jz dl:nth-child(2) dt { padding:0;}

.g-jz dl.laster dt{ float:right;}
.g-jz dl.laster dd{ float:left;}
/*生产设备*/
.g-zj { padding-top:2.5rem;}
.g-zj i { display:block; width:23.71rem; border:solid 1px #d9d9d9; padding:0.71rem; line-height:0; font-size:0; margin:0 auto;}
.g-zj p { padding-left:0.83rem; margin-top:-1.88rem; position:relative; z-index:999;}
.g-zj p a { display:block; width:4.85rem; height:1.88rem; line-height:1.88rem; text-align:center; font-size:0.92rem; color:#fff; float:left; background:#71543d; margin-right:0.21rem;}
.g-zj em { display:block; padding:1.5rem 0.83rem 1.7rem; line-height:1.5rem; clear:both;}



/*动态*/
.g-dt { position:relative;}
.g-dt .m-cnt { height:4.04rem; background:url(/mobile/Images/Index/dt_top.gif) no-repeat 0 0; margin-bottom:1rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-dt .m-cnt li { float:left; color:#fff; font-size:1.25rem; width:8.4rem; height:4.04rem; line-height:3.8rem; text-align:center;}
.g-dt .m-cnt li.z-on { background:url(/mobile/Images/Index/dt_libg.gif) no-repeat 0 0; color:#71543d;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }

.g-dt .sclwrap_box { height:14.6rem}
.g-dt .con { float:left;}
.g-dt .con a {  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#1a1a1a; font-size:1rem; color:#333; clear:both; display:block; height:2.04rem; line-height:2.04rem;padding-left:1rem; width:24.38rem;}
.g-dt .con a img { float:left; width:0.92rem; height:0.92rem; padding:0.6rem 0.5rem 0 0;}
.g-dt .con a i { float:right;}


