/* 行业类别 */ .industry:first-child{ border:none } .industry { overflow: hidden; border-top: 1px dashed #eeeeee; height: 52px; line-height: 52px; transition: all .2s ease-in-out; } .industry:first-child{ border:none } .industry>p{ height: 52px; line-height: 52px; float: left; width: 115px; background: #f9f9f9; text-align: center; font-size: 14px; transition: all .2s ease-in-out; } .industry .industryList ul{ overflow: hidden; width: 85%; float: left; } .industryList .more{ float: right; width: 50px; height: 24px; line-height: 22px; border: 1px solid #ebebeb; font-size: 12px; color: #454545; text-align: center; margin-right: 22px; margin-top: 12px; } .industryList .more:hover{ color: #ffffff; background: #0a7dd4 } .industry .industryList { width: 1082px; float: left; } .industry .industryList ul li { padding: 0 15px; text-align: center; cursor: pointer; float: left; 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 } /* 知产类型 */ .serviceList{ overflow: hidden; margin-top: 18px; border: 1px solid #eeeeee; } .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; clear: both; } .pagination_box ul li a { color: #333 } .pagination_box .pagination { float: right; margin-right: 20px; margin-top: 23px; } .pagination_box .totalCount { float: right; line-height:84px; display: inline-block; margin-right: 15px; } .achievementHot>ul>li { cursor: pointer; 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(4n+1) { margin-left: 0 } .sort span:hover{ color: #0a7dd4; } .achievementHot ul li .txts h5 { height: 50px; line-height: 50px; font-weight: normal; font-size: 16px; color: #1f1f1f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .achievementHot ul li .txts h5 .money{ color: #ff580e; font-size: 20px; vertical-align: top; } .achievementHot ul li:hover{ transform: scale(1.001); box-shadow: 1px 1px 0 #f5f5f5, 2px 2px 0 #c9c9c9, 3px 3px 0 #bbb, 4px 4px 0 #b9b9b9, 5px 5px 0 #aaa, 6px 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 1px 1px 3px rgba(0, 0, 0, .3), 3px 3px 5px rgba(0, 0, 0, .2), 5px 5px 10px rgba(0, 0, 0, .25), 10px 10px 10px rgba(0, 0, 0, .2), 20px 20px 20px rgba(0, 0, 0, .15); transition: all .2s ease-in; } .achievementHot ul li:hover .txts h5{ color: #0a7dd4; } .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 .companyImg { display: inline-block; width: 23px; height: 23px; background: url(../../../img/shopList/shop_com.jpg) no-repeat; background-size: 100% 100%; margin-right: 8px; } .achievementHot .btnTxt .number{ float: right; } .achievementHot .btnTxt span{ color: #7a7878; height:23px; display: inline-block; line-height: 23px; vertical-align: top; } .btnTxt .companyName{ display: inline-block; color: #7a7878; font-size: 14px; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; margin-top: 2px; } .achievementHot ul li .img { width: 100%; height:260px; position: relative; } .achievementHot ul li{ width: 272px; 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: 44px; height: 44px; background: url(../../../img/newMenu/achievement_26.png) no-repeat; background-size: 100% 100%; } .achievementHot ul li .txtIntroduce { width: 100%; border: 1px solid #efefef; padding: 0px 10px 18px; } .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{ vertical-align:middle; width:40px; height: 32px; 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; } footer{ display: none; } .searchService .input-group { width: 635px!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; } .search .search-inp button{ border-radius: 0!important; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{ width: 105px; } .searchService button{ height: 36px!important ; line-height: 23px!important; } .searchService span img{ vertical-align: top } .searchService .search-inp{ float: right; margin-right: 10px; vertical-align: top; margin-top: 8px; } .search .hot>p { float: left; font-size: 14px; width: 84px; height:50px; line-height: 50px; color: #ffffff; font-size: 14px; text-align: center; background: #ffffff; color: #ff580e; border: 1px solid #eeeeee; } .search .hot ul { float: left; } .search .hot ul li{ float: left; margin-left: 26px; } .search .hot ul li>p{ float: left; } .search .hot ul li .sort{ margin-top: 15px; float: left; position: relative; width: 20px; margin-left: 5px; } .search .hot ul li .sort span{ color: #ccc; cursor: pointer; font-size: 8px; } .search .hot ul li .sort span:hover{ color: #0a7dd4; } .search .hot ul li .sort span.active{ color: #0a7dd4; } .search .hot ul li .sort .up{ position: absolute; top: 0; left: 0; display: inline-block; } .search-inp .form-control{ border-radius: 0; } .search .hot ul li .sort .down{ position: absolute; top: 10px; left: 0; display: inline-block; } /* 默认图片 */ .serviceImg{ background: url(../../../img/initPic/serviceInit.jpg) no-repeat; background-size:100% 100%; } /* .pagination_box .inp input{ position: absolute; left: 0; top:20px; } .pagination_box .inp button{ position: absolute; right: 0; top:25px; } */