@charset "utf-8";
/* ---------公用--------- */
.view_more {background-image: linear-gradient(90deg,#ffb618,#ffde45,#ffb618); width:170px; height:48px; line-height:48px;  margin:40px auto 0 auto;color: #161616;font-weight: 700;cursor: pointer; text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
.view_more a{ font-size:16px;}
.view_more a span{ font-size:18px; position:relative; top:2px;}

.pos_fixed2{position:fixed; left:0px; top:50px; z-index:666; border-bottom:1px solid #e2e2e2;}
/* ---------标题--------- */
.idx_subtitle{ text-align:center;}
.idx_subtitle h3{ font-size:25px; height:35px; line-height:35px;}
.idx_subtitle p{ margin-top:10px; color:#999; line-height:20px;}
.idx_subtitle span{ display:block; margin:15px auto 0px auto; width:50px; height:6px; background-color:#fbc111;}

.sub_sort{ margin-top:20px; text-align:center;}
.sub_sort a{ display:inline-block; margin:0px 50px; width:100px; height:40px; line-height:40px; font-size:16px;}
.sub_sort .current{ border-bottom:3px solid #000;}
/* ---------大图--------- */
#head_pic{ width:100%; height:500px; position:relative;}
.swiper-container {}
#head_pic .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;
}
#head_pic .swiper-slide img{ width:100%; height:auto;}
#head_pic .swiper-pagination-bullet-active{ background-color:#ff6600;}



#flexslider{ height:auto;background:url(../images/loading.gif) 50% no-repeat;position:relative; margin:10px auto 0px auto;}
.slides{z-index:1;}
.slides li{height:auto; text-align:center;}
.slides li img{ width:100%; height:auto;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/* ---------首页产品分类--------- */
#goods_sortbox{}
#goods_sortlist{}
#goods_sortlist ul li{ float:left; position:relative; width:270px; height:203px; margin-left:30px; margin-top:30px; text-align:center; overflow:hidden;}
#goods_sortlist ul li:nth-child(4n+1){ margin-left:0;}

#goods_sortlist ul li a{ position:absolute; left:0; top:0; width:100%; height:100%;  display:block;   z-index:20; background:url(../images/blank.gif) no-repeat;}

#goods_sortlist ul li .item_pic{width:270px; height:203px;}
#goods_sortlist ul li .item_pic img{ width:100%; height:auto;}

#goods_sortlist ul li .item_cont{ position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(252,192,16,0.85); z-index:10; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
-transition:0.3s;
}

#goods_sortlist ul li .item_cont h3{ margin-top:30px; height:40px; line-height:40px; padding:0 10px; overflow:hidden;}
#goods_sortlist ul li .item_cont p{ padding:0px 10px; height:80px; line-height:20px; text-indent:2em; overflow:hidden;}

#goods_sortlist ul li:hover .item_cont{filter:alpha(Opacity=1);-moz-opacity:1;opacity:1;}

/* ---------流程-------- */
#process{  width:100%; background-color:#f7f7f7;}
.process_list{ width:1230px; margin:40px auto;}
.process_list ul li{ float:left;  text-align:center; position:relative;}
.process_list ul li:nth-child(2n+1){ width:150px;}
.process_list ul li:nth-child(2n+2){ width:120px;}

.process_list ul li span{ display:block; height:55px;}
.process_list ul li span img{ width:auto; max-width:50px; height:auto; max-height:55px;}
.process_list ul li em{ display:block; font-style:normal; height:40px; line-height:40px; font-size:16px;}
.process_list ul li p{ line-height:20px; color:#999;}

.process_list ul li:nth-child(2n+2) .iconfont{ margin-top:30px; font-size:30px; color:#cecece;}

/* ---------攻略-------- */
#strategy_list{ margin-top:10px;}
#strategy_list ul li{ float:left; width:388px; margin-top:20px; height:358px; margin-left:18px; position:relative; overflow:hidden;}
#strategy_list ul li:nth-child(3n+1){ margin-left:0;}
#strategy_list ul li a{ position:absolute; left:0; top:0; width:100%; height:100%;  display:block;  background:url(../images/blank.gif) no-repeat; z-index:20;}
#strategy_list ul li .item_title{ position:absolute; left:0; bottom:-60px; width:100%; height:60px; line-height:60px; overflow:hidden; text-align:center; background:rgba(0,0,0,0.7); font-size:16px; color:#FFF;
padding:0px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;

-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
-transition:0.3s;
}
#strategy_list ul li:hover .item_title{bottom:0px;}

/* ------------------------------------品牌优势 */
#advantage{background-color:#f2f2f2; }
#advantage_list{ width:60%; margin:0px auto;}
#advantage_list ul li{ float:left; width:33.3%; text-align:center;}
#advantage_list ul li span{ display:block; font-size:32px;}
#advantage_list ul li span i{ font-size:14px; font-style:normal;}
#advantage_list ul li p{ height:25px; color:#666;}

.advantage_cont{margin:0px auto; text-align:center; color:#666; padding-top:40px; font-size:16px;}

/* ---------定制案例-------- */
#cases_list{ margin-top:10px;}
#cases_list ul li{ float:left; width:388px; margin-top:20px; height:388px; margin-left:18px; position:relative; overflow:hidden;}
#cases_list ul li:nth-child(3n+1){ margin-left:0;}
#cases_list ul li a{ position:absolute; left:0; top:0; width:100%; height:100%;  display:block;  background:url(../images/blank.gif) no-repeat; z-index:20;}
#cases_list ul li .item_title{ position:absolute; left:0; bottom:-60px; width:100%; height:60px; line-height:60px; overflow:hidden; text-align:center; background:rgba(0,0,0,0.7); font-size:16px; color:#FFF;
padding:0px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;

-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
-transition:0.3s;
}
#cases_list ul li:hover .item_title{bottom:0px;}


/* ---------图案酷-------- */
#tuanku_box{  width:100%;  background-color:#f7f7f7;}
#tuanku_container{height:285px;}
.swiper-container{height:100%; margin-top:40px; }
.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;
}
.tuanku_list{}
.tuanku_list ul li{ float:left; margin-left:20px; width:285px; height:285px;}
.tuanku_list ul li:nth-child(1){ margin-left:0;}
.tuanku_list ul li img{ width:285px; height:285px;}

/* ---------展厅-------- */
#zhanting_box{}
.item_zhanting{ width:100%; }
.item_zhanting img{ width:1200px; }
.sub_title .protype:first-child{margin-left:10px}
.sub_title .protype:last-child{margin-left:340px}
.protype{display:inline-block}
.protype h2 em{background:none; color:#fcc010; width:auto; left:-13px; font-size:29px; top:-2px;}
.protype h2 i{position:relative;}