@charset "utf-8";
/* CSS Document */
.groups{min-width:1280px;margin:0 auto; padding:40px 40px 30px; border:1px solid #f1f1f1; background:#f9f9f9;position: relative;}
.grounps-info{position:relative; padding:0 60px 10px 120px; font-size:16px; margin-bottom:10px; line-height:40px;height:50px; overflow:hidden}
.open{height:auto !important;}
.grounps-info:last-child{border:none; margin-bottom:0;}
.grounps-info a{display:inline-block; padding-right:40px;}
.grounps-info .grounps-sort{position:absolute; top:0; left:0; color:#666}
.grounps-info .grounps-plus{position:absolute; top:0; right:50px; cursor:pointer;color:green;}
.grounps-info input[type="submit"]{border:0; color:;height:40px;background:#f9f9f9;padding:0 10px; font-size:16px;outline:none;}
.grounps,.grounps-info{min-width:1280px;margin:0 auto;}
.pro{padding:50px 0;}

.left{width:920px;}
.pro-list{border:1px solid #eee; padding:10px; position:relative; margin-top:25px;}
.pro-list:hover{background:#f9f9f9; box-shadow:0 0 5px 5px rgba(0,0,0,0.1)}
.pro-list .label{position:absolute; top:5px; left:5px; background:#0C9; padding:5px 20px; border-radius:3px; color:#fff;}
.pro-list .img{width:220px; height:220px;}
.pro-list .img img{width:100%;height: 100%}
.pro-list .info{width:460px; height:220px; border-right:1px solid #ddd; padding:0 20px; font-size:16px; line-height:28px;}
.pro-list .info h3{line-height:50px; font-weight:600;padding: 0 auto 5px auto;}
.pro-list .info h3 a:hover{color:#169bd5;}
.pro-list .info span{color:#999;margin:1px auto;padding:5px 10px 5px 0}
.button{text-align:center; padding:30px 30px 0;}
.button span{font-size:36px; font-weight:400;}
.button a{width:120px;display:inline-block; padding:0 20px; line-height:40px; border-radius:3px;}

.inquiry-but{background:#0099FF; color:#fff; margin:20px 0 10px;}
.inquiry-but:hover{background:#0087C8; color:#fff; ;}

.collect-one{background:#0099FF; color:#fff; margin:20px 0 10px;}
.collect-one:hover{background:#0087C8; color:#fff;}

.collect-two{background:#E0F0F1; color:#666666; margin:20px 0 10px;}
.collect-two:hover{background:#0087C8; color:#666666;}

.real-but{background:#FF0000;color:#fff;}
.real-but:hover{background:#CC0000; color:#fff;}

.right{width:300px;}
.hot-pro-title{border-bottom:1px solid #ccc; background:url(/public/static/image/qianduan/img/title-icon01.png) no-repeat left bottom; padding-bottom:10px; font-size:30px;}
.hot-pro-list{display:block; float:left; background:#fff; width:300px; margin-top:30px; border:1px solid #f1f1f1;}
.hot-pro-list:hover{box-shadow:0 0 10px 5px rgba(0,0,0,0.1);}
.hot-pro-list img{width:100%; border-bottom:1px solid #eee;}
.hot-pro-list .info{padding:10px; line-height:30px; position:relative;}
.hot-pro-list .info span{display:inline-block;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hot-pro-list .info span:nth-child(1){color:#666;}
.hot-pro-list .info h4{padding-top:10px; font-size:16px; width:100%; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#006699;}
.hot-pro-list .info span:nth-child(3){color:#999;}
.hot-pro-list .info .price{color:#F00; font-size:18px; padding-top:10px;}
.hot-pro-list .info .button{position:absolute; right:20px; bottom:20px; font-weight:600; color:#333;}
.hot-pro-list .info .gg{position:absolute; right:0px; bottom:10px; font-weight:600; color:#333;}
/*申请报价弹框，后台人员添加的*/
.black-bg{width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:10; display:none}
.window{position:fixed; width:640px; top:50%; left:50%; margin-left:-320px; background:#fff; padding:20px 30px 30px; z-index:11; border-radius:4px;}
.offer-form{margin-top:-180px; display:none}
.window .operation{position:relative; border-bottom:1px solid #ddd; padding-bottom:10px; font-size:18px; color:#169bd5;}
.window .operation a{display:block; cursor:pointer; background:#eee; color:#999; border-radius:3px; width:24px; line-height:24px; top:0; font-size:12px; right:0; position:absolute; text-align:center;}
.window .operation a:hover{background:#169bd5; color:#fff;}
.window .info{margin-top:20px; font-size:14px; color:#999; line-height:30px;}
.window .info h5{font-size:18px; margin-bottom:10px; color:#333; font-weight:600;}
.window .info span{color:#333;}
.window .form{margin-top:20px; border-top:1px solid #ddd; padding-top:20px;}
.window .form .quantity{border-top:1px solid #ddd; padding:15px 0 0; color:#666}
.window .form input[type="text"]{border:1px solid #ddd; padding:10px; border-radius:3px; width:100%; height:40px;}
.window .form select{border:1px solid #ddd; padding:10px; border-radius:3px; width:100%; height:40px;}
.window .form .address select{width:32.6%}
.window .form textarea{border:1px solid #ddd; padding:10px; border-radius:3px; width:100%; height:100px;}
.window .form input[type="button"]{border-radius:3px; width:160px; height:40px; color:#fff; background:#999; margin-right:40px; margin-top:30px; font-size:16px;}
.window .form input[type="button"]:hover{background:#666;}
.window .form input[type="submit"]{border-radius:3px; width:160px; height:40px; color:#fff; background:#169bd5; margin-top:30px; font-size:16px;}
.window .form input[type="submit"]:hover{background:#006699;}
.order-but{width:200px; line-height:50px; color:#fff; background:url(/public/static/image/qianduan/img/images/but-bg.png) repeat; border-bottom:3px solid #600006; display:block; letter-spacing:1px; border-radius:5px; margin:30px auto 10px; text-align:center; font-size:18px;}
.order-but:hover{color:#fff200;}