@charset "utf-8";
/*产品展示*/
.prod_list{}
.prod_list .list{margin:0 -20px}
.prod_list .list li{float:left;width:calc(33.3333% - 40px);margin:0 20px 36px;}
.prod_list .list li a{display:block;background:#eee;padding-top:1px;}
.prod_list .list li .pic{display:block;margin:0 1px 1px;background: #fff;padding:5px;}
.prod_list .list li .pic img{width:100%;display: block;}
.prod_list .list li .tit{line-height:56px;height:56px;overflow:hidden;font-size:14px;text-align:center;color:#333;text-overflow: ellipsis;white-space: nowrap;padding:0 5px;}
.prod_list .list li a:hover{background:#42327f}
.prod_list .list li a:hover h3{color:#fff;}

/*产品详细*/
.prod_pic{margin:44px 0 50px;}
.prod_pic .spic{position:relative;height:361px;}
.spic .prev,.spic .next{position:absolute;top:50%;width:32px;height:100px;background:#666;margin-top:-50px;z-index:5;transition:all 0.15s ease-in-out 0s;}
.spic .prev i,.spic .next i{position:absolute;left:50%;top:50%;width:6px;height:11px;background:url(../images/arrowe.png) no-repeat;margin:-5px 0 0 -3px;}
.spic .prev{left:0px;}
.spic .next{right:0px;background-color:#42327f}
.spic .next i{background-position:-6px 0}
.spic .prev:hover,.spic .next:hover{background-color:#42327f}

.spic .list{position:relative;height:400px;margin:0 56px;}
.spic .list li{position:absolute;left:0;top:48px;width:360px;height:360px;transition:all 0.15s ease-in-out 0s;}
.spic .list li a{display:block;position:relative;height:100%;border:1px solid #e6e6e6;box-sizing: border-box;padding:5px;}
.spic .list li a img{width:100%;height:100%;}
.spic .list li a span{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.3)}

.spic .list li.active{width:400px;height:400px;top:0px;z-index:3;}
.spic .list li.active a{border:2px solid #ee8e16;padding:3px;}
.spic .list li.active span{opacity:0;}

.tab{}
.tab .tabt{border-bottom:2px solid #eee;height:50px;line-height:50px;text-align:center}
.tab .tabt span{float:left;padding:0 20px;text-align:center;font-size:16px;cursor:pointer;text-transform:uppercase;margin-right:20px;}
.tab .tabt span.active{color:#ee8e16;border-bottom:2px solid #ee8e16}
.tab .tabt em{display:inline-block}
.tab .tabc{padding:20px 0;display:none}

.prod_tt{font-size:16px;line-height:48px;margin-bottom:20px;background:#eee;color:#333;padding-left:24px;}
.prod_nr{margin-bottom:30px}
.prod_nr img{max-width:100%}

.prod_recom{position:relative;}
.prod_recom ul{margin:0 -15px}

.prod_recom li{float:left;width:calc(25% - 30px);margin:0 15px 15px;}
.prod_recom li a{display:block;background:#eee;padding-top:1px;}
.prod_recom li .pic{display:block;margin:0 1px 1px;background: #fff;padding:5px;}
.prod_recom li .pic img{width:100%;display: block;}
.prod_recom li .tit{line-height:46px;height:46px;overflow:hidden;font-size:14px;text-align:center;color:#333;text-overflow: ellipsis;white-space: nowrap;padding:0 5px;}
.prod_recom li a:hover{background:#42327f}
.prod_recom li a:hover h3{color:#fff;}