/* 行业类别 */ .industry { overflow: hidden; border: 1px dashed #eeeeee; border-style: solid solid dashed solid; margin-top: 12px; } .industry>p { float: left; height: 82px; width: 115px; background: #f9f9f9; text-align: center; line-height: 82px; font-size: 14px; } .industry .industryList { width: 1082px; float: left; overflow: hidden; height: 82px; padding: 18px 0px 22px 0px; } .industry .industryList ul li { width: 110px; text-align: center; cursor: pointer; float: left; margin-bottom: 8px; font-size: 14px; color: #333; line-height: 48px; } .industry .industryList ul li:hover{ color: #ff570c; } .industry .industryList ul li.active,.productionType ol li.active{ color: #ff570c } .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; height: 49px; line-height: 50px; font-size: 14px; text-align: center; float: left; background: #f9f9f9 } .productionType ol { float: left; } .productionType ol li { float: left; width: 110px; text-align: center; line-height: 50px; color: #7a7878 } .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 } .achievementHot { width: 100%; } .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: 37px; 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(5n+1) { margin-left: 0 } .achievementHot ul li .txts h5 { font-weight: normal; font-size: 14px; text-align: center; color: #1f1f1f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; padding: 10px 2px 0; } .achievementHot ul li:hover{ box-shadow: 0 0 10px #ccc; transform: scale(1.1); transition: all .2s ease-in; } .achievementHot ul li:hover a{ transform: skew(-10deg); } .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 { width: 64px; height: 24px; display: inline-block; text-align: center; font-size: 14px; color: #ff6600; border: 1px solid #ff6600; line-height: 24px; margin: 0 3px; } .achievementHot ul li .img { width: 100%; height:150px; position: relative; } .achievementHot ul li{ width: 210px; transition: all .2s ease-in; } .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 { width: 100%; border: 1px solid #efefef; height: 130px; padding: 0px 10px 12px; } .txtIntroduce .btnTxt p{ color:#787878; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:3; } .txtIntroduce .btnTxt{ padding-top: 9px; } .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; } .search{ width: 100%; height: 52px; line-height: 52px; background: #f9f9f9; } .searchService .input-group { width: 530px!important; height: 36px!important ; line-height: 36px!important; } .search .search-inp input{ font-size: 14px!important; } .searchService .input-group input{ font-size: 14px; height: 36px!important ; line-height: 36px!important; border-color: #b7d3e1!important; } .searchService button{ height: 36px!important ; line-height: 26px!important; } .searchService span img{ vertical-align: top } .searchService .search-inp{ float: right; margin-right: 10px; vertical-align: top; margin-top: 8px; } .search .hot{ } .search .hot p { float: left; font-size: 14px; width: 42px; height:18px; line-height: 18px; color: #ffffff; font-size: 14px; vertical-align: top; margin-left: 26px; margin-top: 18px; text-align: center; background: #fa2902; border-radius: 10px; margin-right: 18px; } .search .hot ul { float: left; } .search .hot ul li{ float: left; } .search .hot ul li { cursor: pointer; margin-right: 22px; } .search .hot ul li.active{ color: #fa2902 }