/* 左侧 分类信息 */ /* 选项卡 */ .sort-category{ width: 868px; overflow: hidden; float: left; } .sort-category-tab{ width: 100%; height: 72px; overflow: hidden; background-color: #fbfbfb; margin-bottom: 1px; } .sort-category-tab li{ width: 20%; float: left; cursor: pointer; letter-spacing: 2px; } .sort-category-tab li span{ display: block; width: 100%; height: 67px; overflow: hidden; line-height: 72px; color: #666; font-size: 20px; border-bottom: 5px solid #fbfbfb; text-align: center; } .sort-category-tab li:hover span{ color: #424e95; } .sort-category-tab li.active span{ border-bottom: 5px solid #38aedf; color: #424e95; font-weight: bold; } /* 分类信息 内容 */ .sort-category-con{ width: 868px; overflow: hidden; display: none; } .tradmark-panel{ display: block; } .tradmark-panel a{ width: 172px; height: 172px; overflow: hidden; display: block; float: left; margin: 0 2px 2px 0; background-color: #fff; letter-spacing: 2px; text-align: center; } .tradmark-panel a span{ line-height: 36px; font-size: 14px; color: #333; display: block; } .tradmark-panel a p{ font-size: 18px; color: #333; display: block; } .tradmark-panel a:hover{ background-color: #8c92b7; } .special-panel{ width: 348px; float: left; } .special-last{ width: 172px; } .tradmark-panel a.special-mar{ margin-right: 0; } /* 行业匹配 */ .industry-list{ width: 432px; height: 174px; overflow: hidden; float: left; background-color: #fff; margin: 0 4px 4px 0; } .industry-list:nth-child(2n){ margin-right: 0; } .industry-name{ width: 98px; height: 174px; overflow: hidden; float: left; border-right: 1px solid #eee; text-align: center; } .industry-name p{ width: 78px; overflow: hidden; line-height: 22px; margin: 10px auto; color: #333; font-weight: bold; font-size: 14px; display: block; letter-spacing: 1px; } .industry-category{ width: 332px; overflow: hidden; float: left; } .page-arrow{ width: 480px; height: 46px; overflow: hidden; position: relative;` } .page-arrow-relation{ height: 90px; overflow: hidden; } .category-type{ width: 95%; overflow: hidden; padding: 15px 0 0 5%; border-bottom: 1px dashed #f4f4f4; } .category-type:last-child{ border-bottom: 0; } .category-type span{ display: block; float: left; line-height: 32px; font-size: 14px; color: #666; } .category-item{ float: left; width: 240px; overflow: hidden; position: relative; } .category-item a{ float: left; width: 30px; height: 30px; overflow: hidden; display: block; text-align: center; line-height: 30px; font-size: 14px; color: #666; margin: 0 15px 15px 0; border: 1px solid #bcbcbc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .core-category a:nth-child(5n){ margin-right: 30px; } .category-item a:hover{ background-color: #424e95; color: #fff; border: 1px solid #424e95; } .category-item b{ width: 12px; height: 18px; overflow: hidden; position: absolute; top: 7px; cursor: pointer; z-index: 2; } .category-item b.arrow-left{ background: url("../../img/sort/arrow-left.png") no-repeat center; left: 4px; display: none; } .category-item b.arrow-right{ background: url("../../img/sort/arrow-right.png") no-repeat center; right: 4px; } .rerelation .page-arrow{ width: 500px; height: 90px; } .page-panel{ width: 250px; height: 90px; overflow: hidden; float: left; } .rerelation b.arrow-left, .rerelation b.arrow-right{ top: 30px; } .industry-list:hover .industry-name{ background-color: #babfdc; }/* 雪碧图 */ .tradmark-panel a i{ width: 60px; height: 60px; overflow: hidden; display: block; margin: 28px auto 0; background: url("../../img/sort/category-ico.png") no-repeat left top; } .tradmark-panel a:hover i{ background: url("../../img/sort/category-ico-hover.png") no-repeat left top; } .tradmark-panel a.category-ico1 i{ background-position: 0 0; } .tradmark-panel a.category-ico2 i{ background-position: 0 -60px; } .tradmark-panel a.category-ico3 i{ background-position: 0 -120px; } .tradmark-panel a.category-ico4 i{ background-position: 0 -180px; } .tradmark-panel a.category-ico5 i{ background-position: 0 -240px; } .tradmark-panel a.category-ico6 i{ background-position: 0 -300px; } .tradmark-panel a.category-ico7 i{ background-position: 0 -360px; } .tradmark-panel a.category-ico8 i{ background-position: 0 -420px; } .tradmark-panel a.category-ico9{ background: url("../../img/sort/category-bj9.jpg") no-repeat center; } .tradmark-panel a.category-ico9:hover{ background: url("../../img/sort/category-bj-hover9.jpg") no-repeat center; } .tradmark-panel a.category-ico9 i{ background-position: 0 -480px; } .tradmark-panel a.category-ico10 i{ background-position: 0 -540px; } .tradmark-panel a.category-ico11{ background: url("../../img/sort/category-bj11.jpg") no-repeat center; } .tradmark-panel a.category-ico11:hover{ background: url("../../img/sort/category-bj-hover11.jpg") no-repeat center; } .tradmark-panel a.category-ico11 i{ background-position: 0 -600px; } .tradmark-panel a.category-ico12 i{ background-position: 0 -660px; } .tradmark-panel a.category-ico13 i{ background-position: 0 -720px; } .tradmark-panel a.category-ico14 i{ background-position: 0 -780px; } .tradmark-panel a.category-ico15 i{ background-position: 0 -840px; } .tradmark-panel a.category-ico16{ background: url("../../img/sort/category-bj16.jpg") no-repeat center; } .tradmark-panel a.category-ico16:hover{ background: url("../../img/sort/category-bj-hover16.jpg") no-repeat center; } .tradmark-panel a.category-ico16 i{ background-position: 0 -900px; } .tradmark-panel a.category-ico17 i{ background-position: 0 -960px; } .tradmark-panel a.category-ico18 i{ background-position: 0 -1020px; } .tradmark-panel a.category-ico19 i{ background-position: 0 -1080px; } .tradmark-panel a.category-ico20 i{ background-position: 0 -1140px; } .tradmark-panel a.category-ico21 i{ background-position: 0 -1200px; } .tradmark-panel a.category-ico22 i{ background-position: 0 -1260px; } .tradmark-panel a.category-ico23 i{ background-position: 0 -1320px; } .tradmark-panel a.category-ico24 i{ background-position: 0 -1380px; } .tradmark-panel a.category-ico25{ background: url("../../img/sort/category-bj25.jpg") no-repeat center; } .tradmark-panel a.category-ico25:hover{ background: url("../../img/sort/category-bj-hover25.jpg") no-repeat center; } .tradmark-panel a.category-ico25 i{ background-position: 0 -1440px; } .tradmark-panel a.category-ico26 i{ background-position: 0 -1500px; } .tradmark-panel a.category-ico27 i{ background-position: 0 -1560px; } .tradmark-panel a.category-ico28{ background: url("../../img/sort/category-bj28.jpg") no-repeat center; } .tradmark-panel a.category-ico28:hover{ background: url("../../img/sort/category-bj-hover28.jpg") no-repeat center; } .tradmark-panel a.category-ico28 i{ background-position: 0 -1620px; } .tradmark-panel a.category-ico29{ width: 346px; height: 172px; background: url("../../img/sort/category-bj29.jpg") no-repeat center; } .tradmark-panel a.category-ico29:hover{ background: url("../../img/sort/category-bj-hover29.jpg") no-repeat center; } .tradmark-panel a.category-ico29 i{ background-position: 0 -1680px; } .tradmark-panel a.category-ico30{ background: url("../../img/sort/category-bj30.jpg") no-repeat center; } .tradmark-panel a.category-ico30:hover{ background: url("../../img/sort/category-bj-hover30.jpg") no-repeat center; } .tradmark-panel a.category-ico30 i{ background-position: 0 -1740px; } .tradmark-panel a.category-ico31{ background: url("../../img/sort/category-bj31.jpg") no-repeat center; } .tradmark-panel a.category-ico31:hover{ background: url("../../img/sort/category-bj-hover31.jpg") no-repeat center; } .tradmark-panel a.category-ico31 i{ background-position: 0 -1800px; } .tradmark-panel a.category-ico32 i{ background-position: 0 -1860px; } .tradmark-panel a.category-ico33 i{ background-position: 0 -1920px; } .tradmark-panel a.category-ico34 i{ background-position: 0 -1980px; } .tradmark-panel a.category-ico35{ width: 346px; height: 346px; background: url("../../img/sort/category-bj35.jpg") no-repeat center; } .tradmark-panel a.category-ico35:hover{ background: url("../../img/sort/category-bj-hover35.jpg") no-repeat center; } .tradmark-panel a.category-ico35 i{ margin-top: 110px; background-position: 0 -2040px; } .tradmark-panel a.category-ico36 i{ background-position: 0 -2100px; } .tradmark-panel a.category-ico37 i{ background-position: 0 -2160px; } .tradmark-panel a.category-ico38 i{ background-position: 0 -2220px; } .tradmark-panel a.category-ico39 i{ background-position: 0 -2280px; } .tradmark-panel a.category-ico40 i{ background-position: 0 -2340px; } .tradmark-panel a.category-ico41{ width: 172px; height: 346px; background: url("../../img/sort/category-bj41.jpg") no-repeat center; } .tradmark-panel a.category-ico41:hover{ background: url("../../img/sort/category-bj-hover41.jpg") no-repeat center; } .tradmark-panel a.category-ico41 i{ margin-top: 110px; background-position: 0 -2400px; } .tradmark-panel a.category-ico42 i{ background-position: 0 -2460px; } .tradmark-panel a.category-ico43 i{ background-position: 0 -2520px; } .tradmark-panel a.category-ico44 i{ background-position: 0 -2580px; } .tradmark-panel a.category-ico45 i{ background-position: 0 -2640px; } .tradmark-panel a.category-ico9 span, .tradmark-panel a.category-ico9 p, .tradmark-panel a.category-ico11 span, .tradmark-panel a.category-ico11 p, .tradmark-panel a.category-ico16 span, .tradmark-panel a.category-ico16 p, .tradmark-panel a.category-ico25 span, .tradmark-panel a.category-ico25 p, .tradmark-panel a.category-ico28 span, .tradmark-panel a.category-ico28 p, .tradmark-panel a.category-ico29 span, .tradmark-panel a.category-ico29 p, .tradmark-panel a.category-ico30 span, .tradmark-panel a.category-ico30 p, .tradmark-panel a.category-ico31 span, .tradmark-panel a.category-ico31 p, .tradmark-panel a.category-ico35 span, .tradmark-panel a.category-ico35 p, .tradmark-panel a.category-ico41 span, .tradmark-panel a.category-ico41 p, .tradmark-panel a:hover span, .tradmark-panel a:hover p, .industry-list:hover p{ color: #fff; } /* 行业匹配 */ .industry-name i{ width: 50px;; height: 50px; overflow: hidden; display: block; margin: 40px auto 0; background: url("../../img/sort/industry-ico.png") no-repeat left top; } .industry-list:hover i{ background: url("../../img/sort/industry-ico-hover.png") no-repeat left top; } .industry-name i.industry-ico1{ background-position: 0 -750px; } .industry-name i.industry-ico2{ /*background-position: 0 -50px;*/ background-position: 0 -250px; } .industry-name i.industry-ico3{ background-position: 0 -100px; } .industry-name i.industry-ico4{ background-position: 0 -150px; } .industry-name i.industry-ico5{ background-position: 0 -200px; } .industry-name i.industry-ico6{ /*background-position: 0 -250px;*/ } .industry-name i.industry-ico7{ background-position: 0 -550px; } .industry-name i.industry-ico8{ background-position: 0 -300px; } .industry-name i.industry-ico9{ background-position: 0 -350px; } .industry-name i.industry-ico10{ background-position: 0 -50px; } .industry-name i.industry-ico11{ background-position: 0 -550px; } .industry-name i.industry-ico12{ background-position: 0 -500px; } .industry-name i.industry-ico13{ background-position: 0 -450px; } .industry-name i.industry-ico14{ background-position: 0 -600px; } .industry-name i.industry-ico15{ background-position: 0 -650px; } .industry-name i.industry-ico16{ background-position: 0 -700px; } .industry-name i.industry-ico18{ background-position: 0 -400px; }