liting2017 6 years ago
parent
commit
c46f8a3ba2

BIN
img/newMenu/demand-1.jpg


BIN
img/newMenu/demand-10.png


BIN
img/newMenu/demand-11.png


BIN
img/newMenu/demand-12.png


BIN
img/newMenu/demand-13.jpg


BIN
img/newMenu/demand-14.jpg


BIN
img/newMenu/demand-16.jpg


BIN
img/newMenu/demand-17.jpg


BIN
img/newMenu/demand-18.jpg


BIN
img/newMenu/demand-19.jpg


BIN
img/newMenu/demand-2.jpg


BIN
img/newMenu/demand-20.jpg


BIN
img/newMenu/demand-21.jpg


BIN
img/newMenu/demand-22.jpg


BIN
img/newMenu/demand-3.png


BIN
img/newMenu/demand-4.png


BIN
img/newMenu/demand-5.jpg


BIN
img/newMenu/demand-6.png


BIN
img/newMenu/demand-7.png


BIN
img/newMenu/demand-8.png


BIN
img/newMenu/demand-9.png


BIN
img/newMenu/navImg.jpg


BIN
img/newMenu/search-bj.jpg


BIN
img/newMenu/search-cg.png


BIN
img/newMenu/search-icon.jpg


BIN
img/newMenu/search-xq.png


+ 780 - 0
src/css/newMenu/demand.css

