/* common */
.view_more{ text-align:center;  margin:1rem auto 0 auto;}
.view_more a{ display:inline-block; color:#999; border-bottom:1px solid #fbc111;}
/* index */
.idx_tel{ text-align:center; padding:2rem 1rem; background-color:#f8f8f8;line-height:2em;}
.idx_tel h2{ font-size:1.8rem;}
.idx_tel p{color:#353535; position:relative;}

.idx_tel a{ padding:0.4rem 1.5rem; margin:0.5rem; background-color:#fbc111; color:#000;   display:inline-block; 
-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
-ms-border-radius:0.5rem;
-o-border-radius:0.5rem;
border-radius:0.5rem;
}

.idx_tel .adr em{ display:block; font-style:normal; position:relative;}
.idx_tel .adr em i{ display:inline-block; font-style:normal;}
.idx_tel .adr .inbg{background:url(bg4.png);
background-size:100% 100%;
background-repeat:repeat-x;}
 
.idx_tel .iconfont{font-size:2rem; position:relative; top:0.2rem;}
.index_servers{margin:3rem 1rem 0 1rem;}
.index_servers img{width:100%; height:auto;}

/* --分类-- */
.cat_title{ width:100%; display:flex;}
.cat_title a{margin:0 2%; text-align:center; flex:1;}
.cat_title .current{ border-bottom:2px solid #fbc111;}

/* -----------首页产品分类----------- */
#idx_goods{padding:3rem 0;}
#idx_goods h2{ font-size:1.8rem; text-align:center;}
#idx_goods ul{ margin-top:1.5rem; padding:0 1rem;}
#idx_goods ul li{ float:left; margin-left:1rem; margin-top:1rem; position:relative;
width:-webkit-calc((100% - 1rem)/2);
width:-moz-calc((100% - 1rem)/2);
width:-ms-calc((100% - 1rem)/2);
width:calc((100% - 1rem)/2);
}
#idx_goods ul li:nth-child(2n+1){ margin-left:0;}
#idx_goods ul li a{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(blank.png) no-repeat; z-index:10;}

#idx_goods ul li .item_pic{ width:100%; height:0; padding-bottom:75%; overflow:hidden;}
#idx_goods ul li .item_pic img{ width:auto; max-width:100%; height:auto;}

#idx_goods ul li .item_title{ position:absolute; left:1rem; bottom:1rem; line-height:2rem; }
#idx_goods ul li .item_title span,#idx_goods ul li .item_title i{ display:block;}
#idx_goods ul li .item_title span{font-weight:700;}
#idx_goods ul li .item_title i{ font-size:1.1rem; font-style:normal; color:#999;text-transform:uppercase}

/* -----------首页介绍----------- */
#idx_about{padding:3.5rem 0;
background:url(bg1.jpg);
background-size:100% auto;
background-repeat:no-repeat;
}
#idx_about .btt{ text-align:center;}
#idx_about .btt dl{ text-align:center; display:inline-block; color:#FFF; margin:0px 1.5rem;}
#idx_about .btt dl dt span{ font-size:1.8rem; font-weight:700;}

#idx_about .bct{ padding:2rem 2.5rem 0 2.5rem; color:#FFF; text-align:center; font-size:12px;}



/* -----------首页品牌----------- */
#idx_brand{padding:3rem 0 0 0;}
.idx_brand_cont{ padding:1rem 0;}


/* -----------展厅----------- */
#idx_zhanting{padding:3rem 0;}

.zhanting_pic{ position:relative; overflow:hidden; margin:1rem auto;min-width:320px;max-width:800px;}
.zhanting_pic .hd{ position:absolute; width:100%; height:28px; line-height:28px; bottom:0; right:0; z-index:1; text-align:center;}
.zhanting_pic .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#ffffff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.zhanting_pic .hd li.on{ background:#fbc111;  }
.zhanting_pic .bd{ position:relative; z-index:0; }
.zhanting_pic .bd li{ position:relative; text-align:center;  }
.zhanting_pic .bd li img{ background:url(../wap_images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

.zhanting_pic .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.zhanting_pic .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px;
background:url(../wap_images/focusBg.png) repeat-x; color:#FFF;  text-align:left;  }

/* -----------图案库存----------- */
#idx_tuanku{ background-color:#f0f0f0;}
.sub_sort{ width:100%;}
.sub_sort a{ float:left; display:block; margin-left:2%; width:22.5%; text-align:center;}
.sub_sort .claon{ border-bottom:2px solid #fbc111;}
.sub_sort .claoff{}


.idx_tuanku_cont{ margin-top:1rem; padding:1rem; overflow:hidden; position:relative;}
.sc_tuku{width: 100%; margin: 0 auto; overflow:hidden;}
.sc_tuku .swiper-slide {text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.sc_tuku .item_box{ width:100%;}
.sc_tuku .item_box .item_pic{ width:100%; height:0; padding-bottom:100%; overflow:hidden;}
.sc_tuku .item_box .item_pic img{ width:auto; max-width:100%; height:auto;}
.sc_tuku .item_box .item_title{ height:3rem; line-height:3rem; overflow:hidden;}


/* -----------案例----------- */
#idx_cases{padding:3rem 0;}
.slide_cases{ width:100%;  }
.slide_cases .hd{ height:3rem; line-height:3rem;  position:relative; text-align:center;}
.slide_cases .hd ul{ margin-top:1.5rem;}
.slide_cases .hd ul li{ display:inline-block;  cursor:pointer; margin:0 0.5rem; border:1px solid #e3e3e3; color:#999; overflow:hidden;
-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
-ms-border-radius:0.5rem;
-o-border-radius:0.5rem;
border-radius:0.5rem;
}
.slide_cases .hd ul li a{ display:block; padding:0 0.5rem;}
.slide_cases .hd ul li .on{ background-color:#fbc111; border:1px solid #fbc111;  color:#333;}

.slide_cases .bd ul{ padding:1rem;}
.slide_cases .bd li{ float:left; background-color:#FFF; position:relative;
width:-webkit-calc((100% - 1rem)/2);
width:-moz-calc((100% - 1rem)/2);
width:-ms-calc((100% - 1rem)/2);
width:calc((100% - 1rem)/2);
}
.slide_cases .bd li{width:46%; height:12rem; margin:1rem 2%; float:left;}


.slide_cases .bd li a{position:absolute; left:0; top:0; width:100%; height:100%; background:url(blank.png) no-repeat; z-index:10;}
.slide_cases .bd li .item_pic{width:100%; height:100%; position:relative; overflow:hidden;}
.slide_cases .bd li .item_pic img{width:100%; min-height:12rem;}
.slide_cases .bd li .item_title{position:absolute; left:0; bottom:0; width:100%; text-align:center; height:3rem; line-height:3rem;background-color: rgba(0, 0, 0, 0.55); color:#FFF; overflow:hidden;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slide_cases .arrow{  position:absolute; right:10px; top:0; }
.slide_cases .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
   cursor:pointer; background:url("arrow.png") 0 0 no-repeat; }
.slide_cases .arrow .next{ background-position:0 -50px;  }
.slide_cases .arrow .prevStop{ background-position:-60px 0; }
.slide_cases .arrow .nextStop{ background-position:-60px -50px; }


/* -----------新闻----------- */
#idx_news{padding:3rem 0; background-color:#f8f8f8;}

#idx_news_container{}
.swiper-container{}
.swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.idx_news_list{width:100%;}
.idx_news_list ul:after{display:block; clear:both; content:''}
.idx_news_list ul li{margin-top:1rem; background-color:#FFF; position:relative; width:46%; margin:0 2%; float:left; margin-top:25px;}
.idx_news_list ul li a{position:absolute; left:0; top:0; width:100%; height:100%; background:url(blank.png) no-repeat; z-index:10;}
.idx_news_list ul li .item_pic{width:100%;  overflow:hidden; height:180px;}
.idx_news_list ul li .item_pic img{display:block; width:100%; height:auto; min-height:180px;}
.idx_news_list ul li .item_title{line-height:1.3em; font-size:14px; padding:5px; box-sizing:border-box;}




/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
   cursor:pointer; background:url("arrow.png") 0 0 no-repeat; }
.slideTxtBox .arrow .next{ background-position:0 -50px;  }
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }