/* @update:2018/06/06 */ /* 最新发布 */ .newRelease{ clear: both; text-align: center; } .newRelease>div{ width:270px; height: 60px; background: url(../../../img/newMenu/achievement_1.jpg) no-repeat; background-size: 100% 100%; margin: 24px auto 30px; } .blur{ color: #0289df; } .orange{ color: #ff6d0b; } .newRelease ul{ display: flex; display: -webkit-flex; justify-content: space-between; } .newRelease ul li{ transition: all .5s ease-in; } .newRelease ul li div{ padding:10px 10px; background: #f9f9f9; } .newRelease ul li div p { text-align: left; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color: #333; line-height: 24px; height: 24px; } .newRelease ul li div p span{ font-size: 12px; } .newRelease ul li div p .orange{ display: inline-block; margin-right: 12px; } .newRelease>a{ color: #7a7878; display: inline-block; padding: 22px 0px 55px; } .newRelease>a:hover{ color: #0289df; } /* 热门关注 */ .achievementHot>div{ width: 140px; height:22px; background: url(../../../img/newMenu/achievement_7.jpg) no-repeat; background-size:100% 100%; float: left; vertical-align: top; margin-top: -2px; margin-right: 12px; } .achievementHot ol{ float: left; } .achievementHot ol li{ color: #393838; float: left; margin: 0 7px; } .achievementHot{ clear: both; overflow: hidden; margin-bottom: 6px; } .achievementHot ol li a:hover{ color: #0289df; } .achievementHot a{ float: right; font-size: 14px; color: #7a7878; } .achievementHot a:hover{ color:#0289df; } .achievementHot-list{ clear: both; overflow: hidden; } .achievementHot-list .row{ margin: 0; } .achievementHot-list ul li div{ overflow: hidden; } .achievementHot-list .col-sm-4{ padding: 0 } .achievementHot-list ul li{ margin-bottom: 18px; } .achievementHot-list ul li div img { float: left; width: 112px; height: 112px; } .achievementHot-list ul li div div{ width: 273px; height: 112px; float: left; border: 1px solid #ccc; border-left: none; } .achievementHot-list ul li div div h4{ font-weight: normal; font-size: 14px; color: #1f1f1f; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; border-bottom: 1px double #ccc; height: 42px; line-height: 42px; padding-left: 20px; } hr{ clear: both; margin: 10px 0 18px; border:2px solid #ff6113; } .achievementHot-list ul li div div p{ padding-left: 20px; margin: 8px 0; } .achievementHot-list ul li div div p .orange{ font-size: 12px;margin-right: 30px; display: inline-block; } .achievementHot-list ul li div div p .blur{ font-size: 12px; display: inline-block; } .achievementHot-list ul li div div p .technology{ float: right; display: inline-block; width: 100px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #ff6113; color: #ff6113; } .achievementHot-list ul li div div p .follow{ float: right; display: inline-block; width: 50px; height: 24px; line-height: 24px; text-align: center; background: #ff6113; color: #ffffff; border-radius: 12px; margin:0 12px; } .study { padding: 50px 0 30px; } .study h4 { font-weight: normal; font-size: 22px; color: #1f1f1f; } .study h4 a { display: inline-block; color: #cacaca; font-size: 12px; margin-left: 24px; } .study h4 a:hover{ color: #0289df; } .patent{ width: 100%; height: 204px; position: relative; } .patent .imgPatent{ position: absolute; top: 0; left: 0; width: 100%; height: 204px; background: url(../../../img/newMenu/achievement_9.png) no-repeat; background-size:100% 100%; z-index: 200; } .patent a{ position: absolute; width: 210px; height: 54px; display: inline-block; background: url(../../../img/newMenu/demandPat.png)no-repeat; background-size:100% 100%; bottom: 20px; right: 72px; z-index:400; transition: all .2s ease-in-out; } .patent a:hover{ background: url(../../../img/newMenu/demandPatHover.png)no-repeat; background-size:100% 100%; right: 65px; transition: all .2s ease-in } .patentList{ padding-top: 46px; } .patentList .col-sm-4>img{ width: 100%; height: 213px; } .patentList .col-sm-4 div>img{ height: 114px; } .patentList>.row>.col-sm-4 img:first-child{ margin-bottom: 14px; } .patentList ul li img{ width: 100%; } .patentList ul li { margin-bottom: 5px; } .patentList ul li div p{ overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; line-height: 30px; } .patentList .demandAdviser,.patentList .demandDeclare{ width: 380px; height: 213px; position: relative; } .patentList .demandAdviser{ margin-bottom: 14px; } .demandAdviser a{ position: absolute; bottom:-10px; right: 5px; width: 100px; height:50px; display: inline-block; background: url(../../../img//newMenu/achievementLJ.png) no-repeat; background-size:100% 100%; } .demandDeclare a{ position: absolute; bottom: 0px; right: 5px; width: 100px; height: 50px; display: inline-block; background: url(../../../img//newMenu/achievementZX.png) no-repeat; background-size:100% 100%; } .demandDeclare a:hover{ background: url(../../../img//newMenu/achievementZXhover.png) no-repeat; background-size:100% 100%; } .demandAdviser a:hover{ background: url(../../../img//newMenu/achievementLJhover.png) no-repeat; background-size:100% 100%; } .patentList .demandAdviser img,.patentList .demandDeclare img{ width: 100%; height:213px!important; position: absolute; left: 0; top: 0; } .achieveBj img{ margin-top: 16px; width: 100%; height: 90px; } /* 实用技术 */ .practical { clear: both; } .practical .practicalLeft{ float: left; width: 940px; } .practicalLeft ul li { cursor: pointer; width: 170px; margin-right: 30px; float: left; padding-left: 28px; border-left: 1px solid #dfdfdf; } .practicalLeft ul li .imgBj{ position: relative; width: 100%; height: 130px; } .practicalLeft ul li .imgBj img{ width: 100%; height: 100%; } .practicalLeft ul li .imgBj span{ position: absolute; top: 0; left: 0; width: 44px; height: 40px; display: inline-block; background: url(../../../img/newMenu/achievement_26.png) no-repeat; background-size:100% 100%; } .practicalLeft ul li .txts h5,.practicalGrounpTxt .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; } .practicalLeft ul li .txts p span,.practicalGrounpTxt .txts p span { color: #7a7878; font-size: 12px; display: inline-block; margin-right: 5px; } .practicalLeft ul li .txts .hotImg,.practicalGrounpTxt .txts .hotImg{ float: right; margin-right: 0px; height: 18px; width: 32px; display: inline-block; background:url(../../../img/newMenu/achievement_hot.jpg) no-repeat; background-size:100% 100%; } .practicalLeft ul li:first-child{ width: 140px; border: none; padding-left:0; } .practicalLeft ul li:last-child{ margin-right: 0px; } .practicalLeft ul li .hr,.practicalGrounpTxt .hr{ width: 100%; height: 18px; background: url(../../../img/newMenu/achievement_27.jpg) no-repeat; background-size:100% 100%; margin: 4px 0px; } .practicalLeft .btnTxt span,.practicalGrounpTxt .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; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; } .practical .practicalRight{ float: right; width: 190px; } .practicalGrounp { padding-top: 16px; clear: both; overflow: hidden; } .practicalGrounp ol li{ float: left; width: 33.00%; margin-left: 4px; cursor: pointer; } .practicalGrounp ol li img{ float: left; } .practicalGrounp ol li:first-child{ margin-left: 0; } .practicalGrounp .practicalGrounpTxt{ float: left; margin: 10px; width: 144px; } .practicalGrounpTxt .hr{ margin-bottom: 15px; } .studyT { clear: both; padding: 50px 0 36px; } .studyT h4 { font-weight: normal; font-size: 22px; color: #1f1f1f; } .studyT h4 a { display: inline-block; color: #cacaca; font-size: 12px; margin-left: 24px; } .studyT h4 a:hover{ color: #0289df; } .practicalRight { margin-top: -20px } .practicalRight h4{ text-align: center; font-size: 18px; font-weight: normal; } .practicalRight ul li{ cursor: pointer; overflow: hidden; padding: 10px 0px; } .practicalRight ul li img{ float: left; } .practicalRight ul li div{ float: left; padding-left:12px; width: 110px; } .practicalRight ul li div p{ font-size: 12px; height: 24px; line-height: 24px; color: #757575; margin-top: 10px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .practicalRight ul li div hr{ width: 146px; border: 0.5px solid #e7e7e7; } .practicalRight ul li img{ width: 58px; height: 58px; } .practicalRight a{ color: #7a7878; } .practicalRight a:hover{ color: #0289df; } /* 知识产权交易政策 */ .transaction .transactionImg{ float: left; width: 680px; padding-top: 30px; } .transaction .transactionImg .img{ width: 330px; overflow: hidden; } .transaction .transactionImg>img{ float: left; width: 330px; } .transaction .transactionImg div{ float: left; width: 330px; padding: 15px 0px 0 20px ; } .transaction .transactionImg div address{ color: #8c8c8c; font-size: 16px; } .introduce address{ margin-bottom: 10px!important; } .introduce address span { color: #333; } .transaction .transactionImg div address span{ margin: 0 10px; display: inline-block; } .transaction .transactionImg div time{ color: #8c8c8c; font-size: 16px; } .transaction .transactionImg div h5{ font-weight: normal; font-size: 16px; color: #191919; padding-bottom: 20px; } .transaction .transactionImg div p{ font-size: 14px; color: #7a7878; line-height: 24px; padding-bottom: 16px; } .transaction .transactionImg div a{ color: #7a7878; } .transaction .transactionImg div a:hover{ color: #0289df; } .transaction ul li { height: 100px; width: 470px; margin-bottom: 30px; } .transaction ul li .time,.transactionList ol li .time{ width: 84px; text-align: center; padding:10px; background: #f9f9f9; float: left; } .transaction ul li .time p,.transactionList ol li .time p{ font-size: 30px; color: #1f1f1f; } .transaction ul li .time span,.transactionList ol li .time span{ font-size: 12px; color: #8c8c8c; } .transaction ul li .time hr,.transactionList ol li .time hr{ border: 0.5px solid #e7e7e7; margin: 8px 0px ; } .transaction ul li .introduce,.transactionList ol li .introduce{ float: left; width: 386px; padding: 12px; } .transaction .introduce address,.transactionList .introduce address,{ margin-bottom: 10px; } .transaction .introduce img,.transactionList .introduce img{ margin-right: 8px; } .transaction .introduce .title,.transactionList .introduce .title{ margin-left: 10px; font-size: 16px; color:#191919; } .transaction .introduce p,.transactionList .introduce p{ color: #7a7878; font-size: 14px; line-height: 24px; } .transaction ul{ float: right; } .transactionList,.transactionList ol{ clear: both; overflow: hidden; } .transactionList ol li{ overflow: hidden; width: 50%; } .transactionList ol li:first-child{ float: left; } .transactionList ol li:last-child{ width: 470px; float: right; } /*特效*/ .transactionList ol li:hover .time,.transaction ul li:hover .time{ background: #ff6600; } .transactionList ol li:hover .introduce .title,.transaction ul li:hover .introduce .title{ color: #ff6600; } .transactionList ol li:hover .time p,.transactionList ol li:hover .time span,.transaction ul li:hover .time span,.transaction ul li:hover .time p { color: #ffffff; } .transactionList ol li:hover address span,.transaction ul li:hover address span { color: #ff6600; } .transaction .transactionImg:hover div>img{ transform: scale(1.1); transition: all .5s ease-in; } .newRelease ul li:hover{ box-shadow: 0 3px 5px #ccc; margin-top: -5px; transition: all .2s ease-in; cursor: pointer; } .achievementHot-list ul li:hover div img{ opacity: .5; transition: all .5s ease-in; cursor: pointer; } .achievementHot-list ul li:hover h4{ color: #ff6600; } .patentList ul li{ transition: all .5s ease-in-out; } .patentList ul li:hover{ transition: all .5s ease-out; cursor: pointer; } .patentList ul li:hover p{ color: #ff6600; } .practicalLeft ul li:hover img,.practicalGrounp ol li:hover img{ opacity: .7; } .practicalLeft ul li:hover .txts h5,.practicalGrounp ol li:hover .txts h5{ color: #ff6600; } .practicalRight ul li:hover{ margin-left: -5px; transition: all .5s; } .practicalRight ul li:hover p{ color: #ff6600; }