/* @author:liting @update:2018/06/04 */ @media (min-width: 1200px) { .container { width: 1200px; } } .search { clear: both; margin-top: 55px; } .navMeau { height: 55px; } .search .navMeau { float: left; width: 226px; font-size: 24px; color: #ffffff; height: 55px; line-height: 55px; text-align: center; margin-right: 30px; background: url(../../../img/newMenu/search-bj.jpg) } .search>div { display: inline-block; float: left; } .container .imgs { overflow: hidden; padding-top: 35px; padding-bottom: 62px; } .container .imgs img { width: 100% } .search .search-inp { font-size: 16px; height: 55px; line-height: 55px; } .search-inp .input-group { width: 638px; } .search-inp div:nth-child(2) { margin: 0 10px; } .search .search-inp input { font-size: 16px; height: 55px; line-height: 55px; border-color: #1797e9; border-right: none; } .search .search-inp button { height: 55px; line-height: 45px; background-color: #1797e9; color: #fff; font-size: 18px; width: 104px; border: none; border-radius: 0 5px 5px 0; } input:focus{ outline: none; } .btn:focus,.btn:active,.btn.focus,.btn:active:focus,.btn.active:focus{ background: #1797e9; outline: none; color:#ffffff; border: none } .search-inp .input-group{ position: relative; } .searchBtn{ } .search-inp .txtVal{ position: absolute; left: 5px; top: 0; height: 24px; z-index: 999; line-height: 24px; padding: 16px 5px 16px 10px; } .search-inp .txtVal span{ display: inline-block; padding: 0 10px; background: #e9f3f9; color: #7f7f7f; font-size: 14px; margin-right: 10px; } .search .search-inp div { float: left; } .search .searchMain { clear: both; overflow: hidden; margin-bottom: 20px } .search ol { clear: both } .search ol li { cursor: pointer; height: 30px; line-height: 30px; float: left; margin-right: 20px; font-size: 14px; } .search ol li a{ color: #393838; } .search ol li:hover { color: #ff570c; } .search ol li.active { color: #ff570c; } .search .navMeau>div { position: relative; width: 100%; } .colorRed { font-size: 12px; color: #ff570c; } .colorBlur { font-size: 12px; color: #0289df; vertical-align: middle } .colorWrite { color: #ccc; margin: 12px 0px; } .navMeau .menuList { display: none; position: absolute; top: 55px; padding: 20px 20px 60px; left: 0; z-index: 99999; background: #3b3b3b; color: #ffffff; font-size: 14px; } .navMeau .menuList ul li { float: left; box-sizing: border-box; width: 50%; height: 40px; line-height: 40px; text-align: center } .navMeau .menuList ul li:hover { cursor: pointer; color: #1797e9 } /* 主体内容 */ .demand-marq { position: relative; top: -12px; clear: both; width: 100%; height: 50px; line-height: 50px; box-shadow: 0 5px 5px #ccc; padding: 0 20px; background-color: #ffffff; } .demand-marq span { float: left; width: 96px; height: 20px; display: inline-block; background: url(../../../img/newMenu/demand-1.jpg) no-repeat; vertical-align: top; margin-top: 15px } .demand-marq marquee ul { overflow: hidden; width: 3500px; height: 50px; } .demand-marq marquee { overflow: hidden; margin-left: 20px; width: 980px; float: left; } .demand-marq ul li { margin: 0 30px; float: left; } /* 最新需求 */ .newDemand { clear: both; overflow: hidden; background: #f9f9f9; padding: 10px 14px; margin-bottom: 42px; } .newDemand img { width: 200px; height: 140px; float: left; } .newDemand ul { width:940px; box-sizing: border-box; float: left; } .newDemand ul li { padding: 10px 0; box-sizing: border-box; width: 19.6%; display: inline-block; } .newDemand ul li a{ color: #666; } .newDemand ul li:first-child div { border: none; } .newDemand ul li div { box-sizing: border-box; padding: 0px 20px; border-left: 1px solid #dfdfdf; } .newDemand ul li div p .timeBefor { float: right; margin-top: 3px; } /* HOT */ .mainHot .hot { width: 40px; display: inline-block; height: 20px; font-size: 14px; text-align: center; line-height: 20px; background-color: #f52429; color: #ffffff; border-radius: 3px; margin-right: 10px } .mainHot .crumbNav { display: inline-block; } .crumbNav li { color: #393838; margin: 0 6px; display: inline-block; } .crumbNav li a{ color: #393838; } .crumbNav li:nth-child(2n+1):hover a{ cursor: pointer; color: #0289df; } .enterprise a:hover,.study a:hover{ cursor: pointer; color: #0289df; } .mainHot .hr { display: inline-block; width: 100%; height: 3px; background: #ff570c; margin: 8px 0; } .mainHot .mainLeft{ padding-right: 0px; } .mainHot .demandTxt, .talentsTxt { padding-right: 15px; } .talentsTxt ol li:hover{ box-shadow: 0 5px 5px #ccc; transition: all .3s ease-in; } .talentsIntroduce{ overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } .demandTxt .col-md-7 div a{ color:#333; } .demandTxt .col-md-7 div:hover{ box-shadow: 0 5px 5px #ccc; transition: all .3s ease-in; } .demandTxt .col-md-7 div>p:first .mainHot .demandTxt img { float: left; } .mainHot .demandTxt div { float: left } .demandTxt .talents, .talentsTxt .talents { display: inline-block; width: 100px; color: #ffffff; height: 22px; padding-left: 10px; line-height: 22px; text-align: center; margin-right: 5px; background: url(../../../img/newMenu/demand-6.png) no-repeat; } .demandTxt .col-md-7 { padding-right: 0px; } .demandTxt p:nth-child(2), .talentsTxt p:nth-child(2) { color: #7a7878; text-align: justify; font-size: 12px; margin-top: 10px; line-height: 24px; } .colorOrange { color: #ff570c; float: right; margin-right: 20px; } .colorOrt { color: #ff570c; float: right; } .colorTime { font-size: 12px; float: right; color: #0289df; } .talentsTxt { padding-left: 15px; } .demandTxt .col-md-7>div { margin-bottom: 30px; } .talentsTxt ol li { margin-bottom: 30px; } .talentsTxt ol li a{ color:#333; } /* 企业技术需求 */ .enterprise { padding-bottom: 80px; } .enterprise .col-md-2{ padding-right: 0; } .enterprise .col-md-2 img{ width: 100%; height: 340px; } .enterprise h4,.study h4 { font-weight: normal; font-size: 22px; color: #1f1f1f; padding-bottom: 24px; } .enterprise h4 a,.study h4 a { display: inline-block; color: #cacaca; font-size: 12px; margin-left: 24px; } .imgGroup { box-sizing: border-box; } .imgGroup ul { box-sizing: border-box; } .imgGroup ul li { padding: 0 5px; display: inline-block; overflow: hidden; width: 24.6%; margin-bottom: 30px; transition: all .3s ease-in; } .imgGroup ul li:hover{ transition: all .3s ease-in; transform: scale(1.05); box-shadow: 0 5px 10px #ccc; } .imgGroup ul li img { width: 100%; height: 116px; } .imgGroup p { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; width: 100%; line-height: 40px; font-size: 14px; color: #1f1f1f; text-align: center; } /* 地区成果 */ .areaDemand h3 { width: 700px; margin: 0 auto 22px; } .fullImg .fullImgTxt { position: absolute; top: 0; left: 50%; margin-left: -600px; } .areaDemand .fullImg { position: relative; left: 0; top: 0; width: 100%; padding-top: 130px; padding-bottom: 70px; } .areaDemand .fullImg img { width: 100%; height: 400px; } .fullImgTxt li { padding-top: 10px; } .fullImgTxt li .warpImg { width: 100%; background: #ffffff; box-shadow: 0 5px 15px #333; } .fullImgTxt li p { text-align: justify; line-height: 24px; font-size: 14px; color: #7a7878; } .fullImgTxt .btnAreaBj { text-align: center; height: 118px; background: url(../../../img/newMenu/demand-14.jpg) no-repeat } .fullImgTxt .btnAreaBj .btnArea { display: inline-block; width: 127px; height: 34px; background: #ffffff; border-radius: 17px; line-height: 34px; text-align: center; font-size: 18px; color: #191919; vertical-align: top; margin-top: 70px; cursor: pointer; } .fullImgTxt .btnAreaBj .btnArea:hover { background: #0289df; color: #ffffff; } .fullImgTxt .introduction { padding: 10px 20px 10px; } .fullImgTxt .btnSee { text-align: center } .fullImgTxt .btnSee span { display: inline-block; width: 160px; height: 44px; line-height: 44px; font-size: 16px; text-align: center; color: #ffffff; background: linear-gradient(#ff8518, #ffac2a); vertical-align: bottom; margin-bottom: -30px; box-shadow: 0 3px 10px #333; cursor: pointer; border-radius: 10px; } .fullImgTxt .btnSee:hover span { color: #ffffff; background: #0289df; } /* 产学研合作需求 */ .studyTxt{ padding-left: 10px; } .studyTxt ul li{ box-sizing: border-box; height:110px; overflow: hidden; margin-bottom: 20px; border: 1px solid transparent; } .studyTxt ul li img { width: 100%; height: 100%; } .studyTxt ul li .imgLeft{ vertical-align: top; width: 40%; float: left; overflow: hidden; } .studyTxt ul li:hover .imgRight{ background:rgba(255, 255,255, .8); } .studyTxt ul li .imgRight{ box-sizing: border-box; padding-left:10px; float: left; width: 59%; height: 110px; padding-right: 5px; background: #f9f9f9; } .studyTxt ul li .imgRight h5{ font-size: 14px; color: #393838; padding-top: 13px; padding-bottom: 10px; } .studyTxt ul li .imgRight p{ font-size: 12px; text-align: justify; color: #7a7878; margin-bottom: 5px; overflow: hidden; line-height: 18px; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .studyTxt ul li .imgRight span{ display: inline-block; text-align: right; border: 1px solid #ff570c; color: #ff570c; padding:0 5px; font-size: 12px; float: right; margin-left:10px; } .studyTxt>div.col-sm-2{ padding-left: 0px } .studyTxt>div>img{ width: 100%; height: 369px; } .studyTxt .col-sm-4{ padding-right: 0; padding-left: 5px; } /* 研产资金需求 */ .capital{ padding-top: 40px; } .capitalMain div ol{ display: -webkit-flex; display: flex; } .capitalMain div ol li{ padding: 20px 20px; overflow: hidden; background: url(../../../img/newMenu/demand-20.jpg) no-repeat; } .capitalMain .col-sm-2 img{ width: 100%; } .capital-administration{ text-align: center; padding-right: 20px; } .capital-administration .capitalBj{ overflow: hidden; background: rgba(255, 255,255, .5); padding:20px; } .capital-administration .capitalBj h4{ overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } .capital-administration .capitalBj>p{ text-align: left; font-size: 14px; color:#7a7878; padding:20px 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:3; } .capital-administration .capitalBj>div>p{ font-size: 12px; color: #393838; } .capital-administration a:hover{ background: #0289df; color: #ffffff; box-shadow: 0 5px 20px #0289df; } .capital-administration a{ clear: both; display: inline-block; width: 100%; background: #ffffff; color: #ff580e; font-size: 16px; margin-top: 30px; margin-bottom: 6px; height: 44px; line-height: 44px; box-shadow: 0 5px 10px #ccc; border-radius: 5px; } /* 技术人才需求*/ .technology>div>img{ width: 100%; height: 280px; } .technology.row{ margin-right: 0 } .technology ol li{ margin-bottom: 8px; transition: all .3s ease-in-out; } .technology ol li:hover div{ transition: all .3s ease-in-out; border-radius: 5px; border-color: #1797e9; } .technology ol li div{ box-sizing: border-box; overflow: hidden; border: 1px solid #eeeeee; padding: 18px 10px 8px; } .technology ol li div>p{ clear: both; } .technology .col-sm-4{ padding-left: 8px; padding-right: 0px; } .technology ol li div h4{ font-size: 16px; font-weight: normal; color: #1f1f1f; padding-bottom: 6px; } .technology ol li div .titleBorder{ width: 64px; height: 24px; line-height: 24px; display: inline-block; background: #f6f6f6; border-radius: 12px; color: #7a7878; text-align: center; font-size: 14px; margin: 0 5px; } .technology ol li div .money{ color: #ff570c; font-size: 14px; } .technology ol li div>p{ overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2; font-size: 14px; color: #7f7f7f; line-height: 24px; text-align: justify; } .technology ol li div>span{ width: 60px; height: 24px; line-height: 24px; text-align: center; border-radius: 12px; border: 1px solid #0289df; font-size: 12px; color: #0289df; margin-top: 6px; transition: all .3s ease-out; } .technology ol li:hover div>span{ transition: all .3s ease-in; width: 100px; background: #0289df; color: #ffffff; } .demandFootImg{ width: 100%; padding-top: 40px; padding-bottom: 140px; } .demandFootImg img{ width: 100%; }