﻿/*
* @description: 产品列表页
* @author: liaoli
* @update: liaoli (2015-12-25)
*/

/*产品筛选*/
.param-filter {margin-top:25px;border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef}
.param-filter .row {min-height:50px; border-bottom:1px solid #efefef;  }
.row_title{margin-left:30px;line-height:50px;}
.row-hd { clear:both; width: 150px;text-align: right; float:left; font-size:15px;line-height: 50px;  }
.row-bd {padding:5px; min-height:50px;margin-left: 160px;}
.row-bd ul{ padding: 10px 0px; }
.row-bd li {float: left;padding: 4px 10px; margin-right: 33px; border:1px solid #fff; }
.row-bd li:hover{ border: 1px solid red; cursor:pointer }
.row-bd .g_list_type{border:1px solid red;}
.row-bd .g_list_type a{color:red}
/*产品列表*/
.pro_list{margin-top: 20px;}
.pro_list .i_recom{padding: 15px 0; border-bottom:1px dashed #ccc;}
.oh{overflow: hidden; clear:both;}
.pro_list .i_recom dl{margin-right: -20px;background: #fff;}
.pro_list .i_recom dt{float: left;overflow: hidden;}
.pro_list .i_recom dd{float: left;border: 1px solid #fff;line-height: 1.8; text-align:center;width: 230px;padding: 15px 0px;}
.pro_list .i_recom dd:hover{background-color:#e9e9e9; cursor:pointer;}
.pro_list .i_recom .cont{display: block;width: 100%;overflow: hidden;}
.pro_list .i_recom .img{width: 100%;line-height: 162px;text-align: center;overflow: hidden;}
.pro_list .i_recom .img img{display: inline-block;vertical-align: middle; opacity: 1; width: 200px; height:200px; border:1px solid #ddd;}
.pro_list .i_recom p{margin: 12px 0px;height: 22px;overflow: hidden;}
.pro_list .i_recom .panel{margin: 10px;}
.pro_list .i_recom .panel a{background-color:#f8f8f8;border:1px solid #e3e3e3; padding:6px; font-size:13px; line-height:30px; color:black}
.pro_list .i_recom .panel a:hover{color:#fff; background-color:#C00;}

 .i_recom .lab { margin-left:30px; }
 .i_recom .lab li { float:left; margin:0px 5px;}
.i_recom .lab  .qq {background: url(../image/qq_dan.gif) no-repeat;width: 28px;height: 25px;margin: 2px 0px 2px 5px; }
.i_recom .lab .emailtele .email { background:url(../image/tel.gif) no-repeat; width:17px; height:14px; float:left; margin-top:3px; margin-left:2px;}
.i_recom .lab .emailtele .tel { background:url(../image/email.gif) no-repeat; width:20px; height:18px; float:left;  margin-left:2px;}

.i_recom .lab .emailtele1 .email { background:url(../image/tel.gif) no-repeat; width:20px; height:18px; float:left;  margin-left:2px;}
.i_recom .lab .emailtele1 .tel { background:url(../image/email.gif) no-repeat; width:17px; height:14px; float:left; margin-top:3px; margin-left:2px;}
.i_recom .lab .pos { position:absolute; margin-top:25px;}
.i_recom .lab .pos li { margin-top:12px; border:1px solid #C00; padding:0px 6px; font-size:16px; color:#e60012; display:none;}
.i_recom .lab .pos li em { background:url(../image/up-sj.png) no-repeat; width:21px; height:14px; position:absolute; margin-top:-12px; margin-left:2px;}
 .i_recom .lab .pos .email_pos em {margin-left:62px; }
 .i_recom .lab .emailtele { background:url(../image/red-static.png) no-repeat;width: 75px;  height:22px; line-height:22px; margin-top: 3px;}
 .i_recom .lab .emailtele span {color:#9F5317}
.i_recom .lab .emailtele1 { background:url(../image/blue-static.png) no-repeat; width:75px; height22px;  line-height:22px; margin-top: 3px; }
.i_recom .lab .emailtele:hover { background:url(../image/hover-red.png) no-repeat;}
.i_recom .lab .emailtele1:hover { background:url(../image/hover-blue.png) no-repeat;}


 .i_recom .lab .pos li em { background:url(/Content/image/up-sj.png) no-repeat; width:21px; height:14px; position:absolute; margin-top:-12px; margin-left:2px;}
 .i_recom .lab .pos .email_pos em {margin-left:62px; }



/*产品资讯*/
.chanpinzx{ border: 1px solid #ddd;height: 220px;}
.chanpinzx .title_zx{font-size: 14px; height:34px;color: #333;line-height: 34px;background: #f8f8f8; border-bottom:1px solid #ddd; padding-left: 15px;font-weight: bold;}
.chanpinzx .title_zx a {padding:0px 5px; font-weight:100; font-size:12px; cursor:pointer;}
.chanpinzx .zx_div { padding:20px;}
.chanpinzx .zx_div .zx_content { width:600px; border-right:1px dashed #ddd; float:left; padding-right:10px;}
.chanpinzx .zx_div .title{padding-left: 10px;height: 50px;float:left; width:400px; line-height:20px;  }
.chanpinzx .zx_div .title span{font-size: 16px;font-weight: bold;color: #333; }
.chanpinzx .zx_div .title  a:hover { cursor:pointer; text-decoration:underline; color:#333}
.chanpinzx .zx_div .title .zx_p{ width:400px; height:100px;overflow-y:hidden;overflow-x:hidden;position:relative;z-index:1;}
.chanpinzx .zx_div .zx_content img{ width:190px; height:130px; float:left; cursor:pointer;}
.chanpinzx .zx_div .zx_list { margin-left:640px;}
.chanpinzx .zx_div .zx_list li{ line-height:25px; height:25px;}
.chanpinzx .zx_div .zx_list a{ width:400px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.chanpinzx .zx_div .zx_list span{ float:right;}
.chanpinzx .zx_div .zx_list img{ width:130px; height:70px;}


 .pos1 { position:absolute; margin-top:40px; margin-left:5px; z-index:999; display:none;}
.pos1 li { margin-top:12px; border:1px solid #C00; padding:0px 6px; font-size:16px; color:#e60012; width:160px; height:80px; position:relative;background-color: #fff;}
 .pos1 li em { background:url(../image/up-sj.png) no-repeat; width:21px; height:14px; position:absolute; margin-top:-12px; margin-left:90px;}
 .pos1 .email_pos em {margin-left:62px; }

 .pos1 .tel_pos .tel_input{ width:150px;height: 20px;line-height: 20px;color: #666;background: #fff;margin-top: 15px; font-size:12px;}
 .pos1 .tel_pos .tel_btn{ width:155px;height: 25px;line-height: 25px;color: #fff;background: #c40000; border:0;margin-top: 5px; font-size:14px;}
 .pos1 .tel_pos b {background:url(../image/tell2.png) no-repeat; width:25px; height:14px; position:absolute;top: 50px;right: 110px;}