﻿
.slideBox{ width:100%; height:342px; overflow:hidden; position:relative; /*border:1px solid #ddd;*/  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius: 20px; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }





/*定制流程*/
.home-process{background:#000;padding:50px 0;}
.home-process .page_tit h3{color: #fff;}
.home-processMain{padding-bottom: 30px;position: relative;}
/*.home-processMain:before{position: absolute;content: "";width:349px;height: 248px;background: url(../images/fruit1.png) no-repeat center center;right: -349px;top: -248px;}*/
.home-processMain li{width: 182px;height: 134px;text-align: center;border: 2px solid #d3d3d3;float: left;margin-right: 52px;transition: all .5s;-webkit-transition: all .5s;position: relative;background: #000;}
.home-processMain li:hover{border-color: #be9a78 ;}
.home-processMain .lc5{margin-right: 0;}
.home-processMain li i{display: block;width:40px;height: 40px;margin: 20px auto 10px;background: url(../images/home-process-ico.png) no-repeat ;}
.home-processMain li span{display: block;color: #fff;font-size: 14px;margin-bottom: 5px;}
.home-processMain li strong{font-size:24px;color: #fff;font-weight: normal;}
.home-processMain li:after{content: "";position: absolute;width: 40px;height: 35px;background: url(../images/home-jt1.jpg) no-repeat center center #000;top: 50px;right: -22px;transition: all .5s;-webkit-transition: all .5s;}
.home-processMain li:hover:after{background: url(../images/home-jt2.jpg) no-repeat center center #000;transform: translateX(15px);-ms-transform: translateX(15px);-webkit-transform: translateX(15px);-o-transform: translateX(15px);-moz-transform: translateX(15px);}
.home-processMain .lc5:after{background: none;}
.home-processMain .lc5:hover:after{background: none;}
.home-processMain .lc2 i{background-position:-40px 0 ;}
.home-processMain .lc3 i{background-position:-80px 0 ;}
.home-processMain .lc4 i{background-position:-120px 0 ;}
.home-processMain .lc5 i{background-position:-160px 0 ;}


@media only screen and (max-width: 900px){

.slideBox {height: auto;}

.home-processMain li{width: calc( 100% / 2 - 15px);margin: 5px 5px;}
.home-processMain li::after{ display:none;}
.news_list p{ height:auto;-webkit-line-clamp: 2;}

}



