﻿@charset "UTF-8";
/*--案例列表--*/

.crumb { padding: 13px 0; margin-bottom:15px;}
.crumb a, .crumb span { font-size: 13px; color: #2a2a2a; }
.crumb .first { margin-left: 140px; }

.crumb-grey { border-bottom: 1px solid #ededed; background: #f5f5f5; }
.crumb-grey .first { margin: 0; }

.list { padding-top: 30px; padding-bottom: 100px; }
.list .wrap { position: relative; }
.product.wrap {width: 1060px;padding-left: 140px;}
.selector { margin-top: 10px; }
.selector .selector-row { margin-bottom: 16px; }
.selector .sl-key { float: left; line-height: 25px; }
.selector .sl-key span { font-size: 16px; color: #000; }
.selector .sl-value { padding-left: 6px; float: left; height: 25px; overflow: hidden; }
.selector .sl-value a { margin-left: 10px; font-size: 16px; color: #555; }
.selector .sl-value a:hover,.selector .sl-value a.active{ color: #c71521; }
.selector .sl-value .sl-v-list, .selector .sl-value .sl-v-btns { float: left; }
.selector .sl-value .sl-v-list { width: 820px; line-height: 25px; }
/*.selector .sl-value .sl-v-list { width: 1030px; line-height: 25px; }*/
.selector .sl-value .btn { display: inline-block; padding:0 6px; color: #c71521; border: 1px solid #c71521; border-radius: 4px; text-align: center; }
.selector .sl-value .btn span { color: #c71521; font-size:12px; font-weight:normal;}
.selector .choose a { display: inline-block; padding:0 6px;height: 22px; line-height: 22px; text-align: center; border-radius: 4px; border: 1px solid #848484; }
.selector .choose a:hover{border: 1px solid #c71521;}
.selector .eee { height: auto; overflow: visible;}
.selector .sl-value.eee li{  float: left; width: 50%; margin-top:6px;  }
.selector .sl-value.eee .sl-v-list{ width: 1030px;}
.selector .sl-value.eee span{ font-size: 16px; color: #000; margin-left: 10px;}
.selector .sl-value.eee a{ color: #777; }
.selector .sl-value.eee a:hover{ color: #f00; }
.selector p.pnum,.crumb p.pnum{line-height:30px; font-size:15px; padding-top:10px;}
.selector p.pnum strong,.crumb p.pnum{ color:#c71521;} 
.crumb p.pnum{color: #555;}
.crumb p.pnum strong,.crumb p.pnum a:hover{ color:#c71521;} 
.crumb p.pnum a{ font-size:16px; color: #000; padding-left: 10px; }
.pager{ width:100%; line-height:30px; font-size:16px; padding:10px 0;margin-bottom: 46px;  text-align:center;}
.pager a{ color:#595757;padding:0 5px;}
.pager a:hover{ color:#e63520;}
.pager b{ font-weight:normal; color:#e63520; padding:0 5px;}
.order{ border-bottom:1px solid #aaa; font-size:16px; line-height:40px;}
.order a{ display:inline-block; padding-right:35px; color:#222;}
.order a:hover,.order a.cur{color: #c71521;}

.item-list{margin-top:20px;width:1200px; overflow:hidden;}
.item-list ul{ display:block; width:1210px;}
.item-list li{width:290px; margin-right:10px; float:left; margin-bottom:20px; background:#fff; position:relative;}
.item-list li img.sellout{width:100px; height:auto; position:absolute; top:8px; left:0; z-index:99999999;}
.item-list li img{display:block; width:100%;}
.item-list li .text{padding:15px 20px;}
.item-list li .text a h3{padding:5px 0 10px 0; font-size:18px; color:#333;}
.item-list li .text a:hover h3{color: #c71521;}
.item-list li .text table{width:98%; font-size:14px; line-height:22px; text-align:center;}
.item-list li .text tr.sname{background:#c71521; color:#fff;}
.item-list li .text tr.sname td{ border-right:1px solid #5b5b5b;background:#5b5b5b; color:#fff;}
.item-list li .text tr.sname td.td1{ border-left:1px solid #c71521;border-right:1px solid #c71521;background:#c71521; color:#fff;}
.item-list li .text tr.svalue td{border-right:1px solid #5b5b5b;border-bottom:1px solid #5b5b5b;height: 22px;}
.item-list li .text tr.svalue td.td1{border-left:1px solid #c71521;border-right:1px solid #c71521; color:#c71521;border-bottom:1px solid #c71521;}
.item-list li .text p.price{line-height:20px; padding-top:15px; color:#c71521;}
.item-list li .text p.price strong{font-size:18px;}
.item-list li .text p.price span{color:#666;}
.item-list li a.odbtn{position:absolute; bottom:10px; right:25px; background:#f00; display:block; width:100px; height:32px; text-align:center; line-height:32px; color:#fff; font-size:14px;}
.item-list li a.odbtn:hover{background:#C00;}
.catinfo h1{ padding-bottom: 8px; color: #555; font-size: 20px;}
.catinfo .desc{font-size: 16px;color: #555;}
.catinfo .desc strong{ color: #f00; padding:0 3px; }
.catinfo .desc h2{ font-size: 16px; color: #000; line-height: 32px; font-weight: normal;}
.catinfo .desc p{ padding-bottom: 10px; text-indent: 2em;}
.catinfo .desc a{ color: #000; font-size: 18px;}
.catinfo .desc a:hover{ color: #f00; }
.pro_more{width: 100%; text-align: center; font-size: 16px;}
.pro_more a{ color: #595757;}
.pro_more a .icon{ font-size: 28px; }
.pro_more a:hover{color: #c71521;}
.noprotips{font-size: 18px; text-align: center; line-height: 100px; padding-bottom: 30px;}
.tp_poupout{position: fixed; top: 0px;right: 0px;bottom: 0px;left: 0px; z-index:999999998;color: #555; display: none;background:url(img/br70_g_bg.png);overflow-y:scroll; width:100%; height:100%;}
.poupcontainer{ width:480px; position:absolute; top:50%; z-index:999999999;left:50%; padding:20px 10px; margin-top:-223px;display: none; margin-left:-260px; background:#fff; border-radius:6px; text-align:center; font-size:16px;}
#letters-tab li{ display: block; width: 65px; float: left; cursor: pointer;  line-height: 35px;border: 1px solid #fff;border-bottom: 1px solid #ccc;}
#letters-tab li.cur{border: 1px solid #ccc;border-bottom: 1px solid #fff;background:}
#city-tab{ padding: 15px 10px; }
#city-tab li{ display: none;  line-height: 22px; font-size: 14px;}
#city-tab li.cur{ display: block; text-align: left;}
#city-tab li p{ padding: 8px 0; border-bottom: 1px dashed #ccc;}
#city-tab li a{ display: inline-block; margin-left: 8px; color: #333; font-size: 16px;}
#city-tab li a:hover{ color:#f00; }
 #city-tab li a.nohref{ color: #999; font-size: 14px; cursor:default;}
.selector .sl-value a.nohref{cursor:default; }
.selector .sl-value a.nohref:hover{color: #555;}
.sss{line-height: 40px; font-size: 20px; color: #fff; font-weight: bold; display: block; width: 100%; position: absolute; top:90px; left:0; text-align: center; background: url(img/s.png);z-index: 99999999;}
.preview .sss{ top: 185px; line-height: 50px; }