/* CSS Document */
#in_box{ padding:1.5rem 0;}
#in_box5{ padding:0 0 1.5rem 0;}
#in_box2{}
#in_box3{ padding:1rem;}
.com_pad{ padding:2.5rem 0;}
.ft_red{ color:#F00;}
/* -----------------------------产品 */
/* 分类 */
.sort_list{ margin-top:1rem; text-align:center;}
.sort_list a{ display:inline-block; padding:0.2rem 1.5rem; margin:0.5rem; background-color:#f5f5f5; color:#666;
-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
-ms-border-radius:0.5rem;
-o-border-radius:0.5rem;
border-radius:0.5rem;
}
.sort_list .current{ background-color:#fbc111; color:#333;}
#goods_list ul:after{display:block; content:''; clear:both}

/* 产品 */
#goods_list{ padding:0px 1.5rem;}
#goods_list ul li{ float:left; margin-top:2rem; margin-bottom:1rem; margin-left:4%; width:47%; position:relative;
-webkit-box-shadow: 0 2px 10px 0 hsla(0,0%,81%,.5);
-moz-box-shadow: 0 2px 10px 0 hsla(0,0%,81%,.5);
-os-box-shadow: 0 2px 10px 0 hsla(0,0%,81%,.5);
box-shadow: 0 2px 10px 0 hsla(0,0%,81%,.5);
}
#goods_list ul li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
#goods_list ul li:nth-child(2n+1){ margin-left:0;}
#goods_list .item_cont{padding:0.8rem 1rem;


-webkit-box-sizing:border-box; /* Safari */
-moz-box-sizing:border-box; /* Firefox */
-os-box-sizing:border-box; /* Firefox */
box-sizing:border-box;
}
#goods_list .item_pic{ width:100%; height:0; padding-bottom:120%; overflow:hidden;}
#goods_list .item_pic img{ width:100%; height:auto;}

#goods_list .item_title_main{ height:3.5rem; line-height:3.5rem; color:#000; font-weight:700; border-bottom:1px solid #eaeaea; overflow:hidden;}

#goods_list .item_title{ margin-top:1rem;}
#goods_list .item_pot{padding-right:5px;}
#goods_list .item_pot img{ width:18px; height:18px; position:relative;}
#goods_list .iiem_txt{ height:3rem; line-height:1.5rem; font-size:1.2rem; color:#666; overflow:hidden;}

/* 定制流程 */
#dingzhiliucheng{ margin-top:2rem;  background-color:#f5f5f5;}
.dingzhiliucheng_list{ padding:2rem;}
.dingzhiliucheng_list ul li{ float:left; text-align:center;}
.dingzhiliucheng_list ul li:nth-child(odd){ width:28%;}
.dingzhiliucheng_list ul li:nth-child(odd) img{ width:auto; max-width:65%; height:auto;}
.dingzhiliucheng_list ul li:nth-child(odd) p{ height:2rem; line-height:2rem;}

