
.header .header_logo{ padding:0.08rem .55rem 0.08rem .1rem; text-align:left; z-index:10;}
.header .header_back{ display:none;z-index:1;}

.swiperfocus,.swiperfocus .swiper-container{margin:0 auto; width:100%;height:1.875rem; overflow:hidden;}
.swiperfocus .swiper-container img{ height:1.875rem;}
.swiperfocus .swiper-pagination-bullet-active{background:#ea5504;}

.customers{margin:0 auto; padding-left:0.49rem; height:0.43rem; background:#fff url(../images/index/customers_ico.png) no-repeat .16rem center; background-size:0.225rem auto; border-bottom:#e2e2e2 solid 1px;}


.customers_list{ height:0.43rem; line-height:0.43rem; overflow:hidden;}

.customers_list dd{color:#5d5455; font-size:.14rem;}
.customers_list dd i{display:inline-block;*display:inline;*zoom:1; vertical-align:middle; margin:0 0.1rem; width:.36rem; text-align:center; border:#f59e35 solid 1px; height:.21rem; line-height:.21rem; background:#fff1e0; font-style:normal; font-size:.14rem;border-radius:0.02rem; color:#f49727;}
.customers_list dd label{ padding:0 0.05rem; color:#f49727;}
.customers_list dd span{ color:#999;}



.products_class{ background:#fff;border-bottom:#e2e2e2 solid 1px; font-size:0px;}

.products_class dd{ position:relative;display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:25%; height:.755rem; font-size:.11rem; text-align:center;}
.products_class dd a{ position:relative; display:block; width:0.6rem; margin:0 auto;padding-top:.55rem; z-index:20}
.products_class dd:before{content: ""; position:absolute; top:0.08rem; left:0.22rem;width:.475rem; height:0.475rem; background:url(../images/index/products_class_ico.png) no-repeat; background-size:0.475rem auto; z-index:1}
.products_class dd:nth-child(2):before { background-position:0 -.475rem;}
.products_class dd:nth-child(3):before { background-position:0 -.95rem;}
.products_class dd:nth-child(4):before { background-position:0 -1.425rem;}
.products_class dd:nth-child(5):before { background-position:0 -1.9rem;}
.products_class dd:nth-child(6):before { background-position:0 -2.375rem;}
.products_class dd:nth-child(7):before { background-position:0 -2.850rem;}
.products_class dd:nth-child(8):before { background-position:0 -3.325rem;}

.i_mfbj{ position:relative; margin-top:0.07rem; height:1.675rem;}
.i_mfbj dd{background:#fff;}
.i_mfbj dd a{position:relative; display:block; height:100%; box-sizing:border-box; z-index:20;}
.i_mfbj dd h4{ font-size:.14rem; color:#222;}
.i_mfbj dd label{ font-size:.11rem; color:#666;}

.i_mfbj dd:nth-child(1){ position:absolute; left:0; top:0; width:1.85rem; height:100%;  }
.i_mfbj dd:nth-child(2),.i_mfbj dd:nth-child(3){ position:absolute; right:0;  width:1.88rem; height:0.8275rem; z-index:1;}
.i_mfbj dd:nth-child(2){ top:0;}
.i_mfbj dd:nth-child(3){ bottom:0}

.i_mfbj dd:nth-child(1) a{ padding:0.2rem 0 0 .21rem;}
.i_mfbj dd:nth-child(2) a{ padding:0.26rem 0 0 .70rem;}
.i_mfbj dd:nth-child(3) a{ padding:0.22rem 0 0 .17rem;}

.i_mfbj dd:before{content: ""; position:absolute; background:url(../images/index/i_mfbj_ico.png) no-repeat; background-size:1.025rem auto; z-index:1}
.i_mfbj dd:nth-child(1):before { width:1.025rem; height:.925rem; left:.49rem; top:.69rem; background-position:0 0;}
.i_mfbj dd:nth-child(2):before {width:0.62rem; height:.5rem; left:.05rem; top:.22rem; background-position:0 -.93rem;}
.i_mfbj dd:nth-child(3):before {width:0.67rem; height:.52rem; left:1.1rem; top:.12rem; background-position:0 -1.42rem;}


.i_bm{ margin-top:0.08rem;}
.i_bm_top{ text-align:center;}
.i_bm_top img { width:3.59rem; height:.8rem;}
.i_bm .jxcg_places{ margin-top:0.13rem; height:.35rem; line-height:.35rem; text-align:center;}
.i_bm .jxcg_places label{display:inline-block;*display:inline;*zoom:1; vertical-align:middle; margin:0 0.02rem; font-size:.26rem; font-weight:400; width:.25rem; color:#fff; background:#ff9517; border-radius:5px; text-align:center;}

.i_bm input[type="text"],.i_bm input[type="tel"]{ margin:.14rem auto 0 auto; display:block; border:#bfbfbf solid 1px; padding-left:.43rem; text-align:left;width:2.97rem;height:.4rem; border-radius:3px;}
.i_bm button,.i_bm .i_bm_btn{  margin:.15rem auto 0 auto; display:block; width:3.4rem; height:.4rem; line-height:.4rem;border:#f6363a solid 1px; background:#f6363a; font-size:0.16rem; text-align:center; color:#fff; cursor:pointer; border-radius:3px;}

.i_bm p{ display:block; padding:.1rem 0; text-align:center; color:#999;}
.i_bm input.realname{ background:#fff url(../images/index/ibm_form_input.png) no-repeat .11rem 0;background-size: auto .8rem;   }
.i_bm input.telephone{background:#fff url(../images/index/ibm_form_input.png) no-repeat .11rem -.4rem;background-size: auto .8rem; }



.top{ position:relative; padding-left:.25rem; height:.39rem; line-height:.39rem;overflow:hidden}
.top h3{ font-size:.16rem;  color:#1f1f1f; overflow:hidden;}
.top h3 i{ content: "";display:inline-block;*display:inline;*zoom:1; vertical-align:middle; height:.165rem; width:.11rem; border-left:#f49727 solid 0.035rem;}
.top_nav{ position:absolute; right:0; top:0; height:.39rem; width:2.39rem;z-index:10;overflow:hidden}
.top_nav:after{content:"";position:absolute;right:0;top:0;width:.08rem;height:.39rem;background-image:-webkit-linear-gradient(right,#fff,hsla(0,0%,100%,.4));background-image:linear-gradient(270deg,#fff 0,hsla(0,0%,100%,.4));z-index:20}
.top_nav dl{position:relative;height:.49rem;text-align:center;top:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 .16rem;z-index:12;-webkit-overflow-scrolling:touch}
.top_nav dd:first-child{margin-left:0}
.top_nav dd{height:.39rem;display:inline-block;*display:inline;*zoom:1;margin-left:.2rem;line-height:.39rem;text-align:center}
.top_nav a{  color:#999;}

.top label{position:absolute; right:0.2rem; top:0; font-size:.11rem;}
.top label strong{ color:#f49727;}



.products,.cases,.designers,.zhuanti,.baike{margin-top:0.08rem; padding:0.05rem 0 0.12rem 0; background:#fff;}
.products_list{ font-size:0px;}

.products_list dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:0.15rem 0 0 0.08rem; width:1.76rem;overflow:hidden;}

.products_list dd img{ width:100%; height:1.25rem;}
.products_list dd h5{ position:relative; padding:0.07rem 0.20rem 0 0; text-align:left; font-size:.13rem;}
.products_list dd span{ position:absolute; right:0; top:0.08rem; font-size:.11rem; color:#999; font-weight:normal;}


.cases_list{ position:relative;margin-top:0.085rem;height:1.85rem;z-index:10;overflow:hidden;}
.cases_list:after{content:"";position:absolute;right:0;top:0;width:.08rem;height:100%;background-image:-webkit-linear-gradient(right,#fff,hsla(0,0%,100%,.2));background-image:linear-gradient(270deg,#fff 0,hsla(0,0%,100%,.2));z-index:20}

.cases_list dl{position:relative;height:1.95rem;text-align:center;top:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 .08rem;z-index:12;-webkit-overflow-scrolling:touch}
.cases_list dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin-right:.055rem; width:1.67rem; height:1.85rem; background:#f5f5f5;overflow:hidden;}
.cases_list dd img{ width:100%; height:1.18rem;}

.cases_list dd h5{display:block; padding:0.14rem 0 0 0; text-align:center; font-size:.13rem;}
.cases_list dd p{ display:block; font-size:.1rem; color:#999; font-weight:normal; }

a.more{ display:block; margin:.14rem 0.085rem 0 0.085rem; height:.32rem; height:.32rem; line-height:.32rem; border-radius:3px; text-align:center; background:#f5f5f5; border:#d2d2d2 solid 1px;}




.designers_headlines{ margin:0.085rem 0 0 0.085rem;  position:relative; display:inline; float:left; width:1.76rem; height:1.985rem;}
.designers_headlines img{ width:100%; height:100%;}
.designers_headlines h4{position:absolute; left:0; bottom:0; height:0.28rem;width:100%;background:rgba(244, 151, 39, .7);}
.designers_headlines h3{ position:absolute;left:0; bottom:0; height:0.28rem; line-height:0.28rem; text-align:center; width:100%; color:#fff; font-size:.14rem;}

.designers_list{ float:left; position:relative; font-size:0px; width:1.85rem;}

.designers_list dd{position:relative;display:inline-block;*display:inline;*zoom:1; margin:0.085rem 0 0 0.080rem; width:.84rem; height:.95rem;overflow:hidden;}
.designers_list img{ width:100%; height:100%;}
.designers_list h4{position:absolute; left:0; bottom:0; height:0.26rem;width:100%;background:rgba(244, 151, 39, .7);}
.designers_list h3{ position:absolute;left:0; bottom:0; height:0.26rem; line-height:0.26rem; text-align:center; width:100%; color:#fff; font-size:.14rem;}


.zhuanti_list{ margin:0 auto; width:3.52rem;}
.zhuanti_list dl{padding:.1rem 0; border-bottom:#f5f5f5 solid 1px; }

.zhuanti_list dl:last-child{padding:.1rem 0 0 0; border-bottom:#f5f5f5 solid 0px;}

.zhuanti_list dt{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:0 0.15rem 0 0.01rem; width:1.42rem; height:.895rem;}
.zhuanti_list dt img{ width:100%; height:100%;}
.zhuanti_list dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:1.9rem;}
.zhuanti_list dd h5{ color:#414141; font-size:.15rem;}
.zhuanti_list dd p{ color:#999; font-size:.11rem;}


.baike_swiper .swiper-slide{ height:2.35rem;}
.baike_swiper .swiper-slide dl{ margin:0.09rem 0.085rem;}
.baike_swiper .swiper-slide dd{ display:block; height:.26rem; line-height:.26rem;}
.baike_swiper .swiper-slide dd h4{ float:left; padding-left:.11rem; font-size:.13rem;font-weight:normal;}
.baike_swiper .swiper-slide dd span{ float:right; padding-right:6px;font-size:.12rem; color:#999; }
.baike_swiper .swiper-pagination-bullet{background:#ea5504;}



.baike_class{margin:.1rem 0.085rem 0 0.085rem;}
.baike_class dd{display:inline-block;*display:inline;*zoom:1; margin-left:.1rem; width:.74rem; height:.24rem; line-height:.24rem; border:#e5e5e5 solid 1px; text-align:center; font-size:.13rem; color:#999; border-radius:3px; cursor:pointer;}
.baike_class dd:hover,.baike_class .hover{color:#fff; background:#f5a13c; border:#f5a13c solid 1px;}



