﻿.wrap img{ width:100%;}	

/*通栏广告*/
.g-adv{ width:100%; height:12.5em; overflow:hidden;}
.g-adv .sclwrap_box{ height:12.5em; overflow:hidden;}

/*导航样式*/
.g-nav { display:inline-block; width:100%; overflow:hidden; padding:2% 0 0;}
.g-nav a { font-size:1em; color:#fff; height:3.67em; line-height:3.67em; width:31.2%; text-align:center; display:block; float:left; margin:2% 0 0 1.5%;}
.g-nav a:nth-child(1) { background:#583716;}
.g-nav a:nth-child(2) { background:#94592e;}
.g-nav a:nth-child(3) { background:#9d461e;}
.g-nav a:nth-child(4) { background:#ad8f49;}
.g-nav a:nth-child(5) { background:#bc9a64;}
.g-nav a:nth-child(6) { background:#c18a37;}

/*PK*/
.g-pk{    overflow: hidden;
    width: 100%;
    height: 55.83em;
    padding: 6% 0 0;
    position: relative;}
.g-pk .m-bt{ display:inline-block; width:100%; text-align:center; height:3.17em; background:url(../images/pk_btbg.gif) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-pk .m-bt a{ font-size:1.25em; color:#513a1e; font-weight:bold;}
.g-pk .m-bt span{ display:block; font-size:1em; color:#513a1e;}
.g-pk .m-cnt{ padding:5% 0 7% 8%;}
.g-pk .m-cnt li{ width:24%; text-align:center; float:left; height:3.54em; width:5.04em; padding:1.5em 0 0; font-size:1em; color:#513a1e; font-weight:bold; margin:0 0 0 8%; background:url(../images/pk_bg01.gif) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-pk .m-cnt li.z-on{ color:#ad8f49; background:url(../images/pk_bg02.gif) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-pk .m-cnt li span{ display:block; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal; font-size:0.67em;}
.g-pk .sclwrap_box{ height:16.08em; overflow:hidden;}
.g-pk .m-box .con{ display:inline; float:left; position:relative;}
.g-pk .m-pkl,.g-pk .m-pkr{ float:left; width:48%; padding:0 1%;}
.m-pkl em,.m-pkr em{ display:block; width:100%; height:9.42em; background:url(../images/pk_pic01bg.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.m-pkl em img,.m-pkr em img{ width:92.2%; padding:0.5em;}
.m-pkl span,.m-pkr span{ display:block; width:100%; line-height:150%; padding:2% 0 0;}
.m-pkl span a,.m-pkr span a{ font-size: 0.82em;
    color: #513a1e;
    margin-top: 23px;
    display: block;
}
.g-pk .m-pkc{ width:2.78em; line-height:2.78em; height:2.78em; text-align:center; font-size:1.5em; color:#c9b080; font-weight:bold; font-style:italic; background:#513a1e; position:absolute; top:16%; left:43%; z-index:1;}
.g-pk .m-pkr{ float:right;}
.m-pkr em{ background:url(../images/pk_pic02bg.jpg) no-repeat;}

/*产品中心*/
.g-cp{ width:100%; overflow:hidden; padding:0 0 3.5%;}
.g-cp .m-bt{ height:3.7em; line-height:3.7em; width:100%; text-align:center; background:#513a1e; position:relative; margin:0 0 4%;}
.g-cp .m-bt:before{ position:absolute; content:""; width:10%; height:1px; background:#ad8f49; top:50%; left:20%;}
.g-cp .m-bt:after{ position:absolute; content:""; width:10%; height:1px; background:#ad8f49; top:50%; right:20%;}
.g-cp .m-bt a{ font-size:1.25em; color:#ad8f49; font-weight:bold;}
.g-cp .u-bt{ height:2.5em; line-height:2.5em; width:86.5%; padding:0 4%; margin:0 auto; background: #ad8f49;}
.g-cp .u-bt a{ font-size:1em; color:#fff; font-weight:bold;}
.g-cp .u-bt span{ display:block; float:right;}
.g-cp .u-bt span a{ font-size:0.92em; font-weight:normal; text-transform:uppercase;}
.g-cp ul{ width: 94.5%;
    margin: 0 auto;
    padding: 4% 0;
    height: 100%;
    display: table;}
.g-cp ul:nth-child(7){ padding:4% 0 0;}
.g-cp ul li{    height: 2.5em;
    line-height: 2.5em;
    border-bottom: #b6a36d 1px dotted;
    width: 33%;
    float: left;}
.g-cp ul li a{font-size: 1em;
    color: #513a1e;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 0 10%;}
.g-cp ul li a:before{ position:absolute; content:""; width:0.2em; height:0.2em; top:44%; left:1px; background:#fff; border:#604d38 1px solid;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);}
.g-cp .cp_nav { display:inline-block; width:100%; overflow:hidden;}
.g-cp .cp_nav span{ display:none}
.g-cp .cp_nav a { font-size:1em; color:#fff; font-weight:bold; height:2.5em; line-height:2.5em; width:27.5%; text-align:center; display:block; float:left; margin:3% 0 0 4%; background:#ad8f49;}

/*案例*/
.g-anli{ width:100%; height:30.75em; overflow:hidden; position:relative; background:url(../images/anli_bg.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-anli .m-cnt{ width:100%; padding:3% 0 0;}
.g-anli .m-cnt li{ font-size:1em; color:#fff; width:32.2%; text-align:center; float:left; height:2.75em; line-height:2.75em; margin:0 0 0 0.8%;}
.g-anli .m-cnt li:nth-child(1){ background:#583716;}
.g-anli .m-cnt li:nth-child(2){ background:#ad8f49;}
.g-anli .m-cnt li:nth-child(3){ background:#94592e;}
.g-anli .m-cnt li.z-on{ background:url(../images/anli_tbg.gif) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-anli .sclwrap_box{height:26em; overflow:hidden;}
.g-anli .m-anli{ position:relative;}
.m-anli .prev{ width:9.2%; position:absolute; top:39%; left:3.3%;}
.m-anli .next{ width:9.2%; position:absolute; top:39%; right:3.3%;}
.g-anli .no_ov{ margin:0 18.1%;}
.g-anli .m-box .page{ display:inline; float:left;}
.g-anli .m-box ul li{ width:100%; position:relative; padding:12% 0 0;}
.g-anli .m-box ul li img{ width:99.5%; border:#fff 1px solid;}
.g-anli .m-box ul li span{ width:100%; text-align:center; display:block;}
.g-anli .m-box ul li span a{ font-size:1em; color:#3c2507; font-weight:bold;}

/*广告条*/
.g-ban01{ width:100%; height:6.88em; overflow:hidden; margin:1px 0 0; background:url(../images/ban01.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ban01 p{ font-size:1.08em; color:#fff; font-weight:bold; text-align:center; padding:6% 0 0; letter-spacing:5px;}
.g-ban01 p a{ display:block; font-size:1.07em; color:#fff; font-weight:normal; letter-spacing:1px; padding:2% 0 0;}

/*优势*/
.g-ys{ width:100%; height:40em; overflow:hidden;}
.g-ys .m-bt{ width:100%; padding:0 0 4%;}
.g-ys .sclwrap_box{ height:27em; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{ width:100%; padding:12% 0 0;}
.g-ys dl{ width:100%; display:inline-block;}
.g-ys dl dt{ width:24.7%; float:left; padding:0 3.8%;}
.g-ys dl dd{ width:57.5%; float:left;}
.g-ys dl dd b{ display:block;}
.g-ys dl dd b a{ font-size:1.08em; color:#3c2507;}
.g-ys dl dd i{ display:block; font-size:0.42em; color:#ad8f49; text-transform:uppercase; font-weight:normal;}
.g-ys dl dd p{ font-size:1em; color:#ad8f49; width:100%; line-height:120%; padding:2% 0 0;}
.g-ys .m-cnt{ width:100%; padding:0 0 0 40%;}
.g-ys .m-cnt li{ width:0.8em; height:0.8em; float:left; background:#b09c5f; margin:0 1%;
border-radius:2em;               
-webkit- border-radius:2em;
-moz-border-radius:2em;
-o-border-radius:2em;}
.g-ys .m-cnt li.z-on{ background:#513a1e;}

/*定制流程*/
.g-lc{ width:100%; overflow:hidden; padding:0 0 8%;}
.g-lc .m-bt{ height:3.42em; line-height:3.42em; width:100%; text-align:center; background:#583716; position:relative;}
.g-lc .m-bt:before{ position:absolute; content:""; width:10%; height:1px; background:#fff; top:50%; left:16%;}
.g-lc .m-bt:after{ position:absolute; content:""; width:10%; height:1px; background:#fff; top:50%; right:16%;}
.g-lc .m-bt a{ font-size:1.17em; color:#fff; font-weight:bold;}
.g-lc .m-lc{ width:100%; font-size:0;}

/*客户见证*/
.g-jz{ width:100%; overflow:hidden; padding:6% 0 3%;}
.g-jz .m-bt,.g-about .m-bt{ height:2.75em; line-height:2.75em; width:91%; padding:0 2% 0 3%; margin:0 auto; border:#513a1e 2px solid;}
.g-jz .m-bt a,.g-about .m-bt a{ font-size:1.08em; color:#513a1e;}
.g-jz .m-bt span,.g-about .m-bt span{ display:block; float:right;}
.g-jz .m-bt span a,.g-about .m-bt span a{ font-size:0.85em; color:#b09c5f; text-transform:uppercase;}
.g-jz dl{ width:100%; display:inline-block; overflow:hidden; padding:6% 0 0;}
.g-jz dl dt{ width:53.6%; float:left; padding:0 4% 0 2%;}
.g-jz dl dd{ width:39.5%; float:left;}
.g-jz dl dd h5{ font-size:1em; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-jz dl dd h5 a{ color:#513a1e;}
.g-jz dl dd em{ display:block; font-size:0.92em; color:#b09c5f;}
.g-jz dl dd p{ font-size:0.92em; color:#513a1e; padding:3% 0;}
.g-jz dl dd span{ display:block;}
.g-jz dl dd span a{ font-size:0.92em; color:#b09c5f;}

/*关于伊卡洛斯布艺*/
.g-about{ width:100%; overflow:hidden; padding:0 0 4.5%;}
.g-about .m-about{ width:74.5%; margin:0 auto; padding:8% 0 0;}
.g-about .m-about span{ display:block; width:100%; text-align:center; padding:2% 0 0;}
.g-about .m-about span a{ font-size:1em; color:#513a1e;}
.g-about .u-about{ padding:7% 0 0; width:100%;}
.g-about .u-about a{ font-size:0.92em; color:#fff; display:block; width:32%; text-align:center; float:left; margin:0 0 0 1%; background: #3c2507; height:3em; line-height:3em;}
.g-about .u-about a:nth-child(2){ background:#ad8f49;}
.g-about .u-about a:nth-child(3){ background:#94592e;}

/*资讯*/
.g-news{ width:100%; overflow:hidden; height:19.5em; padding:0 0 2%;}
.g-news .sclwrap_box{ height:23.75em; overflow:hidden;}
.g-news .m-cnt{ height:2.75em; line-height:2.75em; width:96%; margin:0 auto 6%; border:#513a1e 2px solid;}
.g-news .m-cnt li{ font-size:1.08em; color:#513a1e; height:2.54em; width:49.3333%; text-align:center; float:left; position:relative;}
.g-news .m-cnt li:before{ position:absolute; content:""; width:2px; height:100%; background:#513a1e; top:0; right:0;}
.g-news .m-cnt li:last-child:before{ background:none;}
.g-news .m-cnt li.z-on{ color:#ad8f49; font-weight:bold;}
.g-news .m-box .con{ display:inline; float:left;    width: 100%;}
.g-news p{ width:83.9%; margin:0 auto;}
.g-news .m-box ul{  margin:0 auto; padding:2% 0 0;}
.g-news .m-box ul li{ border-bottom:#b09c5f 1px dotted; height:2.5em; line-height:2.5em; position:relative;}
.g-news .m-box ul li:before{ position:absolute; content:""; width:0.2em; height:0.2em; background:#fff; border:#4a3415 1px solid; top:48%; left:2%;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);}
.g-news .m-box ul li a{ display:block; float:left; width:60%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1em; color:#4a3415; padding:0 0 0 5%;}
.g-news .m-box ul li span{ display:block; float:right; width:25%; font-size:1em; color:#4a3415;}

/**/


@media screen and (min-width:320px) {
body { font-size:75%;}

}
@media screen and (min-width:360px) {
body { font-size:87%;}

}
@media screen and (min-width:400px) {
body { font-size:87%;}

}
@media screen and (min-width:480px) {
body { font-size:112.5%;}

}
@media screen and (min-width:550px) {
body { font-size:131.25%;}

}                                                                         
@media screen and (min-width:639px) {
body { font-size:150%;}

}