liting2017 6 년 전
부모
커밋
7801a5346d

BIN
img/patent/patent_banner.jpg


BIN
img/patent/patent_bot.jpg


BIN
img/patent/patent_jiejue.jpg


BIN
img/patent/patent_top.jpg


BIN
img/shopList/shop_Error.jpg


BIN
img/shopList/shop_null.png


+ 7 - 5
src/css/newMenu/header.css

@@ -22,10 +22,10 @@
     margin-top: 8px;
     margin-right: 4px;
 }
-.header ul li .navigation{
+.header ul li .navigationList{
     position: relative;
 }
-.header .navigation .webkitDown{
+.header .navigationList .webkitDown{
     width: 12px;
     height: 8px;
     display: inline-block;
@@ -49,7 +49,6 @@
 	width: 100%;
 	background: #ffffff;
     height:90px;
-    border-bottom: 3px solid #1697ea;
 }
 .topNav.navFix{
 	position: fixed;
@@ -106,7 +105,6 @@
 .navHeader .nav>ul>li.active div>a{
     /* box-shadow: 0 0 15px rgb(219, 218, 218); */
     color: #0289df;
-    font-weight: 800
 
 }
 .header .blue{
@@ -453,15 +451,19 @@ input:focus{
     position: absolute;
     font-size: 40px;
     color: #1697ea;
-    opacity: 1;
+    opacity: 0;
     transition: all .8s ease-in;
 }
+.signin a:nth-child(2):hover{
+    color:#f00;
+}
 .shopIcon .tint.active{
     position: absolute;
     top: 20px!important;
     left: 20px!important;
     opacity: 0;
     font-size: 5px;
+    display: block;
     transition: all .8s ease-in-out
 }
 /* 网站导航 */

+ 1 - 0
src/css/newMenu/index.css

@@ -337,6 +337,7 @@
 .RecommendBody .RecommendTxt img{
     width: 100%;
     height: 296px;
+    display: inline-block;
 }
 .RecommendBody .RecommendTxt p{
     font-size: 22px;

+ 495 - 0
src/css/newMenu/patent.css

@@ -0,0 +1,495 @@
+.patentTitle{
+    clear: both;
+    text-align: center;
+}
+.patentTitle h2{
+    font-size: 26px;
+    color: #323131;
+}
+.patentTitle span{
+    display: inline-block;
+    width: 54px;
+    height: 4px;
+    background: #1697e9;
+}
+.patentHeader{
+    width: 100%;
+    height:396px;
+    background: #f3f9fc;
+    position: relative;    
+    margin-bottom: 77px; 
+}
+.patentAchievement a{
+    width: 120px;
+    height: 36px;
+    line-height: 32px;
+    display: inline-block;
+    text-align: center;
+    position: absolute;
+    bottom:180px;
+    left: 80px;
+    z-index: 20; 
+    color: #40acff;
+    font-size: 16px;
+    border: 2px solid #40acff;
+}
+.patentAchievement a:hover{
+    background: #40acff;
+    color: #ffffff;
+}
+.patentHeader  .patentAchievement{
+    position: absolute;
+    left: 50%;
+    z-index: 10;
+   transform: translateX(-50%);
+}
+.patentAchievement .patentTop{
+    position: absolute;
+    top: 88px;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.patentAchievementList{
+    position: relative;
+    z-index: 20;
+    height: 400px;
+    margin-bottom: 58px;
+}
+.patentAchievementList .patentAchievLeft{
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 357px;
+    height: 360px;
+    position: relative;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+    z-index: 26;
+}
+.patentAchievementList .patentAchievLeft img{
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 30;
+}
+.patentAchievementList .patentAchievLeft .remark{
+    position: absolute;
+    width: 100%;
+    height: 0;
+    overflow: hidden;
+    left: 0;
+    bottom: 0;
+    z-index: 30;
+    background: rgba(47, 87, 176, .5);
+    transition: all .2s ease-in;
+
+}
+.patentAchievementList .patentAchievLeft:hover .remark{
+    height: 100%;
+    transition: all .2s ease-in-out
+}
+.patentAchievementList .patentAchievLeft .remark p{
+    margin-left: 122px;
+    margin-top: 72px;
+    width: 188px;
+    font-size: 18px;
+    color: #ffffff;
+    overflow: hidden;
+    display: -webkit-box;              
+    text-overflow: ellipsis;            
+    -webkit-box-orient: vertical;       
+    -webkit-line-clamp:3;
+    line-height: 32px;
+}
+.patentAchievementList .patentAchievLeft .remark a{
+    width: 110px;
+    height: 34px;
+    display: inline-block;
+    text-align: center;
+    color: #ffffff;
+    border: 2px solid #ffffff;
+    line-height: 30px;
+    margin-left: 200px;
+    margin-top: 47px;
+}
+.patentAchievementList .patentAchievLeft .remark a:hover{
+    color: #f3f9fc;
+    background: #1697e9;
+    border: 2px solid #1697e9;
+}
+.patentAchievementList ul {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    display: -webkit-flex;
+    width: 795px;
+    justify-content: space-between;
+    z-index: 32;
+}
+.patentAchievementList ul li{
+    width: 254px;
+    text-align: center;
+    height: 360px;
+    background: #ffffff;
+}
+.patentAchievementList ul li div{
+    width: 254px;
+    height: 200px;
+    overflow: hidden;
+}
+.patentAchievementList ul li div img{
+    width: 100%;
+    height: 100%;
+}
+.patentAchievementList ul li p{
+    padding: 14px 22px 30px;;
+    height: 30px;
+    line-height: 30px;
+    font-size: 18px;
+    color: #1f1f1f;
+    text-align: left;
+}
+.patentAchievementList ul li a{
+    display: inline-block;
+    width: 110px;
+    height: 34px;
+    line-height: 30px;
+    border: 2px solid #40acff;
+    color: #40acff;
+    margin-top: 50px;
+}
+.patentAchievementListBj{
+    background: #f9f9f9;
+    height: 350px;
+    width: 100%;
+    position: absolute;
+    top: 50px;
+    z-index: 21;
+}
+.patentAchievementList ul li a:hover{
+    background: #1697e9;
+    color: #ffffff;
+}
+.patentAchievementList ul li:hover{
+    box-shadow: 0 4px 10px #ccc;
+    margin-top: -4px;
+    transition: all .2s ease-in-out;
+}
+/* 解决技术难题 */
+.patentSolve{
+    margin-top: 13px;
+    margin-bottom: 86px;
+    width: 100%;
+    height: 475px;
+    background: url(../../../img/patent/patent_jiejue.jpg)no-repeat;
+    background-size:100% 100%;
+}
+.patentSolve .patentSolveBody{
+    position: relative;
+    z-index: 40;
+    height: 475px
+}
+.patentSolveBody ul{
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width:660px;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+
+.patentSolveBody ul li{
+   width: 320px;
+   height: 246px;
+   background: #ffffff;
+   transition: all .2s ease-in
+}
+.patentSolveBody ul li div{
+    position: relative;
+    z-index: 40;
+    width: 100%;
+    height:  174px;
+    overflow: hidden;
+}
+.patentSolveBody ul li div img{
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+}
+.patentSolveBody{
+    text-align:  center
+}
+.patentSolveBody ul li div a{
+    position: absolute;
+    bottom: 15px;
+    left: 50%;
+    width: 120px;
+    height: 34px;
+    line-height: 30px;
+    background: #ffffff;
+    border: 2px solid #40acff;
+    color: #40acff;
+    text-align: center;
+    margin-left: -60px;
+}
+.patentSolveBody ul li div a:hover{
+    background: #1697e9;
+    color: #ffffff;
+}
+.patentSolveBody ul li:hover{
+    margin-top: -6px;
+    box-shadow: 0 4px 10px #ccc;
+    transition: all .2s ease-in-out
+}
+.patentSolveBody ul li p{
+    font-size: 17px;
+    color: #1f1f1f;
+    text-align: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    -o-text-overflow: ellipsis;
+    height: 70px;
+    line-height: 70px;
+    padding: 0 15px;
+}
+.patentSolveBody>a{
+    position: absolute;
+    bottom: 30px;
+    left: 50%;
+    margin-left: -60px;
+    width: 120px;
+    height: 36px;
+    line-height: 32px;
+    text-align: center;
+    font-size: 16px;
+    color: #40acff;
+    border: 2px solid #40acff;
+}
+.patentSolveBody>a:hover{
+    background: #1697e9;
+    color: #ffffff;
+}
+/*知识产权交易政策  */
+
+/* 政策咨询 */
+.news{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+.news div{
+    width:578px;
+    margin-top: 28px;
+}
+.news div h4{
+    font-size: 18px;
+    color: #323131;
+    font-weight: normal
+}
+.news div h4 img{
+    float: right;
+    margin-bottom: 24px;
+}
+.news div ul{
+    clear: both;
+}
+.news div ul li a{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+.news div ul li a .newTxt{
+    width: 476px;
+}
+.news div ul li a .time{
+    width: 75px;
+    height: 74px;
+    text-align: center;
+    background: #f4f4f4;
+    padding-top: 16px;
+}
+.news div ul li a .time span{
+    display: inline-block;
+    margin-bottom: 4px;
+    color: #000000;
+    font-size: 16px;
+}
+.news div ul li a .time span:nth-child(2){
+    font-weight: 800
+}
+.news div ul li a .newTxt h5{
+    font-weight: normal;
+    color: #1f1f1f;
+    font-size: 16px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    margin-bottom: 10px;
+}
+.news div ul li a .newTxt p{
+    font-size: 14px;
+    color: #7a7878;
+    overflow: hidden;
+    display: -webkit-box;              
+    text-overflow: ellipsis;            
+    -webkit-box-orient: vertical;       
+    -webkit-line-clamp:2;
+}
+.news div ul li a:hover .time{
+    background: #1697e9;
+}
+.new .policy>img{
+    width: 565px;
+    height: 115px;
+}
+.news div ul li a:hover .time span{
+    color: #ffffff; 
+}
+.news div ul li a:hover .newTxt h5{
+    color: #1697e9;
+}
+.consultation ul li .time {
+    margin-top: 20px;
+}
+ .more{
+    clear: both;
+    overflow: hidden;
+    float:right;
+    font-size: 14px;
+    color: #323131;
+    margin-top: 15px;
+    margin-bottom: 50px;
+}
+ .more:hover{
+    color: #1697e9;
+}
+ .more:hover span{
+    background: #1697e9;
+}
+ .more:hover span::after{
+    background: #1697e9;
+}
+ .more span{
+    display: inline-block;
+    width: 22px;
+    height: 1px;
+    margin-left: 10px;
+    margin-right: 8px;
+    background: #323131;
+    vertical-align: middle;
+}
+ .more span:after{
+    content: '';
+    width: 6px;
+    height: 1px;
+    display: inline-block;
+    background:#323131;
+    transform: rotate(45deg);
+    vertical-align: top;
+    margin-left: 16px;
+    margin-top: -3px;
+}
+
+.expert{
+    clear: both;
+    margin-top: 20px;
+}
+.expert h5{
+    font-weight: normal;
+    padding-left: 18px;
+    border-left: 4px solid #1697e9;
+    height:30px;
+    line-height: 27px;
+    font-size: 26px;
+    color: #2f2f2f;
+}
+.expertList {
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+    margin-top: 28px;
+    margin-bottom: 15px;
+}
+.expertList ul {
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+    width: 794px;
+}
+.expertList ul li{
+    width: 257px;
+    height: 370px;
+    background: #f9f9f9;
+    transition: all .2s ease-in-out;
+}
+.expertList ul li div{
+    width: 100%;
+    height: 260px;
+}
+.expertList ul li div img{
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+}
+.expertList ul li h3{
+    font-weight: normal;
+    font-size: 24px;
+    color: #1f1f1f;
+    padding: 0 18px;
+    height: 40px;
+    line-height: 40px;
+    border-bottom: 1px dotted #b5b5b5;
+}
+.expertList ul li h3 span{
+    font-size: 18px;
+    display: inline-block;
+    margin-left: 12px;
+    color: #1797e9;
+    vertical-align: top
+}
+.expertList ul li p{
+    padding: 0 18px;
+    font-size: 14px;
+    color: #707070;
+    overflow: hidden;
+    display: -webkit-box;              
+    text-overflow: ellipsis;            
+    -webkit-box-orient: vertical;       
+    -webkit-line-clamp:2;
+    margin-top: 12px;
+}
+.expertList .expertImg{
+    width: 380px;
+    height: 390px;
+    margin-top: -18px;
+}
+.expertList .expertImg img{
+    width: 100% ;
+    height: 100%;
+    display: inline-block;
+}
+.expertList ul li:hover{
+    box-shadow: 0 4px 10px #ccc;
+    margin-top: -4px;
+    transition: all .2s ease-in-out;
+}
+
+
+
+
+
+
+
+
+
+
+

+ 447 - 0
src/css/newMenu/patentList.css

@@ -0,0 +1,447 @@
+/* 行业类别 */
+.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 {
+    width: 110px;
+    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;
+}
+
+.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(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{
+    box-shadow: 0 0 20px #ccc;
+    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{
+   height:23px;
+   display: inline-block;
+   line-height: 23px;
+   vertical-align: top;
+}
+.btnTxt .companyName{
+    width: 150px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    -o-text-overflow: ellipsis;
+}
+.achievementHot ul li .img {
+    width: 100%;
+    height:276px;
+    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{
+    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: 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%; 
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 1 - 1
src/css/newMenu/public.css

@@ -536,7 +536,7 @@ a:active{text-decoration:none;}/* 指正在点的链接*/
 .smg{width: 260px;height: 40px;text-align: center;transform: scale(0);
     line-height:40px;background:#17a2b8;border-radius: 10px;
     position: fixed;top: -200px; left: 50%;margin-left: -130px;color:#ffffff;
-    transition: all .3s ease-in-out;
+    transition: all .3s ease-in-out;z-index: 9999999;
 }
 .smg input{width: 260px;height: 40px;border: none;background: none;text-align: center;font-size: 14px;}
 .smg.active{

+ 104 - 0
src/css/newMenu/serviceDetails.css

@@ -120,6 +120,7 @@
     color: #1697ea;
 }
 .collection{
+    overflow: hidden;
     clear: both;
     padding-left: 18px;
     padding-top: 18px;
@@ -262,3 +263,106 @@
     border-radius: 5px;
     margin-right: 10px;
 }
+.tabEvaluate{
+    clear: both;
+    margin-top: 40px;
+    width: 100%;
+    height: 42px;
+    line-height: 42px;
+    border: 1px solid #efefef;
+    background: #fcfcfc;
+}
+.tabEvaluate li{
+    cursor: pointer;
+    float: left;
+    width: 120px;
+    text-align: center;
+    font-size: 16px;
+    color: #1f1f1f;
+    border-right: 1px solid #efefef
+}
+.tabEvaluate li.active{
+    background: #1697ea;
+    color: #ffffff;
+}
+/* 评论 */
+.pagination_box{
+    display: none;
+}
+.evaluateList .list_none{
+    padding-top: 20px;
+    text-align: center;
+    padding-bottom: 100px;
+}
+.evaluateList{
+    display: none;
+    clear: both;
+}
+.evaluateList>ul>li {
+    border-bottom: 1px dotted #efefef;
+    padding-left: 26px;
+    overflow: hidden;
+} 
+.evaluateList>ul>li p{
+    font-size: 14px;
+    color: #1f1f1f;
+    float: left;
+}  
+.evaluateList>ul>li>div.stasf{
+    width: 370px;
+    overflow: hidden;
+    padding: 45px 0 34px;;
+}
+.evaluateList>ul>li>div.stasf>p{
+    margin-right: 50px;
+}
+.evaluateList ul>li .satisfied{
+    float: left;
+}
+.evaluateList .uName{
+    margin-left: 10px;
+}
+.satisfied ol li {
+    float: left;
+}
+.satisfied ol li span{
+    color: #ff580e;
+}
+.satisfied ol{
+    float: right;
+    margin-left: 8px;
+    font-size: 16px;
+}
+.satisfiedContent {
+    clear: both;
+    overflow: hidden;
+    padding-bottom: 27px;
+}
+.satisfiedContent p{
+    padding-right:20px;
+    font-size: 12px;
+   color: #707070!important;
+}
+.satisfiedContent time{
+    font-size: 12px;
+    color: #707070!important;
+    float: right;
+}
+.pagination{
+    float: right;
+}
+.totalCount {
+    float: right;
+    margin-top: 28px;
+    margin-right: 15px;
+}
+.pagination_box{
+margin-bottom: 100px;
+}
+.pagination_box .pagePre a{
+    margin-right: 10px
+}
+.pagination_box .pageNext a{
+    margin-left: 10px;
+}
+

+ 7 - 1
src/css/newMenu/serviceList.css

@@ -35,6 +35,9 @@
     color: #333;
     line-height: 48px;
 }
+.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{
+    width: 105px;
+}
 .industry .industryList ul li:hover{
     color: #ff570c;
 }
@@ -326,9 +329,12 @@
     line-height: 36px!important;
     border-color: #b7d3e1!important;
 }
+.search .search-inp button,.search-inp .form-control{
+    border-radius: 0!important;
+}
 .searchService button{
     height: 36px!important ;
-    line-height: 26px!important;
+    line-height: 23px!important;
 }
 .searchService span img{
     vertical-align: top

+ 235 - 66
src/css/newMenu/shopList.css

@@ -1,201 +1,245 @@
+.topNav {
+    border-bottom: 3px solid #1697ea;
+}
 
-.navigationShop .shopAll{
+.navigationShop .shopAll {
     width: 100%;
     background: #f4f9fd;
     height: 60px;
     line-height: 60px;
     font-size: 16px;
 }
-.navigationShop .shopAll img{
+
+.navigationShop .shopAll img {
     margin-right: 44px;
     margin-left: 14px;
     display: inline-block;
 }
-.tabShop{
+
+.tabShop {
     margin-top: 19px;
 }
-.tabShop #checkboxAll{
+
+.tabShop #checkboxAll {
     vertical-align: top;
-    opacity: 0; 
+    opacity: 0;
     margin-top: 19px;
-    margin-left:-23px;
+    margin-left: -23px;
 }
-.nubTotal{
+
+.nubTotal {
     display: inline-block;
     margin-left: 5px;
 }
-.tabShop .checkImg{
+
+.tabShop .checkImg {
     display: inline-block;
     vertical-align: top;
-    margin-top:19px; 
+    margin-top: 19px;
     margin-left: 36px;
-    margin-right:10px; 
+    margin-right: 10px;
     width: 13px;
     height: 13px;
     background: url(../../../img/shopList/shopOK.jpg)no-repeat;
-    background-size:100% 100%; 
+    background-size: 100% 100%;
 }
-.tabShop .checkNoImg{
+
+.tabShop .checkNoImg {
     display: inline-block;
     vertical-align: top;
-    margin-top:19px; 
+    margin-top: 19px;
     margin-left: 36px;
-    margin-right:10px; 
+    margin-right: 10px;
     width: 13px;
     height: 13px;
     background: url(../../../img/shopList/shopNo.jpg)no-repeat;
-    background-size:100% 100%; 
+    background-size: 100% 100%;
 }
-.shopLists .companyImg{
+
+.shopLists .companyImg {
     display: inline-block;
     width: 23px;
     height: 23px;
     background: url(../../../img/shopList/shop_com.jpg) no-repeat;
-    background-size:100% 100%; 
+    background-size: 100% 100%;
     margin-left: 33px;
     margin-right: 28px;
     vertical-align: bottom
 }
 
-.shopLists .tdImg img{
+.shopLists .tdImg img {
     width: 105px;
     height: 105px;
     float: left;
 }
-.checkIcon .checkSingle{
+
+.checkIcon .checkSingle {
     margin-top: 48px;
-    opacity: 0; 
-    margin-left: -26px!important;
+    opacity: 0;
+    margin-left: -26px !important;
 }
-.tabShop ol{
+
+.tabShop ol {
     overflow: hidden;
     height: 50px;
     line-height: 50px;
     background: #f9f9f9;
 }
-.tabShop ol li{
+
+.tabShop ol li {
     float: left;
     line-height: 50px;
 }
-.tabShop ol li span,.tabShop ol li label{
+
+.tabShop ol li span,
+.tabShop ol li label {
     color: #7f7f7f;
     font-size: 14px;
     font-weight: normal
 }
-.tabShop ol li label{
+
+.tabShop ol li label {
     margin-left: 10px;
 }
-.tabShop ol li:nth-child(1){
+
+.tabShop ol li:nth-child(1) {
     margin-right: 345px;
 }
-.tabShop ol li:nth-child(2){
+
+.tabShop ol li:nth-child(2) {
     margin-right: 134px;
 }
-.tabShop ol li:nth-child(3){
+
+.tabShop ol li:nth-child(3) {
     margin-right: 167px;
 }
-.tabShop ol li:nth-child(4){
+
+.tabShop ol li:nth-child(4) {
     margin-right: 190px;
 }
-.shopLists{
+
+.shopLists {
     clear: both;
 }
-.shopLists .shopBox{
+
+.shopLists .shopBox {
     overflow: hidden;
     border: 1px solid #eeeeee;
     padding: 20px 0;
     margin-top: 12px;
     margin-bottom: 50px;
 }
-.tdImg .tdText{
+
+.tdImg .tdText {
     position: relative;
     width: 168px;
     margin-left: 20px;
     height: 105px;
-    margin-right: 88px;
+    margin-right: 17px;
 }
-.tdImg .tdText p{
+
+.tdImg .tdText p {
     width: 168px;
     font-size: 16px;
     position: absolute;
     top: 50%;
     left: 0;
-    transform: translate(0,-50%)
+    transform: translate(0, -50%)
 }
-.shopLists .shopBox div{
+
+.shopLists .shopBox div {
     float: left;
 }
-.shopLists li{
+
+.shopLists li {
     clear: both;
 }
-.checkIcon .checkImg,.checkIcon .checkNoImg{
+
+.checkIcon .checkImg,
+.checkIcon .checkNoImg {
     margin-top: 48px;
 }
-.shopLists li:last-child .shopBox{
+
+.shopLists li:last-child .shopBox {
     margin-bottom: 0
 }
-.shopBox .price{
+
+.shopBox .price {
+    width: 200px;
+    text-align: center;
     font-size: 16px;
     color: #ff580e;
     display: inline-block;
     margin-top: 40px;
-    margin-right: 123px;
+    margin-right: 44px;
 }
-.inpG{
+
+.inpG {
     margin-top: 34px;
     position: relative;
     width: 96px;
     height: 30px;
-    margin-right: 160px;
+    margin-right: 74px;
     border: 1px solid #e3e3e3;
 }
-.inpG button{
+
+.inpG button {
     width: 30px;
     height: 28px;
     line-height: 26px;
-     background:#f7f7f7;
+    background: #f7f7f7;
     border: none;
 }
-.inpG .reduce{
+
+.inpG .reduce {
     position: absolute;
     left: 0;
     top: 0;
     border-right: 1px solid #e3e3e3;
 }
-.priceTotal{
+
+.priceTotal {
+    text-align: center;
+    width: 200px;
     color: #ff580e;
     font-size: 16px;
     margin-top: 40px;
-    margin-right: 210px;
+    margin-right: 126px;
 }
-.del{
+
+.del {
     cursor: pointer;
     font-size: 14px;
     color: #7a7878;
-    margin-top: 44px;
+    margin-top: 40px;
     display: inline-block;
 }
-.del:hover{
+
+.del:hover {
     color: #f00;
 }
-.inpG .add{
+
+.inpG .add {
     position: absolute;
     right: 0;
     top: 0;
     border-left: 1px solid #e3e3e3
 }
-.inpG input{
+
+.inpG input {
     position: absolute;
     left: 31px;
     top: 0;
-    width:36px; 
+    width: 36px;
     height: 28px;
     border: none;
     line-height: 28px;
-    font-size:14px; 
-   text-align: center
+    font-size: 14px;
+    text-align: center
 }
-.totalFooter{
+
+.totalFooter {
+    display: none;
     height: 50px;
     width: 100%;
     border: 1px solid #eeeeee;
@@ -204,37 +248,45 @@
     overflow: hidden;
     margin-bottom: 100px;
 }
-.totalFooter label{
+
+.totalFooter label {
     font-weight: normal;
     font-size: 14px;
     color: #7f7f7f;
     margin-left: 10px;
     vertical-align: top;
-    margin-top:15px;
+    margin-top: 15px;
     margin-right: 50px;
 }
-.totalFooter .btnDel{
+
+.totalFooter .btnDel {
+    background: none;
     border: none;
     margin-top: 15px;
     color: #7f7f7f;
     margin-right: 500px;
 }
-.totalFooter .btnDel:hover{
+
+.totalFooter .btnDel:hover {
     color: #f00;
 }
-.totalFooter span{
+
+.totalFooter span {
     color: #7f7f7f;
 }
-.totalFooter span span{
+
+.totalFooter span span {
     color: #1797e9;
 }
-.totalFooter #checkboxAlls{
+
+.totalFooter #checkboxAlls {
     margin-left: -22px;
     vertical-align: middle;
     margin-top: -2px;
     opacity: 0;
 }
-.totalFooter .orderOk{
+
+.totalFooter .orderOk {
     cursor: pointer;
     float: right;
     height: 50px;
@@ -246,8 +298,125 @@
     line-height: 50px;
     text-align: center;
 }
-.totalFooter .orderOk.active{
+
+.totalFooter .orderOk.active {
     background: #1797e9;
 }
 
+.shopNull {
+    display: none;
+    width: 550px;
+    height: 150px;
+    margin: 100px auto;
+    background: url(../../../img/shopList/shop_null.png) no-repeat;
+    background-size: 100% 100%;
+}
+
+/* 遮罩 */
+
+.shopMarsk {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 9999999999;
+    background: rgba(000, 000, 000, .2)
+}
+
+.shopMarsk .shopOrderBody {
+    width: 400px;
+    position: fixed;
+    left: 50%;
+    top: 0;
+    background: #f3f9fc;
+    border: 1px solid #86caf5;
+    transform: translate(-50%, -50%);
+    padding: 8px;
+    transition: all 2s ease-in;
+    animation: mymove 1s ease-in-out 0s 1 alternate forwards;
+    -webkit-animation: mymove 0.8s ease-in-out 0s 1 alternate forwards;
+    /* Safari 和 Chrome */
+}
+
+@keyframes mymove {
+    from {
+        top: 0;
+    }
+    to {
+        top: 50%;
+    }
+}
+
+@-webkit-keyframes mymove{
+    from {
+        top: 0;
+    }
+    to {
+        top: 50%;
+    }
+}
+
+.shopMarsk .shopOrderBody.active {
+    top: 50%;
+    transition: all 2s ease-in-out;
+}
 
+.shopMarsk .shopOrderBody .shopOrderOk,
+.shopOrderCancel {
+    background: #ffffff;
+    width: 100%;
+    height: 100%;
+    padding-left: 88px;
+    padding-bottom: 20px;
+}
+
+.shopOrderOk .shopClose,
+.shopOrderCancel .shopClose {
+    width: 14px;
+    height: 26px;
+    cursor: pointer;
+    display: inline-block;
+    margin-right: 10px;
+    float: right;
+    font-size: 20px;
+    color: #ccc
+}
+
+.shopOrderOk .shopClose,
+.shopOrderCancel .shopClose:hover {
+    color: #f00
+}
+
+.shopOrderOk h4,
+.shopOrderCancel h4 {
+    clear: both;
+    font-weight: normal;
+    font-size: 18px;
+    padding-top: 24px;
+    margin-bottom: 25px;
+    color: #1f1f1f;
+}
+
+.shopOrderOk h4 img,
+.shopOrderCancel h4 img {
+    margin-right: 17px;
+}
+
+.shopOrderOk div p,
+.shopOrderCancel div p {
+    margin-bottom: 20px;
+    font-size: 14px;
+    color: #7a7878;
+}
+
+.shopOrderOk .shopTime,
+.shopOrderCancel .shopTime {
+    width: 240px;
+    text-align: right;
+}
+
+.shopOrderCancel div p:nth-child(1) {
+    color: #f00;
+}

+ 7 - 3
src/css/technologyTrading/achievementDetail.css

@@ -23,8 +23,8 @@ text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-bo
 position:absolute;bottom:-26px;left:-450px;border:none;}
 .inline_span1>span:nth-child(2){margin-left: 10px;}
 .big_img img{width:430px;height:440px;}
-.basic{width:370px;height:450px;position: absolute;top:95px;left:510px;}
-.basic>div{width:370px;height:55px;border-bottom: 1px solid #EFEFEF;}
+.basic{width:370px;height:446px;position: absolute;top:95px;left:510px;}
+.basic>div{width:370px;height:52px;border-bottom: 1px solid #EFEFEF;}
 .basic>div.loves{width:150px;display: none;}
 .basic>div>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .basic>.loves{height:30px;display: inline-block;position: absolute;bottom:-26px;left: -170px;border: none!important;}
@@ -34,6 +34,9 @@ position:absolute;bottom:-26px;left:-450px;border:none;}
 .bj_love{width: 16px;height: 15px;display: inline-block;background: url(../../../img/detail_img5.jpg)no-repeat center center;margin-top: 2px;vertical-align: top;}
 .basic>span>span{line-height: 30px;}
 .detail_btn{position: absolute;bottom: 0;left: 0;border: none!important;}
+.detail_btn .shopCar{
+   margin-left: 20px;
+}
 .basic>div.detail_btn a{width:150px;height:45px;background: #FFB200;color:#fff;
    line-height: 45px;text-align: center;display: inline-block;font-size: 16px;}
 .basic>div.detail_btn #purchase{margin-left: 15px;}
@@ -46,7 +49,7 @@ div.pointer>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;paddi
 .main_introduce ul>li>div>p.demandId{display: none;}
 .main_introduce ul>li>div>p.demandTyp{display: none;}
 .basic h5{font-weight: bold;}
-.basic>div.inline_span{padding-top: 30px;}
+.basic>div.inline_span{padding-top: 17px;}
 .fine{width:240px;height:545px;position: absolute;top:45px;right:80px;}
 .fine>img{width:240px;height:160px;}
 .fine>div.fine_title{width:90px;height:35px;background: #3185D0;text-align: center;
@@ -75,6 +78,7 @@ div.pointer>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;paddi
 .collection p img{
     margin-right: 12px;
 }
+
 .collection .heart{
     margin-right: 10px;
     margin-top: 5px;

+ 1 - 1
src/css/technologyTrading/demandDetail.css

@@ -19,7 +19,7 @@ text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-bo
 .big_img{width:430px;height:490px;display: inline-block;position: absolute;
     top:95px;left:50px;}
 .big_img>div>img{width:430px;height:440px;}
-.big_img img{width:430px;height:440px;}
+.big_img img{width:430px;height:440px;display: inline-block;}
 .basic{width:370px;height:450px;position: absolute;top:95px;left:510px;}
 .basic>div{width:370px;height:55px;border-bottom: 1px solid #EFEFEF;}
 .basic>div.loves{width:150px;}

+ 6 - 0
src/js/newMenu/patent.js

@@ -0,0 +1,6 @@
+// import 'css/bootstrap.less';
+// import 'bootstrap/dist/js/bootstrap.js';
+// import 'css/newMenu/public.css';
+// import 'css/newMenu/header.css'
+// import 'css/newMenu/patent.css';
+// import 'js/public.js';

+ 345 - 0
src/js/newMenu/patentList.js

@@ -0,0 +1,345 @@
+/*
+ *	@author:liting
+ * 	@update:2018/07/23
+ * 
+ */
+import 'css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css'
+import 'css/newMenu/patentList.css';
+import 'js/public.js';
+
+"use strict";
+$(function () {
+    var thePageNo = 1,
+        thePageLength = 1,
+        dataList = {},
+        pageSize = 15;
+    init();
+
+    function init() {
+        pages();
+        inpFun();
+        summary();
+        search();
+        $('.onSelect .preFirst').css('display', 'none');
+        $('.onSelect .next').css('display', 'none');
+        $('.hot ul li').removeClass('active');
+    };
+    //一级界面跳转此页面
+
+    function jump() {
+        let hash = window.location.search;
+        if (hash) {
+            if (hash.indexOf('name') > -1 || hash.indexOf('topId') > -1 || hash.indexOf('secondId') > -1) {
+                let newHash = hash.substr(1, hash.length)
+                if (newHash.indexOf('&') > -1) {
+                    let hashArr = newHash.split('&');
+                    hashArr.map(item => {
+                        if (item.indexOf('name') > -1) {
+                            let names = item.split('=')
+                            dataList.name = decodeURIComponent(names[1])
+                            $('.demandSearch').val(dataList.name);
+                        }
+                        if (item.indexOf('topId') > -1) {
+                            let topIds = item.split('=')
+                            dataList.topId = decodeURIComponent(topIds[1]);
+                            dataList.data.map((item,index)=>{
+                                if(dataList.topId==item.topLevelId){
+                                   $('.serviceList .industry').eq(index).find('.industryList ul li:eq(0)').addClass('active');
+                                }
+                            })
+                        }
+                        if (item.indexOf('secondId') > -1) {
+                            let secondIds = item.split('=')
+                            dataList.secondId = decodeURIComponent(secondIds[1])
+                        }
+                    })
+                } else {
+                    if (newHash.indexOf('name') > -1) {
+                        let names = newHash.split('=')
+                        dataList.name = decodeURIComponent(names[1])
+                        $('.demandSearch').val(dataList.name);
+                    }
+                    if (newHash.indexOf('topId') > -1) {
+                        let topIds = newHash.split('=')
+                        dataList.topId = decodeURIComponent(topIds[1])
+                        dataList.data.map((item,index)=>{
+                            if(dataList.topId==item.topLevelId){
+                               $('.serviceList .industry').eq(index).find('.industryList ul li:eq(0)').addClass('active');
+                            }
+                        })
+                    }
+                    if (newHash.indexOf('secondId') > -1) {
+                        let secondIds = newHash.split('=')
+                        dataList.secondId = decodeURIComponent(secondIds[1])
+                    }
+                }
+                loadDate()
+            }
+        } else {
+                dataList.name = "",
+                dataList.topId = "", //行业
+                dataList.secondId = "" //类型
+                dataList.ordetType=0;
+                dataList.orderSort='';
+            loadDate();
+        }
+    }
+
+    function summary() {
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/portal/service/jtBusiness/getCategoryList",
+            data: {
+                module: 1
+            },
+            success: function (data) {
+                console.log(data)
+                var theArrs = [];
+                if (data.data && data.data.length) {
+                    let thisdata = data.data;
+                    dataList.data=thisdata;
+                    thisdata.map((item) => {
+                        theArrs.push(`
+                            <div class="industry" data="${item.topLevelId}"><p>${item.topLevel}</p><div class="industryList"><ul><li data-id=''>不限</li>
+                        `)
+                        if (item.children) {
+                            item.children.map(atem => {
+                                theArrs.push(`
+                                    <li data-id=${atem.id}>${atem.name}</li>
+                                 `)
+                            })
+                            theArrs.push(`
+                                </ul>
+                                ${item.children.length>7?'<a href="javascript:void(0);" class="more">更多+</a>':''}
+                            </div>
+                        </div>
+                        `)
+                        }
+
+                    })
+                    $('.serviceList').html(theArrs.join(''));
+                    onSelect(thisdata);
+                    jump()
+                };
+            }
+        })
+    }
+
+    function loadDate(pageNo) {
+        $('.loading').show();
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/portal/service/jtProject/list",
+            data: {
+                pageNo: pageNo || 1,
+                pageSize: 15,
+                name: dataList.name,
+                topId: dataList.topId, //行业
+                secondId: dataList.secondId, //类型
+                privateProject: 1,
+                auditStatus: 2,
+                module: 1,
+                ordetType:dataList.ordetType,
+                orderSort:dataList.orderSort
+            },
+            success: function (data) {
+                var theArrs = [];
+                if (data && data.error.length) {
+                    msg(data.error[0].message)
+                };
+                let times = new Date().getTime();
+                if (data.data && data.data.list.length) {
+                    let nub = data.data.list.length;
+                    for (let i = 0; i < nub; i++) {
+                        let thisdata = data.data.list[i],
+                            news = formatDuring(times) - formatDuring(thisdata.releaseDate);
+                        theArrs.push(`
+                        <li>
+                            <a href="${globalConfig.context}/portal/service/serviceDetail?id=${thisdata.id?thisdata.id:''}">
+                                <div class="img serviceImg">
+									${thisdata.maxImgUrl&&thisdata.maxImgUrl!=null?'<img src="'+globalConfig.avatarHost+'/upload'+thisdata.maxImgUrl+'"/>':''}
+                                </div>
+                                <div class="txtIntroduce">
+                                    <div class="txts">
+                                        <h5>${thisdata.name}</h5>
+                                    </div>
+                                    <div class="btnTxt">
+                                         <p><span class="companyImg"></span><span class="companyName">${thisdata.companyName}</span><span class="number">销量 : ${thisdata.dealCount?thisdata.dealCount:0}</span></p>
+                                    </div>
+                                </div>
+                            </a>
+                        </li>
+                        `);
+                    };
+                };
+                $('.loading').hide().stop(true, true);
+                $('.achievementHot .hotList').empty();
+                $('.achievementHot .hotList').append(theArrs.join(''));
+                $('.pagination_box').css('display', 'block');
+                $('.inp').css('display', 'block');
+                if (data.data.list.length === 0) {
+                    $('.achievementHot .hotList').html("<div class='list_none'></div>");
+                    $('.pagination_box').css('display', 'none')
+                    $('.inp').css('display', 'none');
+                };
+                thePageLength = data.data.totalCount ? Math.ceil(data.data.totalCount / pageSize) : 1;
+                $('.totalCount').html(`共${data.data.totalCount}条数据 ${thePageLength}页`)
+                var pageArr = [],
+                    firstNo = 1,
+                    endNo = 5;
+                if (thePageNo > 3) {
+                    firstNo = thePageNo - 2;
+                    endNo = Math.min((Number(thePageNo) + 2), thePageLength);
+                } else {
+                    endNo = Math.min(thePageLength, 5);
+                };
+                for (let i = firstNo; i <= endNo; i++) {
+                    if (i == thePageNo) {
+                        pageArr.push(
+                            '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
+                        );
+                    } else {
+                        pageArr.push(
+                            '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
+                        );
+                    }
+                };
+                $('.pageNumber').remove();
+                $('.pagePre').after(pageArr.join(''));
+            }
+        });
+    }
+    //时间转换
+    function formatDuring(mss) {
+        var days = parseInt(mss / (1000 * 60 * 60 * 24));
+        var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+        var minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));
+        var seconds = (mss % (1000 * 60)) / 1000;
+        return days;
+    }
+    //f分页
+    function pages() {
+        $('.pagination').on('click', 'li', function (e) {
+            e.preventDefault();
+            if (this.className === 'pagePre') {
+                if (thePageNo > 1) {
+                    thePageNo = 1;
+                    loadDate(thePageNo);
+                }
+            } else if (this.className === 'pageNext') {
+                if (thePageNo < thePageLength) {
+                    thePageNo = thePageLength;
+                    loadDate(thePageNo);
+                }
+            } else {
+                var nextPageNo = $(this).children()[0].text;
+                if (thePageNo != nextPageNo) {
+                    $(this).siblings("li").removeClass("active");
+                    $(this).addClass("active");
+                    thePageNo = nextPageNo;
+                    loadDate(thePageNo);
+                };
+            };
+        });
+    }
+    //输入跳转
+    function inpFun() {
+        $('.inp .btn').on('click', function () {
+            let val = $(this).siblings().val();
+            if (!isNaN(val) && val <= thePageLength && val > 0) {
+                thePageNo = val;
+                loadDate(thePageNo);
+            } else {
+                msg('请输入正确页码')
+            }
+        })
+    }
+    //已选类型
+    function onSelect(data) {
+        $('.industryList ul li').on('click', function () {
+            $('.industryList ul li').removeClass('active')
+            $(this).addClass('active');
+            dataList.secondId = $(this).attr('data-id');
+            dataList.topId = $(this).parents('.industry').attr('data');
+            dataList.name = '';
+            let txt = $(this).text();
+            $('.onSelect .preFirst').css('display', 'block').html(`
+                    <span>${txt}</span>
+            `)
+            loadDate();
+        });
+        //更多
+        $('.industryList .more').click(function () {
+            let ulH = $('.industryList ul').height();
+            if ($(this).parents('.industry').hasClass('activeH')) {
+                $(this).parents('.industry').removeClass('activeH');
+                $(this).parents('.industry').height(52);
+                $(this).text('更多+')
+                $(this).parents('.industry').find('p').css({'height':'52px','line-height':'52px'})
+            }else{
+                $(this).text('收起')
+                $(this).parents('.industry').addClass('activeH');
+                $(this).parents('.industry').height(ulH);
+                $(this).parents('.industry').find('p').css({'height':ulH+'px','line-height':ulH+'px'})
+            }
+        })
+    }
+    //搜索
+    function search() {
+        $('.hot ul li span').click(function(){
+            $(this).parents('ul').find('.sort span').removeClass('active');
+            $(this).addClass('active');
+        })
+        $('.hot ul li:eq(0) span').click(function (e) {
+              if((e.target.className).indexOf('up')>-1){
+                dataList.ordetType=1;
+                dataList.orderSort=1;
+              }else{
+                dataList.ordetType=1;
+                dataList.orderSort=0
+              }
+              loadDate(); 
+        });
+        $('.hot ul li:eq(1) span').click(function (e) {
+            if((e.target.className).indexOf('up')>-1){
+                dataList.ordetType=2;
+                dataList.orderSort=1;
+            }else{
+                dataList.ordetType=2;
+                dataList.orderSort=0
+            }
+            loadDate(); 
+        });
+        $('.searchBtn').click(function () {
+            let val = $('.demandSearch').val();
+            $('.industry ul li').removeClass('active');
+            $('.hot ul li .sort span').removeClass('active')
+            $('.preFirst').hide();
+            dataList.name = val;
+            dataList.topId = '';
+            dataList.secondId = '';
+            dataList.ordetType=0;
+            dataList.orderSort=0;
+            loadDate();
+        })
+    }
+    /* 提示 */
+    //提示框渐隐函数    
+    function msg(txt) {
+        if ($('.smg').hasClass('active')) {
+            return;
+        }
+        $('.smg').addClass('active');
+        var lit = $('#msg').val(txt);
+        setTimeout(function () {
+            $('.smg').removeClass('active')
+            $('#msg').val('');
+        }, 2000)
+    }
+
+})

+ 127 - 11
src/js/newMenu/serviceDetails.js

@@ -15,6 +15,7 @@ $(function () {
     init();
     function init(){
         heightF();
+        pages();
     }
     $('.collection p').eq(0).click(function () {
         let heart = $('.heart');
@@ -38,16 +39,14 @@ $(function () {
             },
             success: function (data) {
                 if (data.error && data.error.length) {
-                    $('#msg').val(data.error[0].message);
-		            msg();
+		            msg(data.error[0].message);
                 }else{
                     if(!index){
                         $('.heart').removeClass('active');
                     }else{
                         $('.heart').addClass('active');
                     }
-                    $('#msg').val(index?'收藏成功,请至个人中心查看.':'撤销收藏');
-		            msg();
+		            msg(index?'收藏成功,请至个人中心查看.':'撤销收藏');
                 }
             }
         })
@@ -58,17 +57,134 @@ $(function () {
         $('.serviceDetailsList .value h4').css({
             height:(het+20)+'px',
             lineHeight:(het+20)+'px'
-        })
+        });
     };
-    //提示框渐隐函数    
-	function msg() {
+    /*评论 切换*/
+    $('.tabEvaluate li').click(function(){
+        let index= $(this).index();
+        $(this).addClass('active').siblings().removeClass('active');
+        $('.tabList>div').eq(index).show().siblings().hide();
+    });
+    //评论列表
+    loadDate();
+    var thePageNo = 1,
+        thePageLength = 1,
+        pageSize = 4;
+    function loadDate(pageNo) {
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/open/comment/list",
+            data: {
+                pageNo: pageNo || 1,
+                pageSize:4,
+                commodityId:ids
+            },
+            success: function (data) {
+                var theArrs = [];
+                if(data&&data.error.length){
+                    msg(data.error[0].message)
+                };
+                if (data.data && data.data.comments.list.length) {
+                    let nub = data.data.comments.list.length;
+                    for (let i = 0; i < nub; i++) {
+                        let thisdata = data.data.comments.list[i];
+                        let times =thisdata.createTime?new Date(thisdata.createTime).toLocaleString():'',
+                            star=thisdata.star;
+                        theArrs.push(`
+                        <li>
+                        <div class="stasf">
+                            <p>用户 :<span class="uName">${thisdata.commenter}</span></p>
+                            <div class="satisfied">
+                                <span>满意度:</span>
+                                <ol>
+                                    <li><span class="glyphicon ${star>=1?'glyphicon-star':'glyphicon-star-empty'} "></span></li>
+                                    <li><span class="glyphicon ${star>=2?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                                    <li><span class="glyphicon ${star>=3?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                                    <li><span class="glyphicon ${star>=4?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                                    <li><span class="glyphicon ${star>=5?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                                </ol>
+                            </div>
+                        </div>
+                        <div class="satisfiedContent">
+                            <p>${thisdata.content}</p> 
+                            <time>${times}</time>
+                        </div>
+                    </li>`);
+                    };
+                };
+                $('.numberBars').html(data.data.totalCommentCount>10?'10+':data.data.totalCommentCount)
+                $('.evaluateList>ul').empty();
+                $('.evaluateList>ul').append(theArrs.join(''));
+                $('.pagination_box').css('display', 'block');
+                if (data.data.comments.list.length === 0) {
+                    $('.evaluateList ul').html("<div class='list_none'>暂无评论</div>");
+                    $('.pagination_box').css('display', 'none')
+                };
+                thePageLength = data.data.comments.totalCount ? Math.ceil(data.data.comments.totalCount / pageSize) : 1;
+                $('.totalCount').html(`共${data.data.comments.totalCount}条数据 ${thePageLength}页`)
+                var pageArr = [],
+                    firstNo = 1,
+                    endNo = 5;
+                if (thePageNo > 3) {
+                    firstNo = thePageNo - 2;
+                    endNo = Math.min((Number(thePageNo) + 2), thePageLength);
+                } else {
+                    endNo = Math.min(thePageLength, 5);
+                };
+                for (let i = firstNo; i <= endNo; i++) {
+                    if (i == thePageNo) {
+                        pageArr.push(
+                            '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
+                        );
+                    } else {
+                        pageArr.push(
+                            '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
+                        );
+                    }
+                };
+                
+                $('.pageNumber').remove();
+                $('.pagePre').after(pageArr.join(''));
+            }
+        });
+    }
+    //f分页
+    function pages() {
+        $('.pagination').on('click', 'li', function (e) {
+            e.preventDefault();
+            if (this.className === 'pagePre') {
+                if (thePageNo > 1) {
+                    thePageNo = 1;
+                    loadDate(thePageNo);
+                }
+            } else if (this.className === 'pageNext') {
+                if (thePageNo < thePageLength) {
+                    thePageNo = thePageLength;
+                    loadDate(thePageNo);
+                }
+            } else {
+                var nextPageNo = $(this).children()[0].text;
+                if (thePageNo != nextPageNo) {
+                    $(this).siblings("li").removeClass("active");
+                    $(this).addClass("active");
+                    thePageNo = nextPageNo;
+                    loadDate(thePageNo);
+                };
+            };
+        });
+    }
+     //提示框渐隐函数    
+     function msg(txt) {
         if($('.smg').hasClass('active')){
 			return ;
-		}
-        $('.smg').addClass('active')
+        }
+        txt?$('#msg').val(txt):'';
+        $('.smg').addClass('active');
+        var lit = $('#msg').val(txt);
         setTimeout(function () {
-            $('.smg').removeClass('active')
+            $('.smg').removeClass('active');
             $('#msg').val('');
         }, 2000)
-    };
+    }
 })

+ 3 - 2
src/js/newMenu/serviceList.js

@@ -84,7 +84,7 @@ $(function () {
             dataType: "json",
             url: globalConfig.context + "/portal/service/jtBusiness/getCategoryList",
             data: {
-
+                module:0
             },
             success: function (data) {
                 var theArrs = [];
@@ -132,7 +132,8 @@ $(function () {
                 topId: dataList.topId, //行业
                 secondId: dataList.secondId, //类型
                 privateProject:1,
-                auditStatus:2
+                auditStatus:2,
+                module:0
             },
             success: function (data) {
                 var theArrs = [];

+ 49 - 6
src/js/newMenu/shopList.js

@@ -21,8 +21,10 @@ $(function(){
             list(shops.data);
             if((shops.data).length){
                 $('.totalFooter').show();
+                $('.shopNull').hide();
             }else{
                 $('.totalFooter').hide();
+                $('.shopNull').show();
             }
             
         }
@@ -31,7 +33,7 @@ $(function(){
         let divs=[];
         data.map((item)=>{
             divs.push(`<li dataId="${item.id}" type="${item.type}">
-                <p><span class="companyImg"></span>${'有限公司'}</p>
+                <p><span class="companyImg"></span>${item.companyName?item.companyName:''}</p>
                 <div class="shopBox">
                     <div class="shopTr">
                         <div class="checkIcon">
@@ -45,13 +47,13 @@ $(function(){
                             </div>
                         </div>
                     </div>
-                    <div><span class="price">${item.price?'¥'+item.price:'面议'}</span></div>
+                    <div><span class="price">${parseInt(item.price)>0?parseInt(item.price).toFixed(2)+'万元':'面议'}</span></div>
                     <div class="inpG">
                         <button class="reduce">-</button>
                         <input type="text" class="number" value="${item.number}">
                         <button class="add">+</button>
                     </div>
-                    <div><p class="priceTotal">${parseInt(item.price)>0?'¥'+parseInt(item.price)*item.number:'面议'}</p></div>
+                    <div><p class="priceTotal">${parseInt(item.price)>0?(parseInt(item.price)*parseInt(item.number)).toFixed(2)+'万元':'面议'}</p></div>
                     <div><a class="del">删除</a></div>
                 </div>
             </li>
@@ -69,6 +71,8 @@ $(function(){
                 nub=99
             }
             $(this).siblings('.number').val(nub);
+            let price =  $(this).parents('.shopBox').find('.price').text();
+            $(this).parents('.shopBox').find('.priceTotal').text(parseInt(nub)*parseInt(price)>0?(parseInt(nub)*parseInt(price)).toFixed(2)+'万元':'面议')
             let index=$(this).parents('li').index();
             shopData.data[index].number=nub;
             nubTol();
@@ -81,6 +85,8 @@ $(function(){
                 nub=1
             }
             $(this).siblings('.number').val(nub);
+            let price =  $(this).parents('.shopBox').find('.price').text();
+            $(this).parents('.shopBox').find('.priceTotal').text(parseInt(nub)*parseInt(price)>0?(parseInt(nub)*parseInt(price)).toFixed(2)+'万元':'面议')
             let index=$(this).parents('li').index();
             shopData.data[index].number=nub;
             nubTol();
@@ -97,6 +103,9 @@ $(function(){
             if(val<1){
                 $(this).val(1)
             };
+            let price =  $(this).parents('.shopBox').find('.price').text();
+            let vals = $(this).val();
+            $(this).parents('.shopBox').find('.priceTotal').text(parseInt(vals)*parseInt(price)>0?(parseInt(vals)*parseInt(price)).toFixed(2)+'万元':'面议')
         })
     }
     //单选图像处理
@@ -160,6 +169,7 @@ $(function(){
             let num = licheckOk.eq(i).find('.number').val();
             totalNub+=parseInt(num);
         }
+        $()
         $('.numberTotal').text(totalNub);
         $('.nubTotal').text(nub)
     }
@@ -182,6 +192,7 @@ $(function(){
         datas.data=shopArr;
         if(!(datas.data.length)){
             $('.totalFooter').hide();
+            $('.shopNull').show();
             $('.checkboxAll').prop('checked',false);
             $('.checkboxAll').siblings('.checkImg').addClass('checkNoImg');
         }
@@ -217,7 +228,7 @@ $(function(){
               })  
           };
           $.ajax({
-            method: "get",
+            method: "post",
             dataType: "json",
             url: globalConfig.context + "/api/user/jtOrder/apply",
             data: {
@@ -225,13 +236,45 @@ $(function(){
             },
             success: function (data) {
                 if(data&&data.error.length){
-                    
+                    remask(false,data.error[0].message)
                 }else{
-                
+                    $('.shopLists li.active').remove('');
+                    lacStor();
+                    remask(true,data.data)
                 };
             }
           })  
     })
+    function remask(state,data){
+        if(state){
+            $('.shopMarsk').show();
+            $('.shopMarsk .shopOrderCancel').hide();
+            let list =[];
+            data.map(item=>{
+                list.push(`
+                 <p>订单号 : <span>${item.orderNo}</span></p>     
+                `)
+            })
+            $('.orderNoList').html(list.join(''));
+        }else{
+            $('.shopMarsk').show();
+            $('.shopMarsk .shopOrderOk').hide();
+            $('.orderNumber').text(data);
+        };
+        var t=3;
+        var time =setInterval(()=>{
+            t--;
+            $('.shopTime span').text(t);
+            if(t<=0){
+                clearInterval(time);
+                $('.shopMarsk').hide();
+            }
+        },1000);
+        $('.shopClose').click(function(){
+            clearInterval(time);
+            $('.shopMarsk').hide();
+        })
+    }
      //提示框渐隐函数    
      function msg(txt) {
         if($('.smg').hasClass('active')){

+ 4 - 2
src/js/public.js

@@ -345,7 +345,7 @@ $(function(){
 	    var setTime =setInterval(()=>{active()},100);
 	}
 	//网站导航
-	$('.navigation').mouseenter(function(){
+	$('.navigationList').mouseenter(function(){
 		$('.navWrapper').slideDown(100)
 	})
 	$('.navWrapper').mouseleave(function(){
@@ -384,7 +384,9 @@ $(function(){
             }else{
 				btnFn();
 				getLoc();
-                $('.shopIcon .tint').show();
+
+				$('.shopIcon .tint').show();
+				$('.shopIcon .tint').css({'opacity':1})
                 $('.shopIcon .tint').addClass('active');
                 setTimeout(()=>{
                     $('.shopIcon .tint').removeClass('active');

+ 705 - 0
template/newMenu/patent.html

@@ -0,0 +1,705 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>知识产权交易首页</title>
+    <link rel="stylesheet" href="../../src/css/bootstrap.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/patent.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/public.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/header.css">
+</head>
+
+<body>
+    <div class="header">
+		<div class="container">
+			<div class="navigationList webkitHover">
+				<a>网站导航
+					<span class="webkitDown"></span>
+				</a>
+			</div>
+			<div>
+				<ul>
+                    <li class="blue">
+                        全国统一服务热线:400-8800-962
+                    </li>    
+					<li>
+						<a href="javascript:void(0)" class="head_login">登录</a>
+					</li>
+					<li>
+						<a href="#">注册</a>
+					</li>
+					<li class="shopIcon">
+						<a href="#">
+							<img src="../../img/index/index_shopCar.jpg" alt="">购物车(<span class="numberTotal">0</span>)件 </a>
+                        <span class="glyphicon glyphicon-tint tint" aria-hidden="true"></span>
+					</li>
+				</ul>
+			</div>
+		</div>
+		<div class="navWrapper webkitHover">
+			<ol>
+				<li>
+					<div>知识产权申请</div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+
+				</li>
+				<li>
+					<div>知识产权赚钱</div>
+					<span>
+						<img src="../../img/index/index_webkit2.png" alt="">
+					</span>
+					<p>
+						<a href="#">高企服务</a>
+						<a href="#">科技项目</a>
+					</p>
+					<p>
+						<a href="#">知识产权</a>
+						<a href="#">合作客户</a>
+					</p>
+					<p>
+						<a href="#">企业认证</a>
+						<a href="#">服务能力</a>
+					</p>
+					<p>
+						<a href="#">管理体系</a>
+						<a href="#">服务流程</a>
+					</p>
+					<p>
+						<a href="#">品牌通</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权交易</div>
+					<span>
+						<img src="../../img/index/index_webkit3.png" alt="">
+					</span>
+					<p>
+						<a href="#">热门关注</a>
+						<a href="#">最新需求</a>
+					</p>
+					<p>
+						<a href="#">最新发布</a>
+						<a href="#">热门需求</a>
+					</p>
+					<p>
+						<a href="#">专利技术</a>
+						<a href="#">企业技术需求</a>
+					</p>
+					<p>
+						<a href="#">实用技术</a>
+						<a href="#">技术人才需求</a>
+					</p>
+					<p>
+						<a href="#">知识产权交易政策</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权维权</div>
+					<span>
+						<img src="../../img/index/index_webkit4.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+				</li>
+				<!-- <li>
+					<div>智库咨询</div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">智政</a>
+					</p>
+					<p>
+						<a href="#">智者</a>
+					</p>
+				</li> -->
+				<li>
+					<div>关于公司 </div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">公司简介</a>
+					</p>
+					<p>
+						<a href="#">业务范围</a>
+					</p>
+					<p>
+						<a href="#">荣誉资质</a>
+					</p>
+					<p>
+						<a href="#">发展历程</a>
+					</p>
+				</li>
+			</ol>
+		</div>
+	</div>
+    <!-- search -->
+    <div class="topNavBj">
+        <div class="topNav">
+            <div class="container">
+                <div class="navHeader">
+                    <div class="logo">
+                        <a href="#">
+                            <img src="../../img/Logo111.png" alt="" title="技淘">
+                        </a>
+                    </div>
+                    <div class="logo_right"></div>
+                    <div class="nav">
+                        <ul>
+                            <li class="active">
+                                <div>
+                                    <a href="#">知识产权申请</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">高企认定</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">知识产权</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                            <li >
+                                <div>
+                                    <a href="#">知识产权赚钱</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">高企认定</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">知识产权</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                            <li>
+                                <div>
+                                    <a href="#">知识产权交易</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">专利产品</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">技术成果</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">技术需求</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">技术评估</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                            <li>
+                                <div>
+                                    <a href="#">知识产权维权</a>
+                                </div>
+                            </li>
+                            <!-- <li>
+                                <div>
+                                    <a href="#">智库咨询</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">智政</a>
+                                        </li>
+                                        <li>
+                                            <a href="/portal/thinkTank/index.html#zizone">智者</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                            <li>
+                                <div>
+                                    <a href="/portal/aboutUs.html">关于公司</a>
+                                    <ol class="subnavigation" style="display: none;">
+                                        <li>
+                                            <a href="#">联系我们</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li> -->
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="carousel">
+        <img src="../../img/patent/patent_banner.jpg" alt="First slide">
+    </div>
+    <div class="patentHeader">
+        <div class="container patentAchievement">
+            <div class="patentAchievementImg">
+                <img src="../../img/patent/patent_top.jpg" alt="">
+            </div>
+            <div class="patentTitle patentTop">
+                <h2>转换技术成果</h2>
+                <span></span>
+            </div>  
+            <a href="#">查看跟多成果</a>
+        </div>
+    </div>
+    <div class="container patentAchievementList">
+        <div class="patentAchievementListBj">
+
+        </div>
+        <div class="patentAchievLeft">
+            <img src="../../img/patent/patent_top.jpg" alt="">
+            <div class="remark">
+                <p>高新认定哈哈哈哈还是就看呵呵函数考试结束哈哈哈...</p>
+                <a href="#">查看详情</a>
+            </div>
+        </div>
+        <ul>
+            <li>
+                <div>
+                    <img src="../../img/patent/patent_top.jpg" alt="">
+                </div>
+                <p>高新认定哈哈哈哈还是就看呵呵函数考</p>
+                <a href="#">查看详情</a>
+            </li>
+            <li>
+                <div>
+                    <img src="../../img/patent/patent_top.jpg" alt="">
+                </div>
+                <p>高新认定哈哈哈哈还是就看呵呵函数考</p>
+                <a href="#">查看详情</a>
+            </li>
+            <li>
+                <div>
+                    <img src="../../img/patent/patent_top.jpg" alt="">
+                </div>
+                <p>高新认定哈哈哈哈还是就看呵呵函数考</p>
+                <a href="#">查看详情</a>
+            </li>
+        </ul>
+    </div>
+    <div class="patentTitle">
+        <h2>解决技术难题</h2>
+        <span></span>
+    </div>
+    <div class="patentSolve">
+        <div class="container patentSolveBody">
+            <ul>
+                <li>
+                    <div>
+                        <img src="../../img/patent/patent_top.jpg" alt="">
+                        <a href="#">查看详情</a>
+                    </div>
+                    <p>高新认定哈哈哈哈还是就看呵呵函数考</p>
+                </li>
+                <li>
+                    <div>
+                        <img src="../../img/patent/patent_top.jpg" alt="">
+                        <a href="#">查看详情</a>
+                    </div>
+                    <p>高新认定哈哈哈哈还是就看呵呵函数考</p>
+                </li>
+            </ul>
+            <a href="#">查看更多需求</a>
+        </div>
+    </div>
+    <div class="container">
+        <div class="patentTitle">
+            <h2>知识产权交易政策</h2>
+            <span></span>
+        </div>
+        <div class="news">
+            <div class="policy">
+                <img src="../../img/index/index_new2.jpg" alt="">
+                <ul>
+                    <li>
+                        <a href="#">
+                            <div class="time">
+                                <span>03-12</span>
+                                <span>2018</span>
+                            </div>
+                            <div class="newTxt">
+                                <h5>加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
+                                <p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <div class="time">
+                                <span>03-12</span>
+                                <span>2018</span>
+                            </div>
+                            <div class="newTxt">
+                                <h5>加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
+                                <p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+                            </div>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <div class="consultation">
+                <ul>
+                    <li>
+                        <a href="#">
+                            <div class="time">
+                                <span>03-12</span>
+                                <span>2018</span>
+                            </div>
+                            <div class="newTxt">
+                                <h5>加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
+                                <p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <div class="time">
+                                <span>03-12</span>
+                                <span>2018</span>
+                            </div>
+                            <div class="newTxt">
+                                <h5>加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
+                                <p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <div class="time">
+                                <span>03-12</span>
+                                <span>2018</span>
+                            </div>
+                            <div class="newTxt">
+                                <h5>加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
+                                <p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+                            </div>
+                        </a>
+                    </li>
+                </ul>
+                <a href="#" class="more">MORE
+                    <span></span>
+                </a>
+            </div>
+        </div>
+        <div class="expert">
+            <h5>权威专家</h5>
+        </div>
+        <div class="expertList">
+            <ul>
+                <li>
+                    <a href="#">
+                        <div>
+                            <img src="../../img/patent/patent_jiejue.jpg" alt="">
+                        </div>
+                        <h3>李四光<span>副教授</span></h3>
+                        <p>哈哈哈哈海鸥科技打飞机附近的啊我的哈哈哈哈海鸥科技打飞机附近的啊我的</p>
+                    </a>   
+                </li>
+                <li>
+                    <a href="#">
+                        <div>
+                            <img src="../../img/patent/patent_jiejue.jpg" alt="">
+                        </div>
+                        <h3>李四光<span>副教授</span></h3>
+                        <p>哈哈哈哈海鸥科技打飞机附近的啊我的哈哈哈哈海鸥科技打飞机附近的啊我的</p>
+                    </a>
+                </li>
+                <li>
+                    <a href="#">
+                        <div>
+                            <img src="../../img/patent/patent_jiejue.jpg" alt="">
+                        </div>
+                        <h3>李四光<span>副教授</span></h3>
+                        <p>哈哈哈哈海鸥科技打飞机附近的啊我的哈哈哈哈海鸥科技打飞机附近的啊我的</p>
+                    </a>      
+                </li>
+            </ul>
+            <div class="expertImg">
+                <img src="../../img/patent/patent_bot.jpg" alt="">
+            </div>
+        </div>
+        <a href="#" class="more">MORE
+                <span></span>
+        </a>   
+
+    </div>
+    <footer>
+        <div id="bottom">
+            <div class="bottom">
+                <div class="bottom_text">
+                    <div class="text_top">
+                        <a href="/portal/aboutUs.html">关于公司</a>
+                        <a href="/portal/contactUs.html">联系我们</a>
+                        <p>Copyright © 2016-2017 科德 版权所有 湘ICP备15019731号 -2 技术支持:湖南阿凡提科技有限公司
+                        </p>
+                    </div>
+                    <div class="text_center" id="qrCode">
+                        <div class="cont_left">
+                            <img src="../../img/dizhi.jpg" alt="">
+                            <p>湖南省长沙市营盘东路19号金山大厦八楼</p>
+                        </div>
+                        <div class="cont_center">
+                            <img src="../../img/dianhua.jpg" alt="">
+                            <p>合作电话:400-8800-962</p>
+                        </div>
+                        <div class="cont_guanli">
+                            <a href="/admin/login">
+                                <img src="../../img/guanli.png" alt="">
+                                <p>管理员入口</p>
+                            </a>
+                        </div>
+                        <div class="cont_rightapp">
+                            <img src="../../img/erweima_iphone.png" alt="">
+                            <p>iPhone版</p>
+                        </div>
+                        <div class="cont_right android">
+                            <img src="../../img/erweima_android.jpg" alt="">
+                            <p>Android版</p>
+                        </div>
+                        <div class="cont_right">
+                            <img src="../../img/erweima.jpg" alt="">
+                            <p>微信公众号</p>
+                        </div>
+                    </div>
+                    <div class="text_bottom">
+                        <p>友情链接</p>
+                        <a href="http://www.hnst.gov.cn/" target="_blank">湖南省科技厅/</a>
+                        <a href="http://www.cssti.cn/" target="_blank">长沙市科技局/</a>
+                        <a href="http://www.cast.org.cn/" target="_blank">中国科学技术协会/</a>
+                        <a href="http://www.chinatorch.gov.cn/" target="_blank">科技部火炬中心/</a>
+                        <a href="http://www.nosta.gov.cn/web/index.aspx" target="_blank">国家科技成果奖励办/</a>
+                        <a href="http://www.nast.org.cn/" target="_blank">国家科技成果网/</a>
+                        <a href="http://www.hnast.org.cn/portal/comm/index.action" target="_blank">湖南省科学技术协会/</a>
+                        <a href="http://www.hncgw.gov.cn/" target="_blank">湖南省科技成果转化公共服务平台/</a>
+                        <a href="http://www.hnjxw.gov.cn/" target="_blank">湖南省经济信息化委员会/</a>
+                        <a href="http://kyy.hnu.cn/" target="_blank">湖南大学科学技术研究院/</a>
+                        <a href="http://www.gxst.gov.cn/gxkjt/" target="_blank">广西省科技厅/</a>
+                        <a href="http://www.nmkjt.gov.cn/" target="_blank">内蒙古自治区科技厅/</a>
+                        <a href="http://www.cshtz.gov.cn/" target="_blank">长沙市高新区管委会/</a>
+                        <a href="http://www.jxas.ac.cn/" target="_blank">江西省科学院/</a>
+                        <a href="http://www.cnic.cn/front/index.html#/cnicSite/home" target="_blank">中科院计算机网络信息中心/</a>
+                        <a href="http://kxyjb.csu.edu.cn/" target="_blank">中南大学科学研究部/</a>
+                        <a href="http://www.cast.org.cn/" target="_blank">中国科协创新创业服务中心/</a>
+                        <a href="http://www.hbstd.gov.cn/" target="_blank">湖北省科技厅/</a>
+                        <a href="http://www.gdstc.gov.cn/" target="_blank">广东省科技厅/</a>
+                        <a href="http://www.hnkjt.gov.cn/" target="_blank">河南省科技厅/</a>
+                        <a href="http://www.cbtm.gov.cn/" target="_blank">技术合同登记官网</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div onclick="_MEIQIA('showPanel')" id="lxkf" style="display:none"></div>
+        <div class="pub_fix">
+            <ul>
+                <li>
+                    <a href="" class="pendent_box">
+                        <span class="glyphicon glyphicon-plane"></span>
+                    </a>
+                </li>
+                <li>
+                    <a onclick="lrminiMax();">
+                        <span class="glyphicon glyphicon-user"></span>
+                    </a>
+                </li>
+                <li class="phonefix">
+                    <a>
+                        <span class="glyphicon glyphicon-phone-alt"></span>
+                    </a>
+                    <div class="phoneTxt">
+                        <p>联系电话</p>
+                        <p>400-8800-962</p>
+                    </div>
+                </li>
+                <li >
+                    <a>
+                        <span class="glyphicon glyphicon-send"></span> 
+                    </a>
+                    <div class="phoneTxt">
+                        <p>公众号</p>
+                        <img src="../../img/erweima.jpg" alt="">
+                    </div>
+                </li>
+                <li>
+                    <a>
+                        <span class="glyphicon glyphicon-bookmark"></span>
+                    </a>
+                    <div class="phoneTxt">
+                        <p>APP</p>
+                        <div>
+                            <img src="../../img/erweima_iphone.png" alt="">
+                            <p>iPhone版</p>
+                        </div>
+                        <div>
+                            <img src="../../img/erweima_android.jpg" alt="">
+                            <p>Android版</p>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="login">
+            <div class="login_mian">
+                <div class="login_left">
+                    <div class="login_ewm">
+                        <img src="../../img/Android.jpg" alt="二维码" />
+                        <p>Android版</p>
+                        <p>客户端</p>
+                    </div>
+                    <div class="login_ewm">
+                        <img src="../../img/iPhone.jpg" alt="二维码" />
+                        <p>iPhone版</p>
+                        <p>客户端</p>
+                    </div>
+                </div>
+                <div class="login_right">
+                    <h5>用户登陆
+                        <a href="">免费注册有好礼呦!!</a>
+                    </h5>
+                    <form id="form_login">
+                        <div class="login_uesr">
+                            <label for="uesname">
+                                <img src="../../img/login_use.png" />
+                            </label>
+                            <input type="text" name="uesname" id="Lo_user" placeholder="用户名" />
+                            <img src="../../img/login_del.png" class="log_del" />
+                        </div>
+                        <div class="login_pass">
+                            <label for="pass">
+                                <img src="../../img/login_password.png" />
+                            </label>
+                            <input type="password" name="pass" id="Lo_pass" placeholder="请输入密码" />
+                        </div>
+                        <div class="login_check">
+                            <a href="">忘记密码?</a>
+                        </div>
+                        <input type="submit" value="登 陆" class="login_submit" />
+                    </form>
+                    <img src="../../img/login_hua.png" alt="" class="login_hua" />
+                    <img src="../../img/login_shadow.png" alt="阴影效果" class="login_shadow" />
+                    <img src="../../img/login_close.png" alt="" class="login_close" />
+                </div>
+            </div>
+        </div>
+        <div id="forget">
+            <div class="forget">
+                <form id="forget_form">
+                    <div class="forget_top">
+                        <a href="">忘记密码?</a>
+                        <div class="login_check">
+                            <label for="forget_checks" class="lab_check">
+                                <input type="checkbox" name="type" id="forget_checks" />专家登录
+                            </label>
+                            <label for="forget_checkst" class="lab_checkno">
+                                <input type="checkbox" name="type" id="forget_checkst" />企业登录
+                            </label>
+                        </div>
+                    </div>
+                    <div class="forget_center">
+                        <div class="phone">
+                            <label for="forget_phone">
+                                手机号码:
+                                <input type="text" name="type" id="forget_phone" placeholder="请输入您的手机号码..." />
+                            </label>
+                        </div>
+                        <div class="yanzheng">
+                            <label for="forget_yanzheng">
+                                图形验证码:
+                                <input type="text" name="type" id="forget_yanzheng" />
+                            </label>
+                            <div class="yanzhengma_cont_">
+                                <img th:src="${basePath+'/open/getVCode'}" />
+                            </div>
+                        </div>
+                        <div class="cellcode_">
+                            <div>
+                                验证码:
+                                <input type="text" name="cellCode" placeholder="手机验证码" id="photo_n" />
+                            </div>
+                            <input type="button" id="photo_m" value="获取验证码" disabled/>
+                        </div>
+                        <div class="fastener">
+                            <input type="submit" class="forget_sub" value="确认" />
+                            <div class="fastener_right">
+                                取消
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <img src="../../img/login_close.png" alt="" class="login_close" />
+            </div>
+        </div>
+        <div id="new_password">
+            <div class="new_password">
+                <form id="new_password_form">
+                    <div class="password_top">
+                        <h4>设置新密码</h4>
+                        <span>密码长度为6-20个字符,区分大小写</span>
+                    </div>
+                    <div class="password_center">
+                        <div>
+                            <label for="new_pass">
+                                新密码:
+                                <input type="text" name="type" id="new_pass" placeholder="请输入您的新密码..." />
+                            </label>
+                        </div>
+                        <div>
+                            <label for="new_pass_again">
+                                确认密码:
+                                <input type="text" name="type" id="new_pass_again" placeholder="请确认您的密码..." />
+                            </label>
+                        </div>
+                        <div class="fastener">
+                            <input type="submit" class="new_password_sub" value="确认" />
+                            <div class="fastener_right">
+                                取消
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <img src="../../img/login_close.png" alt="" class="login_close" />
+            </div>
+        </div>
+        <div class="smg">
+            <input type="text" name="msg" value="111" id="msg" />
+        </div>
+    </footer>
+</body>
+
+ <!-- <script src="../../src/js/jquery-2.1.0.js"></script>
+<script src="../../src/js/public.js"></script>
+<script src="../../src//js/newMenu/patentList.js"></script>
+<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> -->
+
+</html>

+ 693 - 0
template/newMenu/patentList.html

@@ -0,0 +1,693 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>专利列表</title>
+    <!-- <link rel="stylesheet" href="../../src/css/bootstrap.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/patentList.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/public.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/header.css"> -->
+</head>
+
+<body>
+    <div class="loading">
+        <div><span class="glyphicon glyphicon-refresh"></span></div>
+    </div>
+    <div class="header">
+		<div class="container">
+			<div class="navigationList webkitHover">
+				<a>网站导航
+					<span class="webkitDown"></span>
+				</a>
+			</div>
+			<div>
+				<ul>
+                    <li class="blue">
+                        全国统一服务热线:400-8800-962
+                    </li>    
+					<li>
+						<a href="javascript:void(0)" class="head_login">登录</a>
+					</li>
+					<li>
+						<a href="#">注册</a>
+					</li>
+					<li class="shopIcon">
+						<a href="#">
+							<img src="../../img/index/index_shopCar.jpg" alt="">购物车(<span class="numberTotal">0</span>)件 </a>
+                        <span class="glyphicon glyphicon-tint tint" aria-hidden="true"></span>
+					</li>
+				</ul>
+			</div>
+		</div>
+		<div class="navWrapper webkitHover">
+			<ol>
+				<li>
+					<div>知识产权申请</div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+
+				</li>
+				<li>
+					<div>知识产权赚钱</div>
+					<span>
+						<img src="../../img/index/index_webkit2.png" alt="">
+					</span>
+					<p>
+						<a href="#">高企服务</a>
+						<a href="#">科技项目</a>
+					</p>
+					<p>
+						<a href="#">知识产权</a>
+						<a href="#">合作客户</a>
+					</p>
+					<p>
+						<a href="#">企业认证</a>
+						<a href="#">服务能力</a>
+					</p>
+					<p>
+						<a href="#">管理体系</a>
+						<a href="#">服务流程</a>
+					</p>
+					<p>
+						<a href="#">品牌通</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权交易</div>
+					<span>
+						<img src="../../img/index/index_webkit3.png" alt="">
+					</span>
+					<p>
+						<a href="#">热门关注</a>
+						<a href="#">最新需求</a>
+					</p>
+					<p>
+						<a href="#">最新发布</a>
+						<a href="#">热门需求</a>
+					</p>
+					<p>
+						<a href="#">专利技术</a>
+						<a href="#">企业技术需求</a>
+					</p>
+					<p>
+						<a href="#">实用技术</a>
+						<a href="#">技术人才需求</a>
+					</p>
+					<p>
+						<a href="#">知识产权交易政策</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权维权</div>
+					<span>
+						<img src="../../img/index/index_webkit4.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+				</li>
+				<!-- <li>
+					<div>智库咨询</div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">智政</a>
+					</p>
+					<p>
+						<a href="#">智者</a>
+					</p>
+				</li> -->
+				<li>
+					<div>关于公司 </div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">公司简介</a>
+					</p>
+					<p>
+						<a href="#">业务范围</a>
+					</p>
+					<p>
+						<a href="#">荣誉资质</a>
+					</p>
+					<p>
+						<a href="#">发展历程</a>
+					</p>
+				</li>
+			</ol>
+		</div>
+	</div>
+    <!-- search -->
+    <div class="topNavBj">
+        <div class="topNav">
+            <div class="container">
+                <div class="navHeader">
+                    <div class="logo">
+                        <a href="#">
+                            <img src="../../img/Logo111.png" alt="" title="技淘">
+                        </a>
+                    </div>
+                    <div class="logo_right"></div>
+                    <div class="nav">
+                        <ul>
+                            <li class="active">
+                                <div>
+                                    <a href="#">知识产权申请</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">高企认定</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">知识产权</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                            <li >
+                                <div>
+                                    <a href="#">知识产权赚钱</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">高企认定</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">知识产权</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                            <li>
+                                <div>
+                                    <a href="#">知识产权交易</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">专利产品</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">技术成果</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">技术需求</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">技术评估</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                            <li>
+                                <div>
+                                    <a href="#">知识产权维权</a>
+                                </div>
+                            </li>
+                            <!-- <li>
+                                <div>
+                                    <a href="#">智库咨询</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">智政</a>
+                                        </li>
+                                        <li>
+                                            <a href="/portal/thinkTank/index.html#zizone">智者</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                            <li>
+                                <div>
+                                    <a href="/portal/aboutUs.html">关于公司</a>
+                                    <ol class="subnavigation" style="display: none;">
+                                        <li>
+                                            <a href="#">联系我们</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li> -->
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="serviceList">
+            <div class="industry">
+                <p>专利服务</p>
+                <div class="industryList">
+                    <ul>
+                        <li>不限</li>
+                        <li value="1">技术专利1</li>
+                        <li value="2">技术专利2</li>
+                        <li value="3">技术专利3</li>
+                        <li value="1">技术专利1</li>
+                        <li value="2">技术专利2</li>
+                        <li value="3">技术专利3</li>
+                        <li value="1">技术专利1</li>
+                        <li value="2">技术专利2</li>
+                        <li value="3">技术专利3</li>
+                    </ul>
+                    <a href="javascript:void(0);" class="more">更多+</a>
+                </div>
+            </div>
+            <div class="industry">
+                <p>商标服务</p>
+                <div class="industryList">
+                    <ul>
+                        <li value="1">技术专利1</li>
+                        <li value="2">技术专利2</li>
+                        <li value="3">技术专利3</li>
+                        <li value="1">技术专利1</li>
+                        <li value="2">技术专利2</li>
+                        <li value="3">技术专利3</li>
+                        <li value="1">技术专利1</li>
+                        <li value="2">技术专利2</li>
+                        <li value="3">技术专利3</li>
+                        <li value="1">技术专利1</li>
+                        <li value="2">技术专利2</li>
+                        <li value="3">技术专利3</li>
+                    </ul>
+                    <a href="javascript:void();" class="more">更多+</a>
+                </div>
+            </div>
+            <div class="industry">
+                <p>版权服务</p>
+                <div class="industryList">
+                    <ul>
+                        <li value="1">技术专利1</li>
+                        <li value="2">技术专利2</li>
+                        <li value="3">技术专利3</li>
+                        <li value="1">技术专利1</li>
+                        <li value="2">技术专利2</li>
+                        <li value="3">技术专利3</li>
+                        <li value="1">技术专利1</li>
+                        <li value="2">技术专利2</li>
+                        <li value="3">技术专利3</li>
+                        <li value="1">技术专利1</li>
+                        <li value="2">技术专利2</li>
+                        <li value="3">技术专利3</li>
+                    </ul>
+                    <a href="javascript:void();" class="more">更多+</a>
+                </div>
+            </div>
+    </div>
+        <div class="onSelect">
+            <p>全部结果 </p>
+            <ol>
+                <li class="preFirst">
+                   
+                </li>
+            </ol>
+        </div>
+        <div class="search searchService">
+            <div class="hot">
+                    <p>排序</p>
+                <ul>
+                    <li><p>成交量</p><div class="sort"><span class="glyphicon glyphicon-triangle-top up"></span><span class="glyphicon glyphicon-triangle-bottom down"></span></div></li>
+                    <li><p>价格</p><div class="sort"><span class="glyphicon glyphicon-triangle-top up"></span><span class="glyphicon glyphicon-triangle-bottom down"></span></div></li>
+                </ul>
+            </div>
+            <div class="search-inp">
+                <div class="input-group">
+                    <input type="text" class="form-control demandSearch" placeholder="输入你感兴趣的内容">
+                    <span class="input-group-btn">
+                        <button class="btn btn-default searchBtn" type="button">
+                            <img src="../../img/newMenu/search-icon.jpg" alt=""> 搜索
+                        </button>
+                    </span>
+                </div>
+            </div>
+        </div>
+        <div class="achievementList">
+            <div class="achievementHot">
+                <ul class="hotList">
+                   <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5><span class="money">¥1800</span> 高压电极加热技术哈...</h5>
+                            </div>
+                            <div class="btnTxt">
+                                <p><span class="companyImg"></span><span class="companyName">科德信息咨询有限公司aaaaa</span><span class="number">销量 : 25</span></p>
+                            </div>
+                        </div>
+                    </li> 
+                    <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5><span class="money">¥1800</span> 高压电极加热技术哈...</h5>
+                            </div>
+                            <div class="btnTxt">
+                                <p><span class="companyImg"></span><span class="companyName">科德信息咨询有限公司aaaaa</span><span class="number">销量 : 25</span></p>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                            <div class="img">
+                                <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                            </div>
+                            <div class="txtIntroduce">
+                                <div class="txts">
+                                    <h5><span class="money">¥1800</span> 高压电极加热技术哈...</h5>
+                                </div>
+                                <div class="btnTxt">
+                                    <p><span class="companyImg"></span><span class="companyName">科德信息咨询有限公司aaaaa</span><span class="number">销量 : 25</span></p>
+                                </div>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="img">
+                                <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                            </div>
+                            <div class="txtIntroduce">
+                                <div class="txts">
+                                    <h5><span class="money">¥1800</span> 高压电极加热技术哈...</h5>
+                                </div>
+                                <div class="btnTxt">
+                                    <p><span class="companyImg"></span><span class="companyName">科德信息咨询有限公司aaaaa</span><span class="number">销量 : 25</span></p>
+                                </div>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="img">
+                                <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                            </div>
+                            <div class="txtIntroduce">
+                                <div class="txts">
+                                    <h5><span class="money">¥1800</span> 高压电极加热技术哈...</h5>
+                                </div>
+                                <div class="btnTxt">
+                                    <p><span class="companyImg"></span><span class="companyName">科德信息咨询有限公司aaaaa</span><span class="number">销量 : 25</span></p>
+                                </div>
+                            </div>
+                        </li>            
+                </ul>
+                <div class="pagination_box">
+                    <nav aria-label="Page navigation" class="clearfix">
+                        <ul class="pagination">
+                            <li class="pagePre">
+                                <a href="#" aria-label="Previous">
+                                    <span aria-hidden="true">&laquo;</span>
+                                </a>
+                            </li>
+                            <li class="pageNumber"><a href="#" value="1">1</a></li>
+                            <li class="pageNext">
+                                <a href="#" aria-label="Next">
+                                    <span aria-hidden="true">&raquo;</span>
+                                </a>
+                            </li>
+                        </ul>
+                        <div class="inp">
+                            <input type="text" class=""><button class="btn btn-default">跳转</button>
+                        </div>
+                        <span class="totalCount">共0条数据</span>
+                    </nav>
+                </div>
+            </div>
+        </div>
+    </div>
+    <footer>
+        <div id="bottom">
+            <div class="bottom">
+                <div class="bottom_text">
+                    <div class="text_top">
+                        <a href="/portal/aboutUs.html">关于公司</a>
+                        <a href="/portal/contactUs.html">联系我们</a>
+                        <p>Copyright © 2016-2017 科德 版权所有 湘ICP备15019731号 -2 技术支持:湖南阿凡提科技有限公司
+                        </p>
+                    </div>
+                    <div class="text_center" id="qrCode">
+                        <div class="cont_left">
+                            <img src="../../img/dizhi.jpg" alt="">
+                            <p>湖南省长沙市营盘东路19号金山大厦八楼</p>
+                        </div>
+                        <div class="cont_center">
+                            <img src="../../img/dianhua.jpg" alt="">
+                            <p>合作电话:400-8800-962</p>
+                        </div>
+                        <div class="cont_guanli">
+                            <a href="/admin/login">
+                                <img src="../../img/guanli.png" alt="">
+                                <p>管理员入口</p>
+                            </a>
+                        </div>
+                        <div class="cont_rightapp">
+                            <img src="../../img/erweima_iphone.png" alt="">
+                            <p>iPhone版</p>
+                        </div>
+                        <div class="cont_right android">
+                            <img src="../../img/erweima_android.jpg" alt="">
+                            <p>Android版</p>
+                        </div>
+                        <div class="cont_right">
+                            <img src="../../img/erweima.jpg" alt="">
+                            <p>微信公众号</p>
+                        </div>
+                    </div>
+                    <div class="text_bottom">
+                        <p>友情链接</p>
+                        <a href="http://www.hnst.gov.cn/" target="_blank">湖南省科技厅/</a>
+                        <a href="http://www.cssti.cn/" target="_blank">长沙市科技局/</a>
+                        <a href="http://www.cast.org.cn/" target="_blank">中国科学技术协会/</a>
+                        <a href="http://www.chinatorch.gov.cn/" target="_blank">科技部火炬中心/</a>
+                        <a href="http://www.nosta.gov.cn/web/index.aspx" target="_blank">国家科技成果奖励办/</a>
+                        <a href="http://www.nast.org.cn/" target="_blank">国家科技成果网/</a>
+                        <a href="http://www.hnast.org.cn/portal/comm/index.action" target="_blank">湖南省科学技术协会/</a>
+                        <a href="http://www.hncgw.gov.cn/" target="_blank">湖南省科技成果转化公共服务平台/</a>
+                        <a href="http://www.hnjxw.gov.cn/" target="_blank">湖南省经济信息化委员会/</a>
+                        <a href="http://kyy.hnu.cn/" target="_blank">湖南大学科学技术研究院/</a>
+                        <a href="http://www.gxst.gov.cn/gxkjt/" target="_blank">广西省科技厅/</a>
+                        <a href="http://www.nmkjt.gov.cn/" target="_blank">内蒙古自治区科技厅/</a>
+                        <a href="http://www.cshtz.gov.cn/" target="_blank">长沙市高新区管委会/</a>
+                        <a href="http://www.jxas.ac.cn/" target="_blank">江西省科学院/</a>
+                        <a href="http://www.cnic.cn/front/index.html#/cnicSite/home" target="_blank">中科院计算机网络信息中心/</a>
+                        <a href="http://kxyjb.csu.edu.cn/" target="_blank">中南大学科学研究部/</a>
+                        <a href="http://www.cast.org.cn/" target="_blank">中国科协创新创业服务中心/</a>
+                        <a href="http://www.hbstd.gov.cn/" target="_blank">湖北省科技厅/</a>
+                        <a href="http://www.gdstc.gov.cn/" target="_blank">广东省科技厅/</a>
+                        <a href="http://www.hnkjt.gov.cn/" target="_blank">河南省科技厅/</a>
+                        <a href="http://www.cbtm.gov.cn/" target="_blank">技术合同登记官网</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div onclick="_MEIQIA('showPanel')" id="lxkf" style="display:none"></div>
+        <div class="pub_fix">
+            <ul>
+                <li>
+                    <a href="" class="pendent_box">
+                        <span class="glyphicon glyphicon-plane"></span>
+                    </a>
+                </li>
+                <li>
+                    <a onclick="lrminiMax();">
+                        <span class="glyphicon glyphicon-user"></span>
+                    </a>
+                </li>
+                <li class="phonefix">
+                    <a>
+                        <span class="glyphicon glyphicon-phone-alt"></span>
+                    </a>
+                    <div class="phoneTxt">
+                        <p>联系电话</p>
+                        <p>400-8800-962</p>
+                    </div>
+                </li>
+                <li >
+                    <a>
+                        <span class="glyphicon glyphicon-send"></span> 
+                    </a>
+                    <div class="phoneTxt">
+                        <p>公众号</p>
+                        <img src="../../img/erweima.jpg" alt="">
+                    </div>
+                </li>
+                <li>
+                    <a>
+                        <span class="glyphicon glyphicon-bookmark"></span>
+                    </a>
+                    <div class="phoneTxt">
+                        <p>APP</p>
+                        <div>
+                            <img src="../../img/erweima_iphone.png" alt="">
+                            <p>iPhone版</p>
+                        </div>
+                        <div>
+                            <img src="../../img/erweima_android.jpg" alt="">
+                            <p>Android版</p>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="login">
+            <div class="login_mian">
+                <div class="login_left">
+                    <div class="login_ewm">
+                        <img src="../../img/Android.jpg" alt="二维码" />
+                        <p>Android版</p>
+                        <p>客户端</p>
+                    </div>
+                    <div class="login_ewm">
+                        <img src="../../img/iPhone.jpg" alt="二维码" />
+                        <p>iPhone版</p>
+                        <p>客户端</p>
+                    </div>
+                </div>
+                <div class="login_right">
+                    <h5>用户登陆
+                        <a href="">免费注册有好礼呦!!</a>
+                    </h5>
+                    <form id="form_login">
+                        <div class="login_uesr">
+                            <label for="uesname">
+                                <img src="../../img/login_use.png" />
+                            </label>
+                            <input type="text" name="uesname" id="Lo_user" placeholder="用户名" />
+                            <img src="../../img/login_del.png" class="log_del" />
+                        </div>
+                        <div class="login_pass">
+                            <label for="pass">
+                                <img src="../../img/login_password.png" />
+                            </label>
+                            <input type="password" name="pass" id="Lo_pass" placeholder="请输入密码" />
+                        </div>
+                        <div class="login_check">
+                            <a href="">忘记密码?</a>
+                        </div>
+                        <input type="submit" value="登 陆" class="login_submit" />
+                    </form>
+                    <img src="../../img/login_hua.png" alt="" class="login_hua" />
+                    <img src="../../img/login_shadow.png" alt="阴影效果" class="login_shadow" />
+                    <img src="../../img/login_close.png" alt="" class="login_close" />
+                </div>
+            </div>
+        </div>
+        <div id="forget">
+            <div class="forget">
+                <form id="forget_form">
+                    <div class="forget_top">
+                        <a href="">忘记密码?</a>
+                        <div class="login_check">
+                            <label for="forget_checks" class="lab_check">
+                                <input type="checkbox" name="type" id="forget_checks" />专家登录
+                            </label>
+                            <label for="forget_checkst" class="lab_checkno">
+                                <input type="checkbox" name="type" id="forget_checkst" />企业登录
+                            </label>
+                        </div>
+                    </div>
+                    <div class="forget_center">
+                        <div class="phone">
+                            <label for="forget_phone">
+                                手机号码:
+                                <input type="text" name="type" id="forget_phone" placeholder="请输入您的手机号码..." />
+                            </label>
+                        </div>
+                        <div class="yanzheng">
+                            <label for="forget_yanzheng">
+                                图形验证码:
+                                <input type="text" name="type" id="forget_yanzheng" />
+                            </label>
+                            <div class="yanzhengma_cont_">
+                                <img th:src="${basePath+'/open/getVCode'}" />
+                            </div>
+                        </div>
+                        <div class="cellcode_">
+                            <div>
+                                验证码:
+                                <input type="text" name="cellCode" placeholder="手机验证码" id="photo_n" />
+                            </div>
+                            <input type="button" id="photo_m" value="获取验证码" disabled/>
+                        </div>
+                        <div class="fastener">
+                            <input type="submit" class="forget_sub" value="确认" />
+                            <div class="fastener_right">
+                                取消
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <img src="../../img/login_close.png" alt="" class="login_close" />
+            </div>
+        </div>
+        <div id="new_password">
+            <div class="new_password">
+                <form id="new_password_form">
+                    <div class="password_top">
+                        <h4>设置新密码</h4>
+                        <span>密码长度为6-20个字符,区分大小写</span>
+                    </div>
+                    <div class="password_center">
+                        <div>
+                            <label for="new_pass">
+                                新密码:
+                                <input type="text" name="type" id="new_pass" placeholder="请输入您的新密码..." />
+                            </label>
+                        </div>
+                        <div>
+                            <label for="new_pass_again">
+                                确认密码:
+                                <input type="text" name="type" id="new_pass_again" placeholder="请确认您的密码..." />
+                            </label>
+                        </div>
+                        <div class="fastener">
+                            <input type="submit" class="new_password_sub" value="确认" />
+                            <div class="fastener_right">
+                                取消
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <img src="../../img/login_close.png" alt="" class="login_close" />
+            </div>
+        </div>
+        <div class="smg">
+            <input type="text" name="msg" value="111" id="msg" />
+        </div>
+    </footer>
+</body>
+
+ <!-- <script src="../../src/js/jquery-2.1.0.js"></script>
+<script src="../../src/js/public.js"></script>
+<script src="../../src//js/newMenu/patentList.js"></script>
+<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> -->
+
+</html>

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 57 - 10
template/newMenu/serviceDetails.html


+ 27 - 2
template/newMenu/shopList.html

@@ -11,7 +11,7 @@
 <body>
     <div class="header">
 		<div class="container">
-			<div class="navigation webkitHover">
+			<div class="navigationList webkitHover">
 				<a>网站导航
 					<span class="webkitDown"></span>
 				</a>
@@ -288,6 +288,31 @@
                     <button class="orderOk">确认订单</button>
                 </div>
             </div>
+            <div class="shopNull"></div>
+        </div>
+    </div>
+    <div class="shopMarsk">
+        <div class="shopOrderBody">
+            <div class="shopOrderOk">
+                 <span class="shopClose">X</span>
+                 <h4><img src="../../img/shopList/shop_Success.jpg" alt="">订单提交成功!</h4> 
+                 <div>
+                    <div class="orderNoList">
+                        <p>订单号 : <span></span></p>     
+                    </div>
+                    <p>订单信息请到<a href="xxxx+'/user/account/index.html#/achievementOrderX'"> 客户中心-我的订单 </a>查看</p>
+                    <p class="shopTime"><span>3</span>秒之后关闭</p>
+                </div>
+            </div>
+            <div class="shopOrderCancel">
+                    <span class="shopClose">X</span>
+                    <h4><img src="../../img/shopList/shop_Error.jpg" alt="">订单提交失败!</h4> 
+                    <div>
+                       <p>错误原因 : <span class="orderNumber"></span></p>
+                       <p>您可以 : <a href="xxxx+'/user/account/index.html#/achievementOrderX'">继续浏览</a></p>
+                       <p class="shopTime"><span>3</span>秒之后关闭</p>
+                   </div>
+               </div>
         </div>
     </div>
     <footer>
@@ -525,5 +550,5 @@
         </div>
     </footer>
 </body>
-
+<script language="javascript" src="https://put.zoosnet.net/JS/LsJS.aspx?siteid=PUT70876498&float=1&lng=cn"></script>
 </html>

+ 5 - 2
template/technologyTrading/achievementDetail.html

@@ -86,8 +86,11 @@
                         <img src="../../img/detail_img5.jpg" alt=""/>
                         <span>8</span>
                     </span>
-                    <div class="detail_btn">
-                        我要咨询
+                    <div class="detail_btn">	
+                        <a href="javascript:;" onclick="_MEIQIA('showPanel')">我要咨询</a>
+                        <input type="hidden" id="Id_">
+                        <input type="hidden" islogin="false" id="isLogin">
+                        <a class="shopCar"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>加入购物车</a>
                     </div>
                 </div>
                 <div class="fine">

+ 18 - 6
webpack.config.js

@@ -107,12 +107,12 @@ module.exports = (function () {
         //     template: './template/technologyTrading/demand.html',
         //     chunks: ['technologyTrading/demand', 'vendors']
         // }),
-        // new HtmlWebpackPlugin({
-        //     title: '科技交易-技术专利详情',
-        //     filename: 'html/technologyTrading/achievementDetail.html',
-        //     template: './template/technologyTrading/achievementDetail.html',
-        //     chunks: ['technologyTrading/achievementDetail', 'vendors']
-        // }),
+        new HtmlWebpackPlugin({
+            title: '科技交易-技术专利详情',
+            filename: 'html/technologyTrading/achievementDetail.html',
+            template: './template/technologyTrading/achievementDetail.html',
+            chunks: ['technologyTrading/achievementDetail', 'vendors']
+        }),
         new HtmlWebpackPlugin({
             title: '科技交易-技术需求详情',
             filename: 'html/technologyTrading/demandDetail.html',
@@ -258,6 +258,18 @@ module.exports = (function () {
             filename: 'html/newMenu/shopList.html',
             template: './template/newMenu/shopList.html',
             chunks: ['newMenu/shopList', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
+            title: '专利列表',
+            filename: 'html/newMenu/patentList.html',
+            template: './template/newMenu/patentList.html',
+            chunks: ['newMenu/patentList', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
+            title: '知识产权申请首页',
+            filename: 'html/newMenu/patent.html',
+            template: './template/newMenu/patent.html',
+            chunks: ['newMenu/patent', 'vendors']
         })
     ];
     if (!isDev) {

+ 12 - 1
webpack/entry.config.js

@@ -39,7 +39,9 @@ module.exports = {
         'newMenu/services': './src/js/newMenu/services.js',
         'newMenu/serviceList': './src/js/newMenu/serviceList.js',
         'newMenu/serviceDetails': './src/js/newMenu/serviceDetails.js',
-        'newMenu/shopList': './src/js/newMenu/shopList.js'
+        'newMenu/shopList': './src/js/newMenu/shopList.js',
+        'newMenu/patentList': './src/js/newMenu/patentList.js',
+        'newMenu/patent': './src/js/newMenu/patent.js'
     },
     watch: {
         'index': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
@@ -195,6 +197,15 @@ module.exports = {
         'newMenu/shopList': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
         'webpack/hot/only-dev-server',
         './src/js/newMenu/shopList.js'
+        ],
+        'newMenu/patentList': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/patentList.js'
+        ],
+        'newMenu/patent': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/patent.js'
         ]
+
     }
 };