@charset "UTF-8";
/* CSS Document */

/*----------位置显示---------*/
.wrap{margin:0 auto; width:1200px;}
.crumb-wrap{ position:relative; z-index:8;}
.crumb-inner{ height:40px; line-height:40px; width:1132px; float:left;}
.crumb-inner .crumb-itme{ float:left;}
.crumb-inner .result-count{ padding-right:490px;}
.crumb-inner .crumb-icon{ background-position:0 0; width:11px; height:11px; padding-right:5px;float:left; margin-top:14px;}
.crumb-inner .crumb-arrow{   font-family: "宋体"; margin: 0 5px;float:left;}
.crumb-inner .crumb-selected {border: 1px solid #1d7ad9;float: left;height:20px;line-height:19px;margin:9px 5px 0 0;max-width: 160px;overflow: hidden; padding:0 20px 0 5px; 
text-decoration: none !important;text-overflow: ellipsis;white-space: nowrap;position: relative}
.crumb-inner .crumb-selected em {display: block;font-family: "宋体";font-size: 14px;height:20px;line-height: 20px;position: absolute;right: 0;text-align: center;top: 0;width: 18px;z-index:10; cursor:pointer;}
.crumb-inner  .crumb-selected:hover em {color: #3e94ec;font-weight: bold;}
.crumb-search{ float:left; width:160px;  margin-top: 9px;display:none; }
.shrink{position:absolute!important; right:0; background:#0b58a1;margin-right:0!important; cursor: pointer;color: #fff;float: left;height: 25px;line-height: 22px;text-align: center;height: 25px!important; line-height: 25px!important; width: auto!important; font-size: 12px!important;bottom: 0;background: #1069C3!important;color: #fff!important;}
.shrink .icon-arrow-down{ background-position:0 -40px; width:9px; height:6px; margin-left:5px;}
.shrink .icon-arrow-up{ background-position:-18px -40px; width:9px; height:6px; margin-left:5px;}
.search-k{border: 1px solid #dcdcdc;color: #666;height:20px;line-height: 20px;}
.search-input {border: 0 none;color: #757575;float: left;height:18px;    width: 138px; padding-left:5px;line-height:19px;outline: 0 none;}
.search-btn{ background:url(../images/search-btn.png) no-repeat;     height: 20px;margin-top: 2px;width: 20px;display:inline-block; border:none; cursor:pointer; }
.sort-all{width:100%; display: inline-block; z-index:9999;}
/*---------筛选区域---------*/
.mod-guide{ overflow:hidden; position:relative; z-index:8;}
.brand-area{ border:#efefef solid 2px;min-height: 60px; width:1196px; float:left;}
.product-area{ border:#efefef solid 2px;min-height: 60px; width:1196px; display:inline-block; margin-top:-2px;}
.product-area-1{margin-top:0px;}
.use-area{ border:#efefef solid 2px; min-height: 60px;width:1196px; float:left;  margin-top:-2px;}
.business-area{ border:#efefef solid 2px;min-height: 60px; width:1196px; float:left; margin-top:-2px;}
.area-bg{ background:url(../images/c-bg222.png) repeat-y; }
.filter-item-choosemore {background-color: #fafafa;padding-bottom:0;overflow-y:auto;}
.guide-title {float: left;overflow: hidden;width:50px; }
.guide-title span {display: block;height:16px;line-height: 16px;overflow: hidden;text-align: right; color:#666;text-overflow: ellipsis;white-space: nowrap;width:50px; font-size:14px; font-weight:bolder;}
.guide-cont{ padding:20px 0; float:left; width:1196px;}
.area-bg .guide-cont .filter-dl{width:880px; margin-left:20px; float:left; height:45px; overflow:hidden; position:relative;padding-left:40px;}
.area-bg .guide-cont .bCategory-height{height:auto;}
.guide-cont .filter-dt{float: left;height: 18px;line-height: 17px;margin-right:20px;padding-bottom: 5px;    padding-right: 5px;text-align: right; cursor:pointer;}
.guide-cont .filter-dd{float: left; padding-right: 10px;    white-space: nowrap;}
.filter-dt-on a {background-color: #1d7ad9;color: #fff !important;text-decoration: none !important;}
.filter-dt a ,.filter-dd a {color: #0b58a1;display: block;float: left;height: 18px;line-height: 17px;padding: 0 2px;text-decoration: none !important;white-space: nowrap;}
.filter-dt .filter-itme{  color: #0b58a1;cursor: pointer;display: block;float: left;height: 18px;line-height: 17px;margin-right: 16px;padding: 0 2px;position: relative;text-decoration: none !important;white-space: nowrap;}
.filter-dd-on .filter-itme {background-color: #1d7ad9; color: #fff;}
/*.filter-item-choosemore .filter-act {bottom:-55px;left: 50%;margin-left: -62px;right: auto;top: auto; width:auto;}*/
.classification { width:1111px; float:left;}
.classification .filter-act0 { width:1020px; text-align:center;}
.filter-item-choosemore .guide-cont .filter-dl{width: 1020px; margin-left:20px; float:left; height:auto; overflow:hidden;}
.filter-x {display: none;font-family: "宋体";font-size: 12px;height: 18px;line-height: 17px;position: absolute;right: 2px;top: 1px;}
.filter-item-choosemore .filter-dd-on .filter-x {display: block;}
.filter-itme {color: #1d7ad9;cursor: pointer;display: block;float: left;height: 18px;line-height: 17px;margin-right: 16px;padding: 0 2px;position: relative;text-decoration: none !important;white-space: nowrap;}
.filter-item-choosemore .filter-dd-on .filter-itme {margin-right: 5px;padding-right: 10px;padding-left: 10px;}
.guide-cont .filter-dt {left: 0;position: absolute;top: 0;}
.guide-cont .filter-dt {margin-right: 0;padding-right: 0;}
.filter-item-choosemore .filter-dd-on {padding-right: 5px;}
/*行为按钮*/
.filter-act {/*position: absolute;right: 0;    top: 10px;width: 65px; z-index:99;*/ width:65px; float:left;}
.filter-act a {float: left;margin-left: 10px;text-decoration: none !important;width:44px;}
.filter-choosemore {background-color: #fff;border: 1px solid #d9d9d9;    color: #333;cursor: pointer;height: 16px;overflow: hidden;padding-right:5px;
text-align: center; margin-bottom:10px; width:44px;}
.filter-choosemore span,.filter-more span {height: 16px;line-height: 15px;padding: 0 5px;}
.filter-choosemore .iocn-choo{    background-position: 0 -56px;height: 8px;margin-top: 4px;    width: 8px;}
.filter-more .iocn-more-up{ background-position:-38px -38px;    height: 8px;margin-top: 4px;width:9px;}
.filter-more .iocn-more-down{ background-position:-52px -38px;    height: 8px;margin-top: 4px;width:9px;}
.filter-sure {background-color: #fb8800;border: 1px solid #fb8800;color: #fff !important;padding: 2px 10px;height: 24px;line-height: 23px;text-align: center;width: 54px;}
.filter-cancel {background-color: #fff;border: 1px solid #d9d9d9;padding: 2px 10px;height: 24px;line-height: 23px;text-align: center;width: 54px;   margin-left: 5px;}
.hidden, .hide {display: none !important;}
.filter-act0 a {text-decoration: none !important;}
.filter-sure-disabled {background-color: #f0f0f0;border: 1px solid #d9d9d9;color: #999 !important;padding: 2px 10px;height: 24px;line-height: 23px;text-align: center;width: 54px;}
/*sort*/
.sort{ background:#f7f7f7; border:#efefef solid 1px; height:32px; z-index:999; margin-top:10px;}

/*下拉省市份*/
.pulldown{float: left;height: 28px;padding-top: 4px;}
.area-city {background: url(../images/select-bg.png) no-repeat scroll right 0 #fff;border: 1px solid #dcdcdc;font-size: 12px;height:22px;position: relative;z-index: 11; }
.area-city{width:100px; float:left; margin-right:15px;}
.area-city .select-s{height:22px;line-height:22px!important; overflow:hidden; padding-left:15px;width:85px; cursor:default}
.area-city span {cursor:pointer; display:block;  height:22px; line-height:22px; overflow:hidden; color:#666;}
.area-city ul{ position:absolute; z-index:10001; left:-1px; top:22px; width:100px; height:115px;  border:1px solid #dcdcdc;overflow-y:auto; display:none; color:#555353; background:#fff; overflow-x:hidden;}
.area-city ul li{cursor:pointer; padding-left:12px; width:76px; padding-right:12px; height:22px; line-height:22px; white-space:nowrap; overflow:hidden; text-align:left}
.area-city .show-ul ul{display:block}
.area-city ul .li-hover{background:#ccc!important; color:#fff!important}
/**/
.choose{float: left;height: 27px;padding-left: 10px;padding-top: 5px;}
.choose span{ float:left; padding-right:10px;}
.choose label{  float: left;line-height: 22px;white-space: nowrap; font-family:"宋体"; cursor:pointer;}
.choose label:hover{color:#0b58a1; }
.choose .chenck-input{background-position:-74px 0; width:14px; height:14px; margin-top:-2px; padding-right: 3px; margin-top:-1px\0\9;}
.choose .chenck-input-cur{ background-position:-96px 0;}
/**/
.sort-cate {float: left;height:27px;margin: 0; padding-top:5px; padding-left:10px;position:relative; z-index:99;}
.sort-cate .hover {background-color: #1d7ad9;color: #fff !important;}
.sort-cate-itme {float: left;height: 20px; line-height:20px;margin-right:5px;padding: 0 5px;text-align: center;text-decoration: none !important;width: auto;}
.sort-cate i{margin-left:5px;width:7px; height:9px;}
.sort-cate .sort-cate-itme .icon-sort{ background-position:-19px -56px; }
.sort-cate  .hover .icon-sort{ background-position:-37px -56px;}

/**/
.select-page {display: block;padding-right: 10px; margin-top:5px;}
.select-page .page-btn {float: right;}
.select-page .page-btn a {background-position:-120px 0;display: inline-block;height: 21px;width: 21px;}
.select-page .page-btn .prev-no {background-position:-120px -52px;margin-right: 10px; }
.select-page .page-btn .prev {background-position:-120px 0;}
.select-page .page-btn .prev:hover {background-position:-120px -26px;}
.select-page .page-btn .next {background-position:-151px 0;}
.select-page .page-btn .next:hover {background-position:-151px -26px;}
.page-num {color: #999;float: right;font-family: "Century Gothic";font-size: 14px;padding:1px 15px 0 0;}
.page-num span {color: #0b59a1;}
/*品牌logo*/
.guide-cont .brand-logo li{ border: 1px solid #eaeaea;height:52px;line-height:31px;margin: -1px -1px 0 0;width:114px; float:left;padding:5px 0;position: relative;text-align: center;}
.guide-cont .brand-logo li  img{ height:52px; width:104px; overflow:hidden;}
.guide-cont .brand-logo{  float: left;height:126px;margin-left: 12px;overflow: hidden;padding-right: 10px; position:relative; z-index:99;padding-top: 1px;width: 1020px;}
.guide-cont.brand-logo li a{border: 1px solid #fff;display: inline-block;overflow: hidden;position: relative;}
.guide-cont .brand-logo li .br {border: 1px solid #eaeaea;display: none;height:52px;left:53px -1px;line-height:52px;overflow: hidden;padding:5px 0;position: absolute;
text-align: center;text-overflow: ellipsis;top: -1px;white-space: nowrap; background:#fff; text-decoration:none;width:114px;z-index: 2; left:-1px; color:#666;}
.guide-cont .brand-logo li:hover .br {background-color: #fff;border: 2px solid #63a8e9;display:inline-block;z-index: 4;width:110px; left:0; height:50px; line-height:50px;}
.guide-cont .brand-logo .hover .br {background-color: #fff;border: 2px solid #63a8e9;display:inline-block;z-index: 4;width:110px; left:0; height:50px; line-height:50px;}
.guide-cont .brand-logo .hover .cl-ico {bottom: 0;height: 20px;position: absolute;right: 0;width: 20px;z-index: 4;}
.classification .cl-ico{ background-position:-30px -123px ; }
/*----------案例列表----------*/
.case-box{ border:#efefef solid 1px; width:1200px; height:390px; margin-top:10px; background:#fff; position:relative; z-index:9;}
.case-tit{background: url("../images/line.png") repeat-x 0 15px; width: 1200px;    margin-left: -1px;margin-top: 15px;}
.case-tit h1{ width:173px; height:32px; line-height:32px; text-align:center; color:#444444; background:url(../images/casebg-020.png) top center no-repeat; display:inline-block; vertical-align:middle;}
.case-cont{ padding-top:20px;}
.case-cont .case-left{ width:302px; margin-left:20px; overflow:hidden;}
.case-left .company-name{ border:#efefef solid 1px; height:70px;}
.company-name img{ float:left; height:70px;width:140px;}
.case-left .company-name span{ background:#f7f7f7; height:70px; border-left:#efefef solid 1px;}
.case-left .company-name span img{width:70px;}
.case-left .company-infor{ margin-top:10px;}
.company-infor p{ line-height:22px;}
.company-infor  dl{}
.company-infor  dt{ float:left; height:24px;line-height:22px;}
.company-infor  dd{  float:left;line-height:22px; padding:0 2px;}
.attestation{ float:left; width:100%; margin-top:14px; height:89px;}
.attestation li{   float: left;    position: relative;width:72px; border-right:#efefef solid 1px;}
.attestation img{    padding: 0 20px; width:30px; height:30px;}
.attestation .rz-tit{    background-color: #fff;display: block;position: relative;text-align: center;z-index: 10;}
.attestation .none-br{ border-right:none;}
.case-left .action{ text-align:center; line-height:24px; float:left;}
.case-left .action .in-storage{ background:#e35863; width:58px; height:24px;float:left;}
.case-left .action .in-storages{ background:#cccccc; width:58px; height:24px; float:left;}
.case-left .action .attention{ background:#5489bd; width:58px; height:24px;float:left; margin:0 9px;}
.case-left .action .attentions{ background:#cccccc; width:58px; height:24px; float:left; margin:0 9px;}
.case-left .action .refer{ border:#efefef solid 1px;width:86px; height:24px;float:left; cursor:pointer;}
.refer .zx-ico{ background-position:-46px 0; height:18px; width:18px;  margin-right: 5px;}
.case-left .action a{ color:#fff; text-decoration:none;}
.case-left .action a:hover{ color:#fff;}
.case-left .action .in-storage:hover{ background:#d43844;}
.case-left .action .attention:hover{ background:#2e83d6;}

/*----*/
.case-cont .case-right{ float: left;margin-left:30px;    overflow: hidden;width: 828px;}
.case-right .successful-case{ width:380px; float:right; overflow:hidden;}
.successful-case h1{}
.case-right .case-tit-ico{ background-position:0 -123px; width:27px; height:27px; margin-right:10px;}
.showcase .wh-img{ width:380px; height:380px; overflow:hidden; display:inline-block;}
.successful-case  .showcase{ position:relative; height:270px; width:380px; margin-top:10px;}
.showcase .title{    color: #fff;position: absolute;top:226px;z-index: 99; text-align:center; width:380px; left:0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.showcase .tit-bg{color:#fff; background:#000;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5; height:70px; position:absolute; z-index:98; top:214px; width:380px; left:0;} 
.showcase .title p{ line-height:34px;}
.showcase .title p a{ color:#fff;}
.showcase .title p a:hover{ color:#fff; text-decoration:underline;}
.showcase .title a:hover{color:#fafafa; text-decoration:none;}
.case-right .recommend-products{float:left;  margin-right: 27px;}
.brand-case{ margin-top:10px;}
.brand-case li img{ width:185px; height:185px; overflow:hidden; display:inline-block;}
.recommend-products .brand-case li {float: left;margin-left: 25px;overflow: hidden;width:185px;}
.brand-case .case-info {padding: 5px 0;}
.case-info p {line-height: 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-info .mod-price em{color: #e60012;font-size: 14px;font-weight: bold; margin-right: 0;vertical-align: -1px;   font-family: "arial";margin-right: 2px;}

.brand-case li.noCase{margin-left: 20px;width: 180px;}
.brand-case li.noCase img{ width:180px; height:180px; overflow:hidden; display:inline-block;}

/*分页*/
.turn-page {line-height: 14px; text-align:center; margin-top:40px; margin-bottom:30px;}
.turn-page a, .turn-page span {background: #fafafa; text-decoration:none;border: 1px solid #f2f2f2; display:inline-block;height:12px;
margin-left: 5px;overflow: hidden;padding: 9px 0;text-align: center;width:34px; line-height:12px;}
.turn-page .page-prev, .turn-page .page-next {width:70px; }
.turn-page .page-prev i {background-position:-66px -20px;margin-right: 7px; width:10px; height:12px;}
.turn-page .page-next i {background-position:-66px -35px;margin-left: 7px; width:10px; height:12px;}
.turn-page .page-next:hover i {background-position:-66px -65px;margin-left: 7px; width:10px; height:12px;}
.turn-page .page-prev:hover i {background-position:-66px -50px;margin-left: 7px; width:10px; height:12px;}
.turn-page a:hover, .turn-page .page-cur {background:  #0b59a1;border: 1px solid #0b59a1;color: #fff;}
.turn-page .page-break {background: none ;border: medium none;font-family: "Microsoft Yahei";font-weight: bold;letter-spacing: 2px;}


#test { 
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
width:100%;

} 

/*成功案例 图片滑动*/
.case-right .successful-case{position: relative;  height: 307px;}
.case-right .successful-case:hover img{opacity: 0.8;}
.case-right .successful-case:hover .showcase{opacity: 0.9;}
.case-right .successful-case:hover .tab_btn{display:block;}
.case-right .successful-case .tab_btn{display:none;position: absolute; background: url(../images/tab_btn.png) no-repeat;width: 35px;height: 35px;cursor: pointer;opacity: 1;}
.case-right .successful-case .tab_left{background-position: 0 0;  left: 15px;top: 156px;}
.case-right .successful-case .tab_right{background-position:-40px 0 ;right: 15px;top: 156px;}
.case-right .successful-case .tab_length{width: inherit;position: absolute;bottom:70px;text-align: center;}
.case-right .successful-case .tab_length span{display: inline-block;background: url(../images/tab_btn.png) no-repeat 0 -40px; width: 10px;height: 10px;margin-right: 7px;cursor: pointer;}
.case-right .successful-case .tab_length .btn_selected{background-position: -22px -40px;}
.successful-case  .showcase{ position: absolute;left: 0;bottom: 0;width: 9999px;}
.successful-case  .showcase li{position: relative;float: left;  width: 380px;height: 270px;}

/* demo */
.demo{width:1200px;margin:0px auto;position:relative; margin-top:20px;}
.demo h2{font-size:16px;height:44px;color:#3366cc;margin-top:20px;}
.demo dl dt{font-size:14px;color:#ff6600;margin-top:30px;font-weight:800;}
.demo dl dt, .demo dl dd{line-height:22px;}
/* tabbtn */
.tabbtn{position:relative; height:35px; border-bottom:#1d7ad9 2px solid;}
.tabbtn li{position:relative;float:left; line-height:34px; height:34px; background:#FAFAFA; color:#343434; font-size:14px; font-family:"微软雅黑";  text-align:center; margin-right:8px; padding:0px 20px; border-left:#dedede 1px solid;border-right:#dedede 1px solid;border-top:#dedede 1px solid}
.tabbtn li a{display:block;float:left;overflow:hidden;text-align:center;cursor:pointer; text-decoration:none; color:#343434}
.tabbtn li.current{ color:#FFF; background:#1d7ad9;line-height:35px; height:35px; display:inline-block; border:none;}
.tabbtn li.current a{height:35px;line-height:35px;color:#FFF; font-weight:bolder; display:inline-block; }
/* tabcon */
.tabcon{position:relative;/*必要元素*//*height:85px; */overflow:hidden; width:1200px}
.tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}
.tabcon .sublist{/* height:380px; */}
/* leftcon */
#leftcon .subbox{width:9999em;}
#leftcon .subbox .sublist{float:left;width:664px;}
/* sublist */
.sublist{}
.sublist li{height:28px;line-height:28px;font-size:12px;}
.sublist li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}