@@ -0,0 +1,780 @@
+/* 
+    @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: 202px;
+    height: 140px;
+    float: left;
+}
+
+.newDemand ul {
+    max-width: 910px;
+    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: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:nth-child(2n+1):hover{
+    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;
+}
+.talentsIntroduce{
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+    overflow: hidden;
+}
+.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;
+}
+
+/* 企业技术需求 */
+
+.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;
+}
+
+.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;
+}
+.studyTxt ul li img {
+   width: 100%;
+   height: 100%;
+}
+.studyTxt ul li .imgLeft{
+    vertical-align: top;
+    width: 40%;
+    float: left;
+    overflow: hidden;
+}
+.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: 370px;
+}
+.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;
+}
+.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 10px;
+}
+.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;
+}
+.demandFootImg{
+    width: 100%;
+    padding-top: 40px;
+    padding-bottom: 140px;
+}
+.demandFootImg img{
+    width: 100%;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 149 - 0
src/css/newMenu/header.css

@@ -0,0 +1,149 @@
+/* header */
+.header  {
+    color:#333;
+    height: 64px;
+    line-height: 64px;
+    background-color: #f9f9f9;
+}
+.header div>div{
+    margin-left: 30px;
+    float:right;
+}
+.header ul li {
+    float: left;
+    margin: 0 10px;
+}
+.header a{
+    color:#333;
+}
+.header .colorRed{
+    color: #ff570c;
+}
+
+/* 导航 */
+.navHeader {
+	background: #ffffff;
+	line-height: 90px;
+	height: 90px;
+}
+.navHeader .nav ul li img {
+	width: 30px;
+	height: 30px;
+	position: absolute;
+	right: 0px;
+	top: 9px;
+}
+.navHeader .logo {
+	float: left;
+	padding-left: 20px;
+}
+
+.navHeader .logo_right {
+	margin-top: 8px;
+	float: left;
+	padding-left: 20px;
+	width: 120px;
+	height: 75px;
+	background: url("../../../img/index_xuan.png") no-repeat center center;
+	margin-left: 10px;
+}
+
+.navHeader .nav {
+	float: left;
+	padding-left: 70px;
+}
+
+.navHeader .nav>ul>li {
+	float: left;
+	width: 120px;
+	text-align: center;
+	line-height: 90px;
+	position: relative;
+}
+
+.navHeader .nav>ul>li>a {
+	color: #074d88;
+	width: 120px;
+	line-height: 90px;
+	display: inline-block;
+	font-size: 20px;
+}
+
+.navHeader .nav>ul>li:hover a {
+	color: #074F88;
+}
+
+.active a {
+	color: #074F88!important;
+}
+
+
+/*2级导航*/
+
+.navHeader .nav ul li .subnavigation {
+	width: 120px;
+	position: absolute;
+	top: 76px;
+	z-index: 9999;
+	background: #ffffff;
+    display: none;
+    padding-top: 18px;
+    padding-bottom: 15px;
+    box-shadow: 0 0 10px #ccc;
+}
+
+.subnavigation li>a {
+	width: 120px;
+	height: 30px;
+	line-height: 30px;
+	display: inline-block;
+	color: #333333;
+}
+
+.subnavigation li:hover a {
+	background: rgba(100, 100, 100, .7);
+	color: #ffffff;
+}
+
+.subnavigation li {
+	height: 30px;
+	line-height: 30px;
+}
+
+
+/*hot*/
+
+.nav ul li:hover img {
+	animation: hot 1s infinite linear;
+	transition: all 1s;
+}
+
+@keyframes hot {
+	0% {
+		width: 30px;
+		height: 30px;
+	}
+	25% {
+		width: 25px;
+		height: 25px;
+		top: 9px;
+	}
+	50% {
+		width: 30px;
+		height: 30px;
+	}
+	100% {
+		width: 25px;
+		height: 25px;
+		top: 9px;
+	}
+}
+.navHeader .nav_right{
+    float: right;
+    color:#ff570c;
+}
+.navHeader .nav_right img{
+    width: 82px;
+    height: 62px;
+    margin-right: 14px;
+}

+ 812 - 0
src/css/newMenu/public.css

@@ -0,0 +1,812 @@
+*{margin: 0;padding: 0;list-style: none;}
+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
+dl, dt, dd, ul, ol, li, 
+pre, 
+form, fieldset, legend, button, input, textarea, 
+th, td  {
+  margin: 0;
+  padding: 0;
+}
+
+body,
+button, input, select, textarea  {
+  font-size:14px; background-color: white;
+}
+/*h1, h2, h3, h4, h5, h6 { font-size: 100%; }*/
+address, cite, dfn, em, var { font-style: normal; } 
+code, kbd, pre, samp { font-family: courier new, courier, monospace; }
+small { font-size: 12px; } 
+
+ul, ol { list-style: none; }
+a { text-decoration: none; }
+a:hover { text-decoration: none; }
+legend { color: #000; }
+fieldset, img { border: 0; } 
+button, input, select, textarea { font-size: 100%; } 
+
+table { border-collapse: collapse; border-spacing: 0; }
+img{
+	vertical-align: middle;
+}
+.float-left{
+    float: left;
+}
+.float-right{
+    float:right;
+}
+.textRight{
+  text-align: right
+}
+.clearFix{
+  clear: both;
+}
+button:focus{
+  outline: none;
+  background-color: none;
+}
+
+
+/* footer */
+/*登陆页面*/
+
+.login {
+	width: 100%;
+	background: rgba(6, 6, 6, .4);
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 999999;
+	display: none;
+}
+
+.login_mian {
+	width: 600px;
+	background: #ffffff;
+	position: absolute;
+	top: 50%;
+	margin-top: -200px;
+	left: 50%;
+	margin-left: -300px;
+	padding-top: 60px;
+	padding-bottom: 96px;
+}
+
+.login_left {
+	float: left;
+	padding-bottom: 10px;
+	width: 265px;
+	text-align: center;
+}
+
+.login_left .login_ewm {
+	width: 95px;
+	padding-top: 34px;
+	margin-bottom: 10px;
+	display: inline-block;
+	text-align: center;
+}
+
+.login_left .login_ewm img {
+	margin-bottom: 10px;
+	width: 90px;
+}
+
+.login_left p {
+	line-height: 26px;
+	font-size: 16px;
+	text-align: center;
+}
+
+.login_right {
+	float: left;
+	padding-left: 32px;
+	width: 288px;
+	border-left: 1px solid #E5E5E5;
+}
+
+.login_check,
+.login_submit {
+	width: 260px!important;
+}
+
+.login_right h5 {
+	font-size: 18px;
+	color: #373739;
+	font-weight: normal;
+	margin-bottom: 10px;
+}
+
+.login_right h5 a {
+	font-size: 14px;
+	color: #f81009;
+	margin-left: 56px;
+}
+
+.login_right form .login_uesr,
+.login_pass {
+	width: 256px;
+	height: 40px;
+	position: relative;
+	border: 1px solid #cccccc;
+}
+
+.login_uesr label img,
+.login_pass label img {
+	width: 20px;
+	height: 22px;
+	position: absolute;
+	top: 8px;
+	left: 10px;
+	border: none;
+}
+
+#Lo_user,
+#Lo_pass {
+	width: 210px;
+	height: 24px;
+	line-height: 24px;
+	border: none;
+	border-left: 1px solid #CCCCCC;
+	padding-left: 12px;
+	left: 40px;
+	top: 8px;
+	font-size: 16px;
+	position: absolute;
+	color: #cdcdcd;
+}
+
+.login_uesr .log_del {
+	width: 16px;
+	height: 16px;
+	position: absolute;
+	top: 10px;
+	right: 10px;
+}
+
+.log_del:hover {
+	cursor: pointer;
+}
+
+.login_uesr {
+	margin-bottom: 20px;
+}
+
+.login_check a {
+	color: #f18101;
+	float: right;
+	line-height: 38px;
+}
+
+.login_check label {
+	height: 38px;
+	line-height: 38px;
+	color: #f18101;
+	font-weight: normal;
+}
+
+.lab_check {
+	background: url(../../../img/check_lo.png) no-repeat center left;
+	background-size: 20% 40%;
+}
+
+.lab_checkno {
+	background: url(../../../img/check_lono.png) no-repeat center left;
+	background-size: 20% 40%;
+}
+
+.login_check label input {
+	margin-right: 4px;
+	visibility: hidden;
+}
+
+.login_check label:hover {
+	cursor: pointer;
+}
+
+.login_submit {
+	width: 100%;
+	height: 38px;
+	font-size: 20px;
+	background: #f18101;
+	color: #FFFFFF;
+	text-align: center;
+	border: none;
+}
+
+.login_hua {
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+.login_close {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	width: 24px;
+	height: 22px;
+	z-index: 2000;
+}
+
+.login_close:hover {
+	cursor: pointer;
+}
+
+.login_shadow {
+	position: absolute;
+	bottom: -25px;
+	width: 600px;
+	height: 25px;
+	right: 0;
+	z-index: 2000;
+}
+
+.login_check label:first-child {
+	margin-right: 15px;
+}
+
+.head_login:focus {
+	text-decoration: none;
+}
+/*忘记密码页面*/
+
+#forget {
+	width: 100%;
+	height: 100%;
+	background: rgba(6, 6, 6, .4);
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 999999;
+	display: none;
+}
+
+.forget {
+	width: 600px;
+	background: #ffffff;
+	position: absolute;
+	top: 50%;
+	margin-top: -200px;
+	left: 50%;
+	margin-left: -300px;
+	padding-top: 10px;
+	padding-bottom: 50px;
+}
+
+.forget_top {
+	width: 100%;
+	height: 50px;
+	border-bottom: 1px solid #E5E5E5;
+	padding-left: 20px;
+	line-height: 50px;
+}
+
+.forget_top>a {
+	color: #383838;
+	font-size: 20px;
+	float: left;
+}
+
+.forget_top>div {
+	float: left;
+}
+
+.forget_center {
+	padding-top: 30px;
+	width: 100%;
+	text-align: center;
+	padding-right: 40px;
+}
+
+.forget_center>div {
+	color: #616161;
+	font-size: 16px;
+	font-weight: normal;
+	height: 40px;
+	line-height: 40px;
+	width: 410px;
+	margin: 0 auto;
+	margin-bottom: 15px;
+	text-align: right;
+	position: relative;
+}
+
+.forget_center>div input {
+	height: 40px;
+	margin-left: 5px;
+}
+
+.phone>label {
+	font-weight: normal;
+	font-size: 18px;
+}
+
+.phone input {
+	width: 250px;
+	font-size: 16px;
+	border: 1px solid #E5E5E5;
+	padding-left: 5px;
+}
+
+.yanzheng>label {
+	display: inline-block;
+	color: #616161;
+	font-weight: normal;
+	font-size: 18px;
+}
+
+.yanzheng input {
+	width: 160px;
+	font-size: 16px;
+	border: 1px solid #E5E5E5;
+	padding-left: 5px;
+}
+
+.yanzheng {
+	padding-right: 90px;
+}
+
+.yanzhengma_cont_ {
+	width: 80px;
+	height: 40px;
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+
+.yanzhengma_cont_>img {
+	width: 100%;
+	height: 100%;
+}
+
+.cellcode_ {
+	padding-right: 90px;
+}
+
+.cellcode_>div {
+	display: inline-block;
+	font-size: 18px;
+}
+
+.cellcode_>div>input {
+	width: 160px;
+	font-size: 16px;
+	border: 1px solid #E5E5E5;
+	padding-left: 5px;
+}
+
+.cellcode_>input {
+	width: 80px;
+	height: 40px;
+	font-size: 14px;
+	position: absolute;
+	top: 0;
+	right: 0;
+	background: #fff;
+	border: 1px solid #eee;
+	cursor: pointer;
+	color: #ccc;
+	display: inline-block;
+	padding-left: 0;
+	background: none;
+	text-align: center;
+}
+
+.forget_center .fastener {
+	margin-top: 40px;
+	text-align: center;
+	padding-left: 30px;
+}
+
+.fastener>div {
+	display: inline-block;
+	width: 150px;
+	height: 40px;
+}
+
+.fastener .forget_sub {
+	background: #F18101;
+	width: 150px;
+	height: 40px;
+	border: 1px solid #E5E5E5;
+	margin-right: 20px;
+	color: #fff;
+	letter-spacing: 8px;
+	font-size: 18px;
+}
+
+.fastener_right {
+	color: #F18101;
+	border: 1px solid #E5E5E5;
+	text-align: center;
+	letter-spacing: 8px;
+	font-size: 18px;
+	cursor: pointer;
+}
+
+
+/*新密码设置*/
+
+#new_password {
+	width: 100%;
+	height: 100%;
+	background: rgba(6, 6, 6, .4);
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 999999;
+	display: none;
+}
+
+.new_password {
+	width: 600px;
+	background: #ffffff;
+	position: absolute;
+	top: 50%;
+	margin-top: -200px;
+	left: 50%;
+	margin-left: -300px;
+	padding-top: 10px;
+	padding-bottom: 50px;
+}
+
+.password_top {
+	width: 100%;
+	height: 50px;
+	border-bottom: 1px solid #E5E5E5;
+	padding-left: 20px;
+	line-height: 50px;
+}
+
+.password_top>h4 {
+	display: inline-block;
+	color: #616161;
+	font-size: 20px;
+}
+
+.password_top>span {
+	font-size: 16px;
+	color: #616161;
+	background: url("../../../img/zhongdian.png") no-repeat left center;
+	padding-left: 25px;
+	margin-left: 15px;
+}
+
+.password_center {
+	padding-top: 30px;
+	width: 100%;
+	text-align: center;
+	padding-right: 40px;
+}
+
+.password_center>div {
+	color: #616161;
+	font-size: 16px;
+	font-weight: normal;
+	height: 40px;
+	line-height: 40px;
+	width: 410px;
+	margin: 0 auto;
+	margin-bottom: 15px;
+	text-align: right;
+	position: relative;
+}
+
+.password_center>div>label {
+	font-weight: normal;
+	font-size: 18px;
+}
+
+.password_center>div input {
+	width: 250px;
+	height: 40px;
+	font-size: 16px;
+	padding-left: 5px;
+}
+
+.new_password .fastener {
+	margin-top: 40px;
+	padding-left: 30px;
+}
+
+.fastener .new_password_sub {
+	background: #F18101;
+	width: 150px;
+	height: 40px;
+	border: 1px solid #E5E5E5;
+	margin-right: 20px;
+	color: #fff;
+	letter-spacing: 8px;
+	font-size: 18px;
+}
+
+
+/*弹出消息提示*/
+
+
+/*弹出消息提示*/
+.smg{width: 260px;height: 40px;text-align: center;transform: scale(0) rotate(360deg);
+    line-height:40px;background:#17a2b8;border-radius: 10px;
+    position: fixed;top: -200px; left: 50%;margin-left: -130px;color:#ffffff;
+    transition: all .5s ease-in-out;
+}
+.smg input{width: 260px;height: 40px;border: none;background: none;text-align: center;font-size: 14px;}
+.smg.active{
+    transform: scale(1) rotate(0);
+    top: 200px;
+    z-index: 9999999999;
+    transition: all .5s ease-in;
+}
+
+
+/* msg tools*/
+
+.message {
+	position: fixed;
+	top: 80px;
+	text-align: center;
+	width: 100%;
+	display: none;
+	z-index: 9999
+}
+
+.message span {
+	background: rgba(0, 0, 0, 0.6);
+	padding: 8px 20px;
+	color: #fff;
+	border-radius: 6px
+}
+
+#bottom {
+	width: 100%;
+	height: 386px;
+	margin: 20px auto 0;
+	position: relative;
+	background: url(../../../img/bottom_bg.png) no-repeat center center;
+	background-size: 120% 100%;
+	;
+}
+
+.bottom {
+	width: 1200px;
+	height: 386px;
+	margin: 20px auto 0;
+	position: relative;
+}
+
+.bottom_text {
+	width: 1200px;
+	height: 386px;
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+
+.text_top {
+	width: 100%;
+	height: 55px;
+	position: absolute;
+	top: 140px;
+	left: 0;
+	text-align: center;
+	color: #fff;
+}
+
+.text_top>a {
+	color: #fff;
+	line-height: 25px;
+}
+
+.text_center {
+	width: 100%;
+	height: 90px;
+	position: absolute;
+	top: 195px;
+	left: 0;
+	color: #fff;
+	margin-top: 10px;
+}
+
+.cont_left {
+	width: 350px;
+	height: 90px;
+	display: inline-block;
+	margin-left: 45px;
+}
+
+.cont_left>img {
+	margin-left: 85px;
+	width: 40px;
+}
+
+.cont_guanli>a>img {
+	width: 40px;
+	height: 40px;
+}
+
+.cont_guanli {
+	width: 200px;
+	height: 90px;
+	display: inline-block;
+	text-align: center;
+	margin-left: 70px;
+}
+
+.cont_center {
+	width: 200px;
+	height: 90px;
+	display: inline-block;
+	text-align: center;
+}
+
+.cont_right,
+.cont_rightapp {
+	width: 82px;
+	height: 90px;
+	display: inline-block;
+	text-align: center;
+	vertical-align: bottom;
+}
+
+.text_center p {
+	color: #F5F6F9;
+	line-height: 50px;
+	font-weight: bold;
+}
+
+.cont_rightapp {
+	margin-right: 5px;
+	margin-left: 50px;
+}
+
+.cont_rightapp p {
+	line-height: 30px;
+}
+
+.cont_right p {
+	line-height: 30px;
+	width: 80px;
+	text-align: center;
+}
+
+.text_bottom {
+	width: 100%;
+	height: 75px;
+	position: absolute;
+	top: 285px;
+	left: 0;
+	color: #fff;
+	padding-left: 45px;
+	margin-top: 15px;
+}
+
+.text_bottom p {
+	font-weight: bold;
+	line-height: 25px;
+}
+
+.text_bottom a {
+	color: #fff;
+	font-size: 1.2rem;
+	line-height: 18px;
+}
+
+.pol_act {
+	margin-left: 5px;
+}
+
+.android {
+	margin-right: 5px;
+}
+
+
+/*右侧挂件*/
+
+.index_blur {
+	font-size: 18px;
+	color: #fff;
+	text-align: right;
+	padding-right: 15px;
+	cursor: pointer;
+}
+
+.pub_fix {
+	width: 70px;
+	position: fixed;
+	right: 10px;
+	bottom: 80px;
+	border-radius: 10px;
+	border: 1px solid #e0e0e0;
+	overflow: hidden;
+	text-align: center;
+	height: auto;
+	background: #ffd68f;
+	z-index: 999;
+}
+
+.right_cebian {
+	width: 40px;
+	height: 120px;
+	position: fixed;
+	right: 0;
+	bottom: 180px;
+	border-radius: 10px 0 0 10px;
+	text-align: center;
+	color: #fff;
+	display: none;
+	cursor: pointer;
+	background: #5888B5 url("../../../img/youce_daohang.png") no-repeat center 5px;
+	z-index: 999999;
+	letter-spacing: 5px;
+	font-size: 18px;
+	padding-top: 30px;
+	padding-left: 5px;
+	line-height: 20px;
+}
+
+.pub_fix .index_blur {
+	width: 100%;
+	height: 30px;
+	line-height: 30px;
+	background: #4c7fa9;
+	display: inline-block;
+}
+
+.pub_fix .index_orange {
+	width: 100%;
+	height: 24px;
+	line-height: 24px;
+	background: #ffd68f;
+	display: inline-block;
+}
+
+.pub_fix ul li:first-child {
+	border: none;
+}
+
+.pub_fix ul li {
+	padding-top: 6px;
+	padding-bottom: 6px;
+	border-top: 1px dotted #e0e0e0;
+	background: #FFFFFF;
+}
+
+.pub_fix ul li img {
+	margin-bottom: 4px;
+}
+
+.pub_fix ul li:hover {
+	cursor: pointer;
+}
+
+.pub_fix ul li p {
+	color: #074d88;
+	font-size: 14px;
+}
+
+.pub_fix ul li a {
+	text-decoration: none;
+}
+
+.pub_fix ul li a img {
+	width: 45px;
+	height: 45px;
+	border-radius: 50%;
+	background: #ffc443;
+	display: inline-block;
+}
+
+.pub_fix ul li:hover a img {
+	background: #fc9501
+}
+/* 导航动作 */
+/* .nav_right>img{
+	cursor: pointer;
+	animation:mymove 5s infinite;
+	-webkit-animation:mymove 5s infinite; 
+}
+@keyframes mymove{
+	from{transform:rotateY(360deg)};
+	to{transform:rotateY(0deg)}
+} */

+ 2 - 2
src/css/public.css

@@ -600,12 +600,12 @@ header .nav_right .head_login {
 	font-size: 18px;
 	color: #373739;
 	font-weight: normal;
+	margin-bottom: 10px;
 }
-
 .login_right h5 a {
 	font-size: 14px;
 	color: #f81009;
-	margin-left: 62px;
+	margin-left: 56px;
 }
 
 .login_right form .login_uesr,

File diff suppressed because it is too large
+ 7 - 0
src/js/newMenu/bootstrap.min.js


+ 131 - 0
src/js/newMenu/demand.js

@@ -0,0 +1,131 @@
+/* 
+    @update:2018/06/04
+*/
+import 'css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css'
+import 'css/newMenu/demand.css';
+import 'js/public.js';
+import 'js/newMenu/demand.js';
+
+$(function () {
+    init();
+    function init() {
+        nav();
+        industryFun();
+        menuFun();
+        search();
+        searchFun();
+        inpFun();
+    }
+    //二级导航
+    function nav() {
+        $('.nav ul li').mouseenter(function () {
+            $(this).find('.subnavigation').slideDown(100);
+        });
+        $('.nav ul li').mouseleave(function () {
+            $(this).find('.subnavigation').slideUp(100);
+            $('.nav ul li').stop(false, true);
+        });
+        //轮播
+        $('#myCarousel').carousel({
+            interval: 4000
+        })
+    }
+    //行业选择
+    function industryFun() {
+        $('.navMeau').mouseenter(function () {
+            $(this).find('.menuList').slideDown(200);
+        });
+        $('.navMeau').mouseleave(function () {
+            $(this).find('.menuList').slideUp(200);
+            $('.navMeau').stop(false, true);
+        });
+    }
+    /* 加急需求切换 */
+    function loadData(item){
+        console.log(item)
+        $.ajax({
+            method: "post",
+            dataType: "json",
+            crossDomain: false,
+            url: globalConfig.context + '/api/user/consultorder/add',
+            data: {
+                toUserId: item
+            },
+            success: function (data) {
+                if (data.error && data.error.length) {
+                    msg();
+                    $('#msg').val(data.error);
+                } else {
+                   console.log(data)
+                };
+            }
+        });
+    }
+    //点击菜单时;
+    function menuFun(){
+        $('.crumbNavLeft li').on('click',function(){
+            let nup = $(this).index();
+            loadData(nup)
+        })
+        $('.crumbNavRight li').on('click',function(){
+            let nup = $(this).index();
+            loadData(nup)
+        })
+    }
+    //搜索
+    let valArr = [],valTxt=[];
+    function search(){
+        $('.menuList ul li').on('click',function(){
+            let txts = $(this).text();
+            valArr=[];
+            valTxt=[];
+            inputVal(txts);
+        })
+        $('.searchMain ol li ').on('click',function(){
+            let index = $(this).index();
+            if(index){
+                let txt = $(this).text();
+                valArr=[];
+                valTxt=[];
+                inputVal(txt)
+            }
+        })
+    }
+    function inputVal(item){
+        $('.demandSearch').val('');
+        valTxt.push(item);
+        valArr.push(`<span>${item}</span>`);
+        $('.demandSearch').attr('placeholder','');
+        $('.txtVal').html(valArr);
+    }
+    function inpFun(){
+        $('.demandSearch').focus(function(){
+            if(valArr.length){
+                valArr=[];
+                valTxt=[];
+                $('.txtVal').html('');
+            }
+        })
+        $('.demandSearch').focus(function(){
+            if(!valArr.length&&!($(this).val())){
+                $('.demandSearch').attr('placeholder','输入你感兴趣的内容');
+            }
+        })
+    }
+    function searchFun(){
+        $('.searchBtn').on('click',function(){
+            let sVal = $('.search-inp .demandSearch').val();
+            if(sVal){
+                console.log(sVal);
+               // window.location.href = globalConfig.context + '/user/account/index.html#consultList'
+            }
+            if(valTxt.length){
+                console.log(valTxt.join(''))
+            }
+        });
+       
+    }
+})

File diff suppressed because it is too large
+ 1082 - 0
template/newMenu/demand.html


+ 12 - 1
webpack.config.js

@@ -210,6 +210,13 @@ module.exports = (function () {
             template: './template/news/agreement.html',
             chunks: ['news/agreement', 'vendors']
         }),
+        /*  2018-6 改版后科技需求 */
+        new HtmlWebpackPlugin({
+            title: '科技需求',
+            filename: 'html/newMenu/demand.html',
+            template: './template/newMenu/demand.html',
+            chunks: ['newMenu/demand', 'vendors']
+        }),
     ];
     if (!isDev) {
         //这个使用uglifyJs压缩你的js代码
@@ -250,7 +257,11 @@ module.exports = (function () {
         },
         module: require('./webpack/module.config.js')(theme),
         resolve: {
-            extensions: ['.js', '.jsx']
+            extensions: ['.js', '.jsx'],
+            alias:{
+                'js':__dirname+'/src/js',
+                'css':__dirname+'/src/css'
+            }
         },
         plugins: plugins,
         devServer: {

+ 9 - 3
webpack/entry.config.js

@@ -30,7 +30,9 @@ module.exports = {
         //newsApp
         'news/newsDetailApp': './src/js/news/newsDetailApp.js',
         'news/appCognizance': './src/js/news/appCognizance.js',
-        'news/agreement': './src/js/news/agreement.js'
+        'news/agreement': './src/js/news/agreement.js',
+        /* 2018-06  新版科技需求 */
+        'newMenu/demand': './src/js/newMenu/demand.js',
     },
     watch: {
         'index': ['webpack-dev-server/client?http://127.0.0.1', // WebpackDevServer host and port
@@ -153,7 +155,11 @@ module.exports = {
         'news/agreement': ['webpack-dev-server/client?http://127.0.0.1', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/news/agreement.js'
-        ]
-
+        ],
+        /* 2018-06 新版科技需求 */
+        'newMenu/demand': ['webpack-dev-server/client?http://127.0.0.1', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/demand.js'
+        ],
     }
 };