.index-menu-w{ max-width:1200px; margin:0 auto; position:relative;  }
.index-menu{ height:59px; background:#fff; box-shadow: 0 8px 8px rgba(0,0,0,0.1);}
.index-menu ul.menu{ margin-left:270px;}
.index-menu ul.menu > li{ line-height:59px; float:left;}
.index-menu ul.menu > li > a{ display:block; padding:0 40px; font-size:20px;}

.menutab{ width:250px; background:#333; font-size:16px; position:absolute; left:0; top:0; z-index: 1001; }
.menutab ul.title{ color:#fff; font-weight:bold; padding:0 20px; line-height: 59px; font-size:20px; background:#f60; }
.menutab .menu-xl{ top:52px; left:0;width:100%; z-index:0; padding:10px 0;}
.menutab .menu-xl li:last-child{ border-bottom:0;}
.menutab .menu-xl li{ display:block;  font-size:12px; text-align:left; padding:9.4px 20px; }
.menutab .menu-xl li span{ margin-right:18px;color:rgba(255,255,255,0.5);}
.menutab .menu-xl li span a{color:rgba(255,255,255,0.5);}
.menutab .menu-xl li span:last-of-type{ margin-right:0;}
.menutab .menu-xl li span:nth-child(1){  font-size:14px; color:#fff;}
.menutab .menu-xl li span:nth-child(1) a{ color:#fff;}
.menutab .menu-xl li:hover{ background:#000;}
.menutab .menu-xl li:hover span{ color:#fff;}
.menutab .menu-xl li:hover span a{ color:#fff;}
.menutab .menu-xl li .menusmall{ display: none; opacity:0; height:0; z-index:-111; position:absolute; left:200px; overflow:hidden; width:600px; background:rgba(255,255,255,0.99); padding:0 15px 15px 15px; transition:all ease 0.25s;}
.menutab .menu-xl li .menusmall ul h2{ display:block; font-size:16px; font-weight:bold; border-bottom:1px solid #eee; margin:15px 0; padding-bottom:10px;}
.menutab .menu-xl li .menusmall ul p{ display:block; float:left; padding-right:0; width:20%; line-height:2.5;  margin:0; font-size: 14px;}
.menutab .menu-xl li:hover .menusmall{ left:250px; display:block; opacity:0.99; height:550px; width:600px; z-index:1000; top:49px; border-top:1px solid #f60; box-shadow: 5px 5px 15px rgba(0,0,0,0.15); }

.index-right{width:940px; overflow:hidden; position:relative; float:right; margin-top:10px; }

/*banner*/
.index-zhong{width:710px; float:left;}
/*.index-banner{width:100%; height: 353px; overflow:hidden; position:relative; }
.index-banner .hd{ height:10px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:100;  }
.index-banner .hd ul{ overflow:hidden; zoom:1;  }
.index-banner .hd ul li{ text-align:center; display:block; float:left; margin-left:5px; height:8px; background:#fff; width:8px; border-radius:8px; cursor:pointer; }
.index-banner .hd ul li.on{ background:#000; color:#000; }
.index-banner .bd{ position:relative; height:100%; z-index:0;   }
.index-banner .bd li{ zoom:1; vertical-align:middle; }
.index-banner .bd img{ width:100%;  display:block;  }*/

/*企业库：新最入驻*/
.join-lists{ margin:10px 0 0 0; background:#fff; border:1px solid #eee;}
.join-lists ul.title{ padding:8px 12px; background:#fafafa; border-bottom:1px solid #eee;}
.join-lists ul.list{ padding:12px;}
.join-lists ul.list li{ float:left; font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; -o-text-overflow: ellipsis; width:32%; height:30px; line-height:30px; margin-right:2%;}
.join-lists ul.list li:nth-child(3n){ margin-right:0;}
.join-lists ul.list li i.square {display: inline-block;margin: 0 4px 3px 0; border: 2px solid #FF9900;}
.join-lists ul.list li .icon-hot{}
/*产品库：热门产品*/
.product-hot{ margin:10px 0 0 0; background:#fff; border:1px solid #eee; padding:12px; position:relative;}
.product-hot .list{ overflow:hidden; height: 186px;}
.product-hot .list li{ float:left; width:215px; margin-right:20px;}
.product-hot .list li img.thumb{ display:block;  width:215px; height:134px;  box-sizing: border-box; border:1px solid #f2f2f2;}
.product-hot .list li h3{ font-size:15px; margin:8px 0;}
.product-hot .list li p{ font-size:12px; color:#999;}
.product-hot .list li p a{ color:#999;}
.product-hot .list li p a .verify-in-list{margin-top:0;}
.product-hot .hd{}
.product-hot .hd a{ display:block; width:30px; height:60px; text-align:center; font-size:20px; cursor:pointer; background:rgba(0,0,0,0.2); line-height:60px; color:#fff; position:absolute; z-index:1000;}
.product-hot .hd a.next{ left:0; top:50%; margin-top:-30px;}
.product-hot .hd a.prev{ right:0; top:50%; margin-top:-30px;}


/*产品+企业库，会员模块*/
.index-user{ width:220px; float:right; background:#fff; border:1px solid #eee;}
.index-user ul.user{ padding:25.5px 0; text-align:center; font-size:12px; line-height:2; border-bottom:1px solid #eee;}
.index-user ul.user i{ display:block; height:60px; width:60px; border-radius:60px; margin:0 auto; overflow:hidden;}
.index-user ul.user i img{ display:block; height:60px;}
.index-user ul.user p{ display:block; margin:10px auto;}
.index-user ul.user a{ display:inline-block; border:1px solid #f60; border-radius:3px; color:#f60; height:25px; line-height:25px; padding:0 20px; margin:0 5px;}
.index-user ul.user a:first-of-type{ background:#f60; color:#fff;}
.index-user .hot-lists{ font-size:12px; padding:10px 12px;}
.index-user .hot-lists li{ height:31px; line-height:31px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; -o-text-overflow: ellipsis;}
.index-user .hot-lists li span{ color:#f60; margin-right:5px;}


/*企业库：企业楼层*/
.company-list{ max-width:1200px; margin:15px auto 0 auto;}
.company-left{ width:250px; float:left;background: -webkit-linear-gradient(right bottom,#3b91ff,#59abff);background: linear-gradient(right bottom,#3b91ff,#59abff);height:438px; padding:10px; position:relative; overflow:hidden;  box-sizing: border-box;}
.company-left i{ color:#fff; position:absolute; top:0; left:0; z-index:1; font-size:20px; width:34px; line-height:36px; text-align:center; font-style:normal;}
.company-left:after{ z-index:0; content:''; position:absolute; top:0; left:0; width:0;height:0;border-top:60px solid rgba(255,255,255,0.4);;border-right:60px solid transparent;}
.company-left .title{ width:60px; position:absolute; right:25px; top:25px;}
.company-left .title h2{ font-size:30px; color:#fff;}
.company-left .title p{ text-transform:capitalize; font-size:12px;}
.company-left .list{position: absolute; z-index: 1; left:15px; bottom:15px; line-height:1.8;}
.company-left .list li{display: inline-block; margin-right:3px;}
.company-left .list a{background:rgba(255,255,255,0.2); padding:4px 11px; color:#fff; font-size:12px; margin-bottom:3px; display:inline-block;}
.company-left.bg-1{background: -webkit-linear-gradient(right bottom,#ff1d38 , #FF5062);background: linear-gradient(right bottom,#ff1d38 , #FF5062);}
.company-left.bg-2{background: -webkit-linear-gradient(right bottom,#f467d6 , #F490D6);background: linear-gradient(right bottom,#f467d6 , #F490D6);}
.company-left.bg-3{background: -webkit-linear-gradient(right bottom,#649ab2 , #6AAAB2);background: linear-gradient(right bottom,#649ab2 , #6AAAB2);}
.company-left.bg-4{background: -webkit-linear-gradient(right bottom,#ffb808 , #FFD700);background: linear-gradient(right bottom,#ffb808 , #FFD700);}
.company-left.bg-0{background: -webkit-linear-gradient(right bottom,#4d9eef , #5DB8EF);background: linear-gradient(right bottom,#4d9eef , #5DB8EF);}
.company-right{ width:940px; float:right; border:1px solid #eee; background:#fff; border-bottom:0; box-sizing: border-box;}
.company-right li{ width:50%; height: 146px; border-right:1px solid #eee; border-bottom:1px solid #eee; line-height:2; padding:15px; float:left; box-sizing: border-box;}
.company-right li:nth-child(2n){border-right:0;}
.company-right li .pic{ display:block;  padding:0; float:right; overflow:hidden; margin-left:10px;}
.company-right li img.thumb{  width:105px; display:block; float:left; margin-left:6px;}
.company-right li h2{ font-size:14px; color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:3px; }
.company-right li h2 .verify-in-list{margin-top:5px;}
.company-right li p{ font-size:12px; color:#888; line-height:1.7; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.company-right li .title{ margin-top:12px;}
.company-right li .title span{  background:#ffefe7; color:#f60; padding:4px 6px; font-size:12px;}
.company-right li .title i{ float:right; background:url(../images/huo.png) no-repeat center left; background-size:auto 15px; padding-left:16px; color:#f00;  font-size:16px;}
/*企业数据过少时，适配*/
.company-list.style-2 .company-left,
.company-list.style-3 .company-left,
.company-list.style-4 .company-left{height: 293px;}
.company-list.style-2 .company-right li{width: 100%;}
/********************/

.product-list{ max-width:1200px; margin:15px auto 0 auto;}
.product-list .title{ border-bottom:1px solid #f60;line-height:1;  font-size:18px;}
.product-list .title i{ display:inline-block; line-height:30px; height:30px; padding:0 8px 0 4px; background:#f60; text-align:center; color:#fff; margin-right:10px; font-weight:bold;}

.product-left{ width:250px; float:left;  height:650px;}
.product-left ul.pic{ height:387px; overflow:hidden;}
.product-left img{ display:block; width:100%;}

.product-left .list{line-height:1.8; padding:10px 5px; border:1px solid #eee; height:261px; background:#fff; box-sizing: border-box;}
.product-left .list li{padding:4px 8px;  font-size:12px; width:33.333%; box-sizing:border-box; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; -o-text-overflow: ellipsis;}


.product-right{ width:950px; float:right; border:1px solid #eee; border-left:0; border-top:0; background:#fff; border-bottom:0; box-sizing: border-box;}
.product-right .item{ box-sizing: border-box; width:25%; border-right:1px solid #eee; border-bottom:1px solid #eee; line-height:2; padding:12px; float:left; box-sizing: border-box;}
.product-right .item:nth-child(4n){border-right:0;}
.product-right .item .pic{ display:block;  padding:0; height:135px;  overflow:hidden; margin-bottom:5px;}
.product-right .item img.thumb{ width:100%; height:133px; display:block;box-sizing: border-box;}
.product-right .item h3{padding:0; margin: 0;}
.product-right .item h3 a{font-size:14px; color:#000; display: block;}
.product-right .item h3 span{ float:right; color:#f60; font-size:12px;}
.product-right .item p{margin:0; padding:0; line-height: 1.7; position: relative;}
.product-right .item p a{ font-size:12px; color:#888; }
.product-right .item p a .verify-in-list{margin-top:2px;}

/*黄页列表页面*/
.lists-company{ position: relative;}
.industry-companys{font-size:14px;}
.industry-companys .item{position: relative; padding:20px; background-color: #fff; margin:15px 0 0; border:1px solid #f2f2f2; border-radius:5px;}
.industry-companys .item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.industry-companys .item-company{line-height: 2; width:560px;}
.industry-companys .item-company h3{}
.industry-companys .item-company h3:after{display: table; clear: left; content: '';}
.industry-companys .item-company h3 a{float: left; color:#000; font-size:18px; }
.industry-companys .item-company h3 .label{ float: left; color:#fff; background-color: #ff910d; font-size:12px; line-height:18px; padding:0 6px; margin: 10px 0 0 8px; border-radius:2px; }
.industry-companys .item-company h3 .verify-in-list{float: left; position: unset; margin:2px 0 0 0;}
.industry-companys .item-company h3 .verify-in-list i{line-height: 16px; font-size: 12px; width: unset; height: 16px;border-radius: 2px; font-style: unset; margin-left: 5px;}
.industry-companys .item-company h3 .verify-in-list i.verify_cooperation{ padding:0 4px 0 20px;  background-color: rgba(255,119,68,0.1); color:#ff910d; background-image: url("/static/pc/verify/icon-hezuo.png"); background-position: left; background-size:16px;  border:1px solid #e05618;}
.industry-companys .item-company h3 .verify-in-list i.verify_vip{padding:0 4px 0 20px; background-color: rgba(255,119,68,0.1); background-image: url("/static/images/vip-0.png"); background-position: left; background-size:16px; background-repeat: no-repeat; font-size: 12px; font-style:unset; border:1px solid #e05618; color:#ff910d;}
.industry-companys .item-company-intro{ font-size:13px; color:#555;}
.industry-companys .item-company-intro.gray{color:#aaa; margin:5px 0;}
.industry-companys .item-company-btn{padding:10px 0 0;}
.industry-companys .item-company-btn .btn{display: inline-block; border:1px solid #ff910d; color:#ff910d; line-height: 1; padding:6px 40px; margin: 0 15px 0 0; font-size:13px; border-radius:2px;}
.industry-companys .item-company-btn .btn.active{background-color: #ff910d; color:#fff;}
.industry-companys .item-company-btn .btn.gray{background-color: #eee; color:#fff;}
.industry-companys .item-product{position: absolute; z-index: 1; right:20px; top:45px;}
.industry-companys .item.with-empty-intro .item-product{top:18px;}
.industry-companys .item-product-item{display: inline-block; width: 180px; height: 150px; position: relative; border:1px solid #f2f2f2; border-radius: 2px; margin-left: 10px;}
.industry-companys .item-product-item img{display: block;}
.industry-companys .item-product-item:hover{border-color: #ff910d;}
.industry-companys .item-product-name{position: absolute; z-index: 1; left:0; bottom:0; width:100%; line-height: 30px; text-align: center; background-color:rgba(255, 255, 255, 0.75);}

/*.lists-company .hangye_lanmu,.industry-companys{margin-right: 250px;}*/
.industry-companys .item-company{width:510px;}
.recommend-companys{/*position: absolute; z-index: 1; right:0; top:0;*/ width:230px; padding-left:20px; border-radius:5px;}
.recommend-companys-header{line-height:40px; padding: 0 15px; background-color: rgba(255,145,13, 0.8); color:#fff;  border-radius:5px;}
.recommend-companys-header h3{font-size: 14px; font-weight: bold; }
.recommend-companys-contact a{float: right; font-size: 12px; color:#fff;}
.recommend-companys-body{}
.recommend-companys-body .item{display: block; margin-top: 10px; border:1px solid rgba(255,145,13, 0.8); border-radius: 5px;}
.recommend-companys-body .item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.recommend-companys-body .item img{display: block; width: 100%; height: auto; max-height:300px; border-radius:5px 5px 0 0;}
/*.recommend-companys-body .item:first-child,
.recommend-companys-body .item:first-child img{border-radius:0 0 5px 5px;}*/
.recommend-companys-body .item-title{text-align: center; font-size:14px; padding:8px 10px;}
.recommend-companys-body .item-info{text-align: center; font-size:12px; padding:8px 10px; border-top: 1px solid rgba(255,145,13, 0.2);}
.recommend-companys-body .item-label{display: inline-block;}
.recommend-companys-body .item-label + .item-label{margin-left: 10px;}
.recommend-companys-body .item-label .ceicon{color:#ff910d; font-size:13px;}


/*产品****************************************/
.industry-products{}
.industry-products:after{display: table; content: ''; clear: both;}
.industry-products .item{float:left; width:228px; margin:15px 15px 0 0; border:1px solid #eee; box-sizing: border-box; background-color: #fff; border-radius: 2px;}
.industry-products .item:nth-of-type(5n){margin-right: 0;}
.industry-products .item:hover{border-color: #ff910d; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.industry-products .item .item-top{position: absolute; z-index: 1; margin:-5px 0 0 -5px; background-color: #ff910d; color: #fff; font-size:12px; padding:5px 8px; border-radius:2px; line-height: 1; box-shadow: 1px 2px 8px rgba(0,0,0,0.25);}
.industry-products .item-thumb{display: block;}
.industry-products .item-thumb img{display: block; width:100%; height:168px; border-radius: 2px 2px 0 0;}
.industry-products .item h3{padding:8px; line-height: 1.6; font-size:14px; border-top:1px solid #eee;}
.industry-products .item h3 a{ color:#000;}
.industry-products .item-company{padding:0 8px 8px; height: 27px; overflow: hidden; box-sizing: border-box;}
.industry-products .item-company a{font-size:12px; color:#999;}
.industry-products .item-intro{ padding:8px 0 5px 5px; height: 39px; box-sizing: border-box; border-top:1px solid #eee; font-size:12px; line-height: 2;}
.industry-products .item-intro-right{float: right; margin:0 8px 0 2px; color:#ff910d;}
.industry-products .item-address{ display: block; color:#555;}
.industry-products .item-address .ceicon{font-size:12px;}

.lists-empty{text-align: center; padding:50px 0 80px; font-size:16px; color:#999;}
.lists-empty:before{display: block; content:'\e639'; font-family: 'ceicon'; font-size:120px; color:#bbb;}

/*采购信息*/
.purchase-lists{}
.purchase-lists:after{display: table; content: ''; clear: left;}
.purchase-lists .item{float: left; width: 224px; margin:20px 20px 0 0; border: 1px solid #eee; background-color: #fff; box-sizing: border-box; border-radius:2px; box-shadow:0 0 10px rgba(0,0,0,0.02);}
.purchase-lists .item:nth-of-type(5n){margin-right: 0;}
.purchase-lists .item-name{ font-size: 14px; color: #000; height:46px; line-height:1.7; margin:10px 0; padding:0 15px; box-sizing: border-box; color: #000;}
.purchase-lists .item-name-line{display: inline-block; margin-left: 15px; width:120px; height:1px; font-size:1px; line-height: 1; background-color: #ff910d;}
.purchase-lists .item-info{ position: relative; height: 192px; font-size: 12px; line-height:35px; padding:10px 15px 7px; box-sizing: border-box;}
.purchase-lists .item-label{ color: #333;}
.purchase-lists .item-label span{color: #999;}
.purchase-lists .item-btn{display: block; border-top: 1px solid #eee; padding:15px; text-align: center; font-size: 14px;}
.purchase-lists .item:hover{border-color:#ff910d;}
.purchase-lists .item:hover .item-btn{color:#ff910d;}
.purchase-lists .item-company a{color:#000; }
.purchase-lists .item-company a:hover{color:#ff910d; }