.dingzhiliucheng_list ul li:nth-child(even){ width:8%;}
.dingzhiliucheng_list ul li:nth-child(even) span{ display:block; font-size:2rem; color:#ababab; padding-top:0.5rem;}
/* 产品优势 */
.goods_advantage_list{ margin-top:2rem; width:100%; position:relative;}
.goods_advantage_list .hd{ position:absolute; left:0; top:0; width:100%; height:5rem;  background:#242424; z-index:20;}
.goods_advantage_list .hd ul{width:100%;height:5rem;}
.goods_advantage_list .hd ul li{ float:left; width:20%; height:5rem; line-height:5rem; text-align:center; color:#FFF; cursor:pointer; position:relative;}
.goods_advantage_list .hd ul li.on{height:5rem; line-height:5rem; background-color:#fbc111; color:#FFF;  }
.goods_advantage_list .hd ul li.on::after {content: "";position: absolute;bottom: -20px;left: 50%;
transform: translateX(-50%);width: 0;height: 0;border: 10px solid transparent;border-top-color: #fbc111;z-index: 20;}


.goods_advantage_list .bd{ width:100%; z-index:10;}
.goods_advantage_list .bd ul{ padding-top:5rem;}
.goods_advantage_list .bd li{ width:100%;}
.goods_advantage_list .bd li img{ width:auto; max-width:100%; height:auto;}

/* 服务优势 */
.service_advantage_list{ margin-top:2rem; width:100%; position:relative;}
.service_advantage_list .hd{ position:absolute; left:0; top:0; width:100%; height:5rem;  background:#242424; z-index:20;}
.service_advantage_list .hd ul{width:100%;height:5rem;}
.service_advantage_list .hd ul li{ float:left; width:33%; height:5rem; line-height:5rem; text-align:center; color:#FFF; cursor:pointer; position:relative;}
.service_advantage_list .hd ul li:nth-child(2){ width:34%;}

.service_advantage_list .hd ul li.on{height:5rem; line-height:5rem; background-color:#fbc111; color:#FFF;  }
.service_advantage_list .hd ul li.on::after {content: "";position: absolute;bottom: -20px;left: 50%;
transform: translateX(-50%);width: 0;height: 0;border: 10px solid transparent;border-top-color: #fbc111;z-index: 20;}

/*position:absolute; top:5rem; left:0;*/

.service_advantage_list .bd{  width:100%; z-index:10;}
.service_advantage_list .bd ul{padding-top:5rem;}
.service_advantage_list .bd li{ width:100%;}
.service_advantage_list .bd li img{ width:auto; max-width:100%; height:auto;}

/* 图片列表 */
.pic_list{}
.pic_list ul li{ float:left; margin-left:3%; width:45.5%; margin-top:3%; text-align:center; position:relative;}
.pic_list ul li a{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/blank.png) no-repeat; z-index:10;}

.pic_list ul li .item_pic{ width:100%; height:0; padding-bottom:100%; text-align:center; overflow:hidden;}
.pic_list ul li .item_pic img{ width:auto; max-width:100%; height:auto;}
.pic_list ul li .item_title{ height:3rem; line-height:3rem; overflow:hidden;}



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

/* 获取更多 */
.get_more{ text-align:center;color:#999;}
.get_more a{color:#999;}
.get_more .iconfont{ margin-top:0.5rem; color:#999; font-size:3.2rem;}

/* -----------------------------案例 */
#cases_box{}
.cases_list{ padding:0 2rem;}
.cases_list ul li{ width:100%; margin-top:2.5rem; position:relative;
-webkit-box-shadow: 0 2px 15px 0 hsla(0,0%,81%,.5);
-moz-box-shadow: 0 2px 15px 0 hsla(0,0%,81%,.5);
-os-box-shadow: 0 2px 15px 0 hsla(0,0%,81%,.5);
box-shadow: 0 2px 15px 0 hsla(0,0%,81%,.5);

-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
-ms-border-radius:0.5rem;
-o-border-radius:0.5rem;
border-radius:0.5rem;

}
.cases_list ul li a{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/blank.png) no-repeat; z-index:10;}
.cases_list .item_pic{ width:100%; height:0; padding-bottom:75%; overflow:hidden; text-align:center;
-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
-ms-border-radius:0.5rem;
-o-border-radius:0.5rem;
border-radius:0.5rem;
}
.cases_list .item_pic img{ width:auto; max-width:100%; height:auto;}
.cases_list .item_title{ height:4rem; line-height:4rem; padding:0px 1rem;}
.cases_list .item_title p:nth-child(1){ width:2rem; height:2rem; line-height:2rem; margin-top:1rem; overflow:hidden;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;}
.cases_list .item_title p:nth-child(1) img{ width:100%; height:100%;}
.cases_list .item_title p:nth-child(2){ margin-left:1rem; height:4rem; line-height:4rem; overflow:hidden;
width:-webkit-calc(100% - 4rem);
width:-moz-calc(100% - 4rem);
width:-ms-calc(100% - 4rem);
width:calc(100% - 4rem);
}
/* -----------------------------专题 */
#special_box{ padding:0 2.5rem;}
.special_list ul li{ margin-top:2rem; position:relative;}
.special_list ul li a{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/blank.png) no-repeat; z-index:10;}
.special_list .item_pic{ width:100%; height:0; padding-bottom:100%; overflow:hidden; text-align:center;
-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
-ms-border-radius:0.5rem;
-o-border-radius:0.5rem;
border-radius:0.5rem;
}
.special_list .item_pic img{ display:block; width:auto; max-width:100%; height:auto;}
.special_list .item_des{ padding:1rem 1.5rem;
-webkit-box-shadow: 0 2px 10px 0 hsla(0,0%,81%,.5);
-moz-box-shadow: 0 2px 10px 0 hsla(0,0%,81%,.5);
-os-box-shadow: 0 2px 10px 0 hsla(0,0%,81%,.5);
box-shadow: 0 2px 10px 0 hsla(0,0%,81%,.5);

-webkit-border-bottom-left-radius:0.5rem;
-moz-border-bottom-left-radius:0.5rem;
-ms-border-bottom-left-radius:0.5rem;
-o-border-bottom-left-radius:0.5rem;
border-bottom-left-radius:0.5rem;

-webkit-border-bottom-right-radius:0.5rem;
-moz-border-bottom-right-radius:0.5rem;
-ms-border-bottom-right-radius:0.5rem;
-o-border-bottom-right-radius:0.5rem;
border-bottom-right-radius:0.5rem;

}
.special_list .item_des h3{ font-size:1.6rem;}
.special_list .item_des p{}
.special_list .item_des span{ display:block; color:#999; text-decoration:underline;}

/* -----------------------------新闻 */
.news_list{}

.news_list li{ margin-top:1rem; background-color:#FFF; padding:1.5rem 1rem; border-bottom:1px solid #e2e2e2; position:relative;
-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
-ms-border-radius:0.5rem;
-o-border-radius:0.5rem;
border-radius:0.5rem;
}
.news_list li a{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/blank.png) no-repeat; z-index:10;}
.news_list li .item_pic{ width:20%;  overflow:hidden;}
.news_list li .item_pic img{ display:block; width:auto; max-width:100%; height:auto;}
.news_list li .item_title{  margin-left:1rem; line-height:1.5em;
width:-webkit-calc(80% - 1rem);
width:-moz-calc(80% - 1rem);
width:-ms-calc(80% - 1rem);
width:calc(80% - 1rem);
}



/* -----------------------------顾问 */
#cust_box{ background:url(../images/bg2.jpg) no-repeat center top; background-size:100% auto; padding:10rem 1.5rem 1.5rem 1.5rem;}
.cust_cont{ position:relative;  background-color:#FFF; margin:0px auto;
-webkit-border-radius:1rem;
-moz-border-radius:1rem;
-ms-border-radius:1rem;
-o-border-radius:1rem;
border-radius:1rem;

-webkit-box-shadow: 0 2px 10px 0 hsla(0,0%,80%,0.3);
-moz-box-shadow: 0 2px 10px 0 hsla(0,0%,80%,0.3);
-os-box-shadow: 0 2px 10px 0 hsla(0,0%,80%,0.3);
box-shadow: 0 2px 10px 0 hsla(0,0%,80%,0.3);

}
.cust_headpic{ position:absolute; left:50%; margin-left:-4rem; top:-4rem; width:8rem; height:8rem; line-height:8rem; background-color:#fbc111; overflow:hidden;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;

-webkit-box-shadow: 0 2px 10px 0 hsla(0,0%,80%,0.8);
-moz-box-shadow: 0 2px 10px 0 hsla(0,0%,80%,0.8);
-os-box-shadow: 0 2px 10px 0 hsla(0,0%,80%,0.8);
box-shadow: 0 2px 10px 0 hsla(0,0%,80%,0.8);

}
.cust_headpic img{ width:100%; height:100%;}
.cust_container{ padding-top:5rem; padding-bottom:3rem;}
.cust_title{text-align:center; color:#999;}
.cust_btn{ text-align:center; margin-top:2rem;}
.cust_btn a{ display:inline-block; border:1px solid #e1e1e1; padding:0.65rem 2.45rem; margin:0 0.5rem;

-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
-ms-border-radius:0.5rem;
-o-border-radius:0.5rem;
border-radius:0.5rem;
}
.cust_btn .current{ background-color:#fbc111; border:1px solid #fbc111;
background-image: linear-gradient(90deg,#ffec6b,#fbc111);
}
.cust_btn a .iconfont{ font-size:1.8rem; position:relative; top:0.2rem;}
.cust_btn a .wt1{ font-size:1.9rem;}

.cust_tel{ margin-top:2rem; text-align:center; line-height:1.8em; color:#999;}
.cust_tel p{ color:#111;}
/*.cust_tel p span{ display:inline-block;
background:url(../images/bg4.png);
background-size:100% 100%;
background-repeat:repeat-x;
}*/
/* 流程 */
#cust_process{ margin-top:5rem;}
.cust_process_list{}

.cust_process_list ul li{ float:left; text-align:center; color:#808080;}
.cust_process_list ul li:nth-child(odd){ width:28%;}
.cust_process_list ul li:nth-child(odd) .iconfont{ font-size:2.2rem;}
.cust_process_list ul li:nth-child(odd) p{ height:2rem; line-height:2rem; font-size:1.2rem;}
.cust_process_list .wt2{ font-size:2rem;}

/* 展厅 */
#cust_zhanting{ margin-top:5rem;}
.zhanting_pic{ position:relative; overflow:hidden; margin:2rem 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;  }

/* 优势 */
#cust_advantage{ margin-top:3rem;}



/* -----------------------------弹出 */
#show_box{ position:fixed; left:0; top:0; width:100%; height:100%; background:url(../images/bg3.png); display:none; z-index:500;}
#show_box_in{ position:absolute; left:50%; margin-left:-14rem; top:10rem; width:28rem; min-height:20rem; height:auto; }

.show_cont{  padding:2rem 1rem; text-align:center;
 background-color:#FFF;
-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
-ms-border-radius:0.5rem;
-o-border-radius:0.5rem;
border-radius:0.5rem;

-webkit-box-sizing:border-box; /* Safari */
-moz-box-sizing:border-box; /* Firefox */
-os-box-sizing:border-box; /* Firefox */
box-sizing:border-box;
}
.show_cont p{ line-height:2rem;}
.show_cont .it_pic{ padding:1rem 0;}
.show_cont .it_pic img{ width:auto; max-width:100%; height:auto;}
.show_cont .it_nt{ color:#999;}

.show_close{ padding:2rem 0; text-align:center; cursor:pointer; }
.show_close .iconfont{font-size:3rem; color:#FFF;}


/* -----------------------------详细页面 */
#positionx{ padding:0.2rem 0 0.6rem 0; color:#999; border-bottom:1px solid #f5f5f5;}
#positionx a{color:#999;}

.info_title{ padding-top:1rem; font-size:1.8rem; font-weight:600;}
.info_attr{ padding:1rem 0; text-align:center;border-bottom:1px solid #f5f5f5;}
.info_attr span{ margin:0 0.5rem; color:#666;}
.info_attr span i{ color:#999; font-style:normal;}

.info_cont{ padding:1rem 0; min-height:20rem; height:auto; line-height:2em; color:#454545;}
.info_cont img{ display:block; width:auto; max-width:100%; height:auto !important;}

#pre_next{ border-top:1rem solid #f0f0f0; border-bottom:1rem solid #f0f0f0; padding:1rem;}
#pre_next dl{ border-bottom:1px solid #f0f0f0; padding-bottom:0.5rem;}
#pre_next dl dt{ color:#999;}
#pre_next dl dd a{ display:block;}
/* -----------------------------详细页面 */
#gsinfo_box{padding:1rem 0;}
.gsinfo_title{ padding:1rem; font-size:1.6rem; font-weight:600; border-top:1rem solid #f0f0f0; border-bottom:1px solid #e2e2e2;}
.gsinfo_attr{ padding:1rem;}
.gsinfo_attr ul li{ padding:0.2rem 0;}
.gsinfo_attr .attr_pot{ width:8rem; color:#999;}
.gsinfo_attr .attr_tt{ margin-left:1rem;
width:-webkit-calc(100% - 9rem);
width:-moz-calc(100% - 9rem);
width:-ms-calc(100% - 9rem);
width:calc(100% - 9rem);
}
.gsinfo_attr .attr_tt span{ font-size:2rem; position:relative;}
.gsinfo_attr .attr_tt span i{ font-size:1.4rem; font-style:normal;}
.gsinfo_attr .attr_tt span em{ display:block; position:absolute; left:0; bottom:0.4rem; width:100%; height:0.8rem; background-color:#fbc111; z-index:-1;}

.gsinfo_cont_tt{padding:1rem; font-size:1.6rem; font-weight:600; border-top:1rem solid #f0f0f0; border-bottom:1px solid #e2e2e2;}

.gsinfo_cont{padding:1rem;}
.gsinfo_cont img{display:block; width:auto; max-width:100%; height:auto !important;}


/* 相关阅读 */
.r_title h3{ height:4rem; line-height:4rem; border-bottom:1px solid #f5f5f5;}
.r_title h3 span{ float:left;}
.r_title h3 i{ float:right; font-weight:normal; font-style:normal;}
.r_title h3 i a{ font-size:1.4rem; color:#999;}

#r_news{ padding:1rem;}
#r_news ul{ padding-top:0.5rem;}
#r_news ul li{ height:3.5rem; line-height:3.5rem; text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}

/* 相关案例 */
#r_cases{ border-top:1rem solid #f0f0f0; padding:1rem;}
#r_cases ul{}
#r_cases 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);


}
#r_cases ul li:nth-child(2n+1){ margin-left:0;}
#r_cases ul li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.png) no-repeat; z-index:10;}

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


#r_cases .item_title{ height:4rem; line-height:4rem;}
#r_cases .item_title p:nth-child(1){ width:2rem; height:2rem; line-height:2rem; margin-top:1rem; overflow:hidden;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;}
#r_cases .item_title p:nth-child(1) img{ width:100%; height:100%;}
#r_cases .item_title p:nth-child(2){ margin-left:1rem; height:4rem; line-height:4rem; overflow:hidden;
width:-webkit-calc(100% - 4rem);
width:-moz-calc(100% - 4rem);
width:-ms-calc(100% - 4rem);
width:calc(100% - 4rem);
}

/* -------更多 */
.viewmore{text-align:center; height:30px; line-height:30px;-webkit-border-radius: 3px;border-radius: 3px; margin-top:10px; margin:10px auto;}
.viewmore li{color:#FFF; font-size:14px; display:block; background-color:#fbc111; display:inline-block; padding:0 3px; border-radius:5px;}