.search { overflow: hidden; } .search .search-inp { width: 100%; } .hotList li{ transition: all .4s ease-in-out; } .hotList li:hover{ box-shadow: 0 4px 10px #ccc; transition: all .4s ease-in; } .search .search-inp .input-group { width: 930px; } .industryList ul li.active span{ color: #ff570c!important; } .search-inp div:nth-child(2) { margin: 0 20px; } .searchMain { padding-left: 26px; } /* 行业类别 */ .industry { overflow: hidden; border: 1px dashed #eeeeee; border-style: solid solid dashed solid; } .industry>p { float: left; width: 115px; background: #f9f9f9; text-align: center; line-height: 82px; font-size: 14px; } .industryList ul li.active{ color: #ff570c!important; } .industry .industryList { width: 1082px; float: left; overflow: hidden; height: 82px; padding: 18px 0px 22px 0px; } .industry .industryList ul{ overflow: hidden; } .industry .industryList ul li { width: 90px; text-align: center; cursor: pointer; float: left; color: #7a7878; margin-bottom: 8px; font-size: 14px; } .industry .industryList ul li span { color: #7a7878 } .industry .industryList ul li:hover span { color: #ff570c } /* 知产类型 */ .productionType { height: 50px; border: 1px solid #eeeeee; border-top: none } .productionType>p { width: 115px; font-size: 14px; text-align: center; float: left; background: #f9f9f9 } .productionType ol { float: left; width: 1080px; } .productionType ol li.active{ color: #ff570c!important; } .productionType ol li { float: left; width: 120px; text-align: center; color: #7a7878; line-height: 30px; } .productionType ol li:hover { color: #ff570c; cursor: pointer; } .onSelect p { float: left; width: 115px; height: 60px; text-align: center; line-height: 60px; } .onSelect ol { float: left; margin-top: 16px; } .onSelect ol li { display:none; float: left; color: #7a7878; height: 28px; line-height: 28px; padding: 0px 10px; border: 1px solid #b8d3e4; background: #f3f9fc; margin-right: 10px; } .onSelect ol li span { font-size: 14px; color: #1f1f1f; } .onSelect ol li .typeClose { color: #6ea7c9; cursor: pointer; float: right; display: inline-block; margin-left: 10px; } /* 精品技术 */ .achievementList { clear: both; padding-top: 30px } .achievementList .fineQuality { float: left; width: 220px; text-align: center; background: #f9f9f9; border: 1px solid #e7e7e7; padding-bottom: 20px; } .fineQuality>img { margin-top: -15px; margin-bottom: 14px; } .fineQuality ol { padding: 0 10px; } .fineQuality ol li { font-size: 14px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 14px; } .fineQuality ol li img { width: 100%; width: 198px; height: 120px; display: inline-block; transition: all .2s ease-in-out; } .fineQuality ol li .title-sm { display: inline-block; padding: 0 5px; background: #ffe8d9; color: #ff6600; font-size: 14px; height: 22px; line-height: 22px; margin-right: 5px; } .fineQuality ol li p { text-align: left; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; color: #333; } .fineQuality ol li a>div{ width: 198px; height: 120px; overflow: hidden; } .fineQuality ol li p span{ color: #333; } .fineQuality ol li:hover p span{ color: #ff570c; } .fineQuality ol li:hover img{ transform: scale(1.05); transition: all .2s ease-in } .achievementHot { width: 955px; float: right; } .pagination_box{ clear: both; overflow: hidden; } .navigation{ clear: both; } .pagination_box { width: 100%; line-height: 74px } .pagination_box nav { float: right; } .pagination_box ul li a { color: #333 } .pagination_box .pagination { float: right; margin-right: 20px; } .pagination_box .totalCount { float: right; display: inline-block; margin-right: 15px; } .achievementHot>ul>li { float: left; width: 308px; margin-left: 15.5px; margin-bottom: 22px; } .achievementHot>ul>li>div { width: 114px; height: 114px; overflow: hidden; } .achievementHot>ul>li>div>img { width: 100%; height: 100%; } .achievementHot ul li:nth-child(3n+1) { margin-left: 0 } .achievementHot ul li .txts h5 { font-weight: normal; font-size: 14px; color: #1f1f1f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; padding: 10px 2px; } .achievementHot ul li .hr { width: 100%; height: 18px; background: url(../../../img/newMenu/achievement_27.jpg) no-repeat; background-size: 100% 100%; margin: 1px 0px; } .achievementHot ul li .txts p span { color: #7a7878; font-size: 12px; display: inline-block; margin-right: 5px; } .achievementHot ul li .txts .hotImg { float: right; margin-right: 16px; height: 18px; width: 32px; display: inline-block; background: url(../../../img/newMenu/achievement_hot.jpg) no-repeat; background-size: 100% 100%; } .achievementHot .btnTxt span { padding: 0 10px; height: 24px; margin: 0 auto; display: inline-block; text-align: center; font-size: 14px; color: #ff6600; border: 1px solid #ff6600; line-height: 24px; margin: 0 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .achievementHot ul li .img { float: left; width: 114px; height: 114px; position: relative; } .achievementHot ul li .img img { width: 100%; height: 100%; } .achievementHot ul li .img span { position: absolute; left: 0; top: 0; z-index: 9999; width: 48px; height: 41px; background: url(../../../img/newMenu/achievement_26.png) no-repeat; background-size: 100% 100%; } .achievementHot ul li .txtIntroduce { float: left; width: 194px; border: 1px solid #efefef; height: 114px; padding: 0px 10px 12px; } .inp{ float: right; } .pagination_box{ display: none; } .list_none { width: 550px; height: 150px; background: url("../../../img/all_null.png") no-repeat; margin: 50px auto; } .inp{ display: none; } .inp input{ width:40px; height: 35px; text-align: center; border-radius: 5px; border:1px solid #ccc; } .inp button{ margin: 0 10px; width: 50px; } /* 默认图片 */ .noImg{ background: url(../../../img/initPic/demandInit.jpg) no-repeat; background-size:100% 100%; } .achievemrntImg { background: url(../../../img/initPic/achievementInit.png) no-repeat; background-size:100% 100%; }