Browse Source

运用主页

liting2017 6 years ago
parent
commit
e1ac5aeaa6

BIN
img/load/brandBuild_right.png


BIN
img/newMenu/applicationGF1.png


BIN
img/newMenu/applicationGF2.png


BIN
img/newMenu/applicationGF3.png


BIN
img/newMenu/applicationGF4.png


BIN
img/newMenu/applicationGF5.png


BIN
img/newMenu/applicationGF_BJ.png


BIN
img/newMenu/applicationMS1.png


BIN
img/newMenu/applicationMS2.png


BIN
img/newMenu/applicationMS3.png


BIN
img/newMenu/applicationMS_BJ.png


BIN
img/newMenu/applicationRZ_1.png


BIN
img/newMenu/applicationRZ_2.png


BIN
img/newMenu/applicationRZ_3.png


BIN
img/newMenu/applicationRZ_bj.png


BIN
img/newMenu/applicationZf_bj.png


BIN
img/newMenu/application_pc1.png


BIN
img/newMenu/application_pc2.png


+ 55 - 0
src/css/newMenu/load/brandBuild.css

@@ -50,6 +50,61 @@
     display:-webkit-flex;
     justify-content: space-around;
 }
+.brandBuess ul li{
+    float: left;
+    width: 590px;
+    height: 300px;
+    margin-left: 20px;
+    box-shadow: 0 0 4px #ccc;
+    margin-bottom: 20px;
+}
+
+.brandBuess ul li:nth-child(2n+1){
+    margin-left: 0;
+}
+.brandBuess ul li div{
+    padding-left: 50px;
+    padding-top: 40px;
+    text-align: left;
+    width: 280px;
+    height: 300px;
+    background: #f8f8f8;
+}
+.brandBuess ul li div h3{
+    font-weight: normal;
+    font-size: 22px;
+    color: #333;
+}
+.brandBuess ul li div img{
+    width: 74px;
+    height: 30px;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+.brandBuess ul li div p{
+    width: 174px;
+    font-size: 16px;
+    color: #333333;
+    overflow: hidden;
+    display: -webkit-box;              
+    text-overflow: ellipsis;            
+    -webkit-box-orient: vertical;       
+    -webkit-line-clamp:3;
+}
+
+.brandBuess ul li>a{
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+.brandBuess ul li a>img{
+    width: 310px;
+    height: 300px;
+    display: inline-block;
+}
 .advantage .advantageBody div{
     width: 208px;
     height: 208px;

+ 2 - 7
src/css/newMenu/load/marketOpen.css

@@ -58,12 +58,8 @@
     font-size: 18px;
     color: #fff;  
 }
-.marketGovernment,.marketInternational{
-    height: 210px;
-}
-.marketJun{
-    height: 320px;
-}
+
+
 .marketInternational div span,.marketGovernment div span{
    width: 44px;
    height: 4px;
@@ -120,7 +116,6 @@
 }
 .marketInternational>div:hover,.marketJun >div:hover,.marketGovernment>div:hover{
     box-shadow: 0 0 20px #ccc;
-    margin-top: -4px;
     transition: all .2s ease-in; 
     cursor: pointer;
 }

+ 5 - 0
src/css/newMenu/load/taxFinance.css

@@ -84,6 +84,11 @@
     display: -webkit-flex;
     justify-content: space-between;
 }
+.financeBottom  .financeContent a{
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+}
 .financeBottom  .financeContent div{
     width: 320px;
     height: 320px;

+ 772 - 7
src/css/newMenu/services.css

@@ -237,6 +237,7 @@
     margin-top: 38px;
 }
 .jsRight div h3{
+    font-weight: normal;
     color: #1f1f1f;
     font-size: 19px;
     margin-bottom: 22px;
@@ -280,6 +281,7 @@
     background: url(../../../img/newMenu/application_BJ.jpg)no-repeat;
     background-size:100% 100%;
     padding-top: 30px;
+    padding-bottom: 48px;
 }
 .applicationWrap{
     width: 1200px;
@@ -299,19 +301,782 @@
     box-shadow: none;
 }
 
+.applicationWrap {
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+    margin-top: 30px;
+}
+.applicationWrap .applicationWrapLeft{
+    width: 290px;
+    height: 610px;
+    background: #fff;
+    box-shadow: 0 0 2px #ccc;
+}
+.applicationWrapLeft h3{
+    margin-left: 30px;
+    font-weight: normal;
+    font-size: 19px;
+    color: #1f1f1f;
+    margin-top: 24px;
+    margin-bottom: 20px;
+}
+.applicationWrapLeft p{
+    margin-left: 30px;
+    margin-bottom: 42px;
+    font-size: 14px;
+    color: #969797;
+    width: 205px;
+}
+.applicationWrapLeft .blur{
+    color: #3e8ae0;
+    font-size: 16px;
+    margin-bottom: 10px;
 
+}
+.applicationWrapLeft>span{
+    float: right;
+    margin-right: 60px;
+    color: #969797;
+    font-size: 13px;
+    margin-bottom: 28px;
+}
+.applicationWrapLeft .introduce{
+    position: relative;
+    clear: both;
+    width: 275px;
+    height: 287px;
+    background: url(../../../img/newMenu/application_sc1.png)no-repeat;
+    background-size:100% 100%;
+    margin-left:8px;
+    text-align: center;
+    box-shadow: 0 0 2px #ccc;
+}
+.applicationWrapLeft .introduce img{
+    width: 100%;
+    height:100%;
+    display: inline-block;
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+.applicationWrapLeft .introduce>div{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+}
+.applicationWrapLeft .introduce h4{
+    margin-top: 30px;
+    margin-bottom: 30px;
+    font-weight: normal;
+    font-size: 24px;
+    color: #fff;
+    text-align: center;
+    padding: 0 10px;
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+}
+.applicationWrapLeft .introduce p{
+    font-size: 16px;
+    color: #fff;
+    height: 66px;
+    overflow: hidden;
+    text-align: justify;
+}
+.applicationWrapLeft .introduce a{
+    display: inline-block;
+    width: 116px;
+    height: 32px;
+    line-height: 30px;
+    background: #fff;
+    color: #1797e9;
+    text-align: center;
+    font-size: 14px;
+    border-radius: 10px;
+}
+.applicationWrapLeft .introduce a:hover{
+    background: #1797e9;
+    color: #fff;
+}
 
+.applicationWrapRight {
+    width: 890px;
+    height: 610px;
+    background: #fff;
+    padding: 0 20px;
+}
+.applicationWrapRight .Wtitle{
+    text-align: center;
+}
+.applicationWrapRight .Wtitle h2{
+    font-weight: normal;
+    font-size: 21px;
+    color: #1f1f1f;
+    margin-top: 20px;
+    margin-bottom: 6px;
+    font-family: siyuan
+}
+.applicationWrapRight .Wtitle span{
+    color: #9f9f9f;
+    font-size: 16px;
+}
+.applicationShop{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-around;
+    margin-top: 22px;
+}
+.shopLeft{
+    width: 238px;
+}
+.shopMid .shopLeftOne a{
+    width: 95px;
+    height: 30px;
+    display: inline-block;
+    line-height: 26px;
+    font-size: 14px;
+    border: 1px solid #1797e9;
+    text-align: center;
+    color: #1797e9;
+    border-radius: 6px;
+    margin-top: 10px;
+}
+.shopLeft h3,.shopMid h3{
+    font-size: 19px;
+    color: #1f1f1f;
+    font-weight: normal;
+    margin-bottom: 14px;
+}
+.shopLeft>div{
+    width: 235px;
+    height: 175px;
+    padding: 8px;
+    box-shadow: 0 0 20px #ccc;
+    margin-bottom: 16px;
+}
+.shopLeft div div{
+    width: 100%;
+    height: 100%;
+    padding: 14px 19px
+}
+.shopLeft div div p{
+    font-size: 16px;
+    color: #444444;
+    margin-bottom:5px; 
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+}
+.shopLeft .shopLeftOne>div{
+    background: url(../../../img/newMenu/application_sc2.png)no-repeat;
+    background-size:100% 100%; 
+}
+.shopLeft .shopLeftTwo>div{
+    background: url(../../../img/newMenu/application_sc3.png)no-repeat;
+    background-size:100% 100%; 
+}
+.shopLeftOne a:hover,.shopLeftTwo a:hover{
+    background: #1797e9;
+    color: #fff;
+}
+.shopLeft div div a{
+    width: 95px;
+    height: 30px;
+    display: inline-block;
+    line-height: 26px;
+    font-size: 14px;
+    border: 1px solid #1797e9;
+    text-align: center;
+    color: #1797e9;
+    border-radius: 6px;
+    margin-top: 10px;
+}
+.shopLeft>p{
+    text-align: center;
+    font-size: 19px;
+    color: #1f1f1f;
+    margin:10px 0; 
+}
+.shopLeft>a{
+    width: 178px;
+    height: 40px;
+    line-height:38px;
+    font-size: 17px;
+    color: #fff;
+    background: #1797e9;
+    display: inline-block;
+    text-align: center;
+    border-radius: 5px;
+    margin-left: 30px;
+    border: 1px solid #fff;
+}
+.shopLeft>a:hover{
+    border:1px solid #1797e9;
+    background: #fff;
+    color: #1797e9;
+}
+.shopMid{
+    width: 290px;
+    padding-top: 80px;
+}
+.shopMid .shopLeftOne{
+    width: 290px;
+    height: 252px;
+    padding: 8px;
+    background: #fff;
+    box-shadow: 0 0 20px #ccc;
+}
 
+.shopMid  div div p{
+    font-size: 17px;
+}
+/* 
+.shopMid .midBottom{
+    text-align: right;
+    padding: 0;
+    background: #fff!important;
+    box-shadow: 0;
+    height: 180px;
+    width: 100%;
+}
+.midBottom>p{
+    margin-top: 15px;
+    font-size: 19px;
+    color: #2d2d2d;
+    margin-bottom: 5px;
+}
+.midBottom .midBottomList{
+    margin: 0;
+    padding: 0;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+.midBottomList a{
+    margin-top: 5px;
+    display: inline-block;
+    background: none;
+    color: #1797e9;
+}
+.midBottom .midBottomList div{
+    width: 45%;
+    text-align: left;
+    height: 138px;
+    padding-top: 10px;
+    text-align: center;
+    box-shadow: 0 0 20px #ccc;
+}
+.midBottom .midBottomList div img{
+    width: 82px;
+    height: 82px;
+    border-radius: 50%;
+    display: inline-block;
+    box-shadow: 0 0 1px #ccc;
+} */
+.shopMid .shopLeftOne>div:nth-child(1) {
+    width: 100%;
+    height: 100%;
+    padding-top: 48px;
+    padding: 42px;
+    background: url(../../../img/newMenu/application_sc4.jpg)no-repeat;
+    background-size:100% 100%; 
+}
+.midBottom .midBottomList p{
+    margin-top: 10px;
+    text-align: center;
+}
+.midBottom a{
+    color: #1797e9;
+    font-size: 13px;
+    display: inline-block;
+    margin-top: 10px;
+}
+.shopRight {
+    width: 230px;
+    padding-top: 33px;
+}
+.shopRight ul li{
+    width: 100%;
+    height: 225px;
+    position: relative;
+    overflow: hidden;
+    margin-bottom: 15px;
+}
+.shopRight ul li img{
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+    position: absolute;
+    top: 0 ;
+    left: 0;
+    z-index: 2;
+}
+.shopRight ul li span{
+    display: inline-block;
+    width: 400px;
+    height: 140px;
+    background: rgba(0,0,0,.4);
+    transform: rotate(-11deg);
+    position: absolute;
+    bottom:-21px;
+    left: -32px;
+    z-index: 5;
+}
+.shopRight ul li div{
+    width: 100%;
+    height: 78px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 20;
+    text-align: center;
+}
+.shopRight ul li div p{
+    padding: 0 10px;
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+    font-size: 17px;
+    color: #FFF;
+}
+.shopRight ul li div a{
+    width: 92px;
+    height: 30px;
+    color: #1797e9;
+    background: #fff;
+    border-radius: 5px;
+    text-align: center;
+    line-height: 28px;
+    margin-top: 10px;
+    display: inline-block;
+}
+.shopRight ul li div a:hover{
+    background:#1797e9;
+    color: #fff;
+}
 
+.applicationGj{
+    width: 1200px;
+    margin: 26px auto 0;
+    background: url(../../../img/newMenu/application_pc2.png)no-repeat;
+    background-size:100% 100%;
+    height: 365px; 
+}
+.applicationGj ul{
+   overflow: hidden;
+   margin-top: 24px;
+   padding-top: 20px;
+   padding-bottom: 20px;
+}
+.applicationGj ul li{
+    width: 260px;
+    float: right;
+    margin-right: 40px;
+    padding: 0 8px;
+    box-shadow: 0 0 2px #ccc;
+    height: 330px;
+    padding-top: 8px;
+    transition: all .2s ease-in-out;
+    background: #fff;
+}
+.applicationGj ul li:hover{
+    margin-top: -3px;
+    transition: all .2s ease-in;
+}
+.applicationGj ul li img{
+    width: 100%;
+    height: 200px;
+    display: inline-block;
+}
+.applicationGj ul li h3{
+    padding: 0 10px;
+    font-weight: normal;
+    font-size: 21px;
+    color: #303030;
+   line-break: 24px;
+   text-align: center;
+   margin: 5px 0;
+   overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+}
+.applicationGj ul li p{
+    height: 40px;
+    overflow: hidden;
+    font-size: 14px;
+    color: #787878;
+    text-align: justify
+}
+.applicationGj ul li a{
+    display: inline-block;
+    float: right;
+    width: 100px;
+    height: 30px;
+    line-height: 26px;
+    border: 1px solid #1797e9;
+    color:#1797e9;
+    text-align: center;
+    margin-top: 5px;
+    border-radius: 5px;
+}
+.applicationGj ul li a:hover{
+    background: #1797e9;
+    color: #fff;
+}
+/* 政府扶持 */
+.applicationZf {
+    width: 100%;
+    background: url(../../../img/newMenu/applicationZf_bj.png)no-repeat;
+    background-size:100% 100%; 
+    padding-bottom: 112px;
+}
+.applicationZfBody{
+    width: 1200px;
+    margin: 56px auto 0px;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+.applicationZfBody a{
+    color: #333;
+}
+.applicationZfBody img{
+    width: 254px;
+    height: 354px;
+}
+.applicationZfBody>div{
+    width: 930px;
+}
+.applicationZfBody>div ul{
+    background: #fff;
+    box-shadow: 0 0 1px #ccc;
+}
+.applicationZf .applicationTitle h4{
+    padding-top: 60px;
+}
+.applicationTitle.active h4{
+    color: #fff;
+    font-size: 19px;
+}
+.applicationTitle.active  span{
+    color: #fff;
+    font-size: 26px;
+}
+.applicationTitle.active a{
+    margin-top: 5px;
+}
+.applicationTitle.active a:hover{
+    box-shadow: none
+}
+.applicationZfBody div ul{
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+.applicationZfBody div ul li{
+    float: left;
+    height: 94px;
+    text-align: center;
+    line-height: 94px;
+    background:#f8f8f8;
+    width: 230px;
+    margin-right: 2px;
+    margin-bottom: 2px;
+}
+.applicationZfBody div {
+    clear: both;
+    position: relative;
+}
+.applicationZfBody div div{
+    position: absolute;
+    bottom: 12px;
+    left: 0;
+    width: 100%;
+    height: 20px;  
+    overflow: hidden;  
+}
+.applicationZfBody div ol{
+    float: left;
+}
+.applicationZfBody div ol li{
+    float: left;
+}
+.applicationZfBody div ol li a{
+    color: #fff;
+}
+.applicationZfBody div ol li a:hover{
+    color: #1797e9;
+}
+.applicationZfBody div ol li span{
+    display: inline-block;
+    margin: 0 10px;
+    color: #FFF;
+}
+.applicationZfBody div ol li:last-child span{
+    display: none
+}
+.applicationZfBody div>a{
+    float: right;
+    color: #fff;
+}
+.applicationZfBody div>a:hover{
+    color: #1797e9;
+}
 
+.applicationMS{
+    width: 100%;
+    padding-top: 45px;
+    padding-bottom: 60px;
+    background: url(../../../img/newMenu/applicationMS_BJ.png)no-repeat;
+    background-size:100% 100%;
 
+}
+.applicationMSBody{
+    width: 1200px;
+    margin: 50px auto 0;
+}
+.applicationMSBody ul{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+    height: 444px;
+}
+.applicationMSBody ul li{
+    width: 380px;
+    height: 444px;
+    padding: 0 25px;
+    text-align: center;
+    transition: all .3s ease-in-out;
+    
+}
+.applicationMSBody ul li div{
+    width: 100%;
+    height: 164px;
+    text-align: left
+}
+.applicationMSBody ul li div h3{
+    font-size: 24px;
+    color: #1f1f1f;
+    margin-top:100px ;
+    margin-bottom: 34px;
+    font-weight: normal;
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+}
 
+.applicationMSBody ul li div p{
+    font-size: 16px;
+    margin-bottom: 10px;
+    color: #1797e9;
+    overflow: hidden;
+    display: -webkit-box;              
+    text-overflow: ellipsis;            
+    -webkit-box-orient: vertical;       
+    -webkit-line-clamp:4;
+}
+.applicationMSBody ul li a{
+    width: 148px;
+    height: 36px;
+    line-height: 34px;
+    background: #1797e9;
+    color: #fff;
+    margin-top: 80px;
+    display: inline-block;
+    border-radius: 5px;
+}
+.applicationMSBody ul li a:hover{
+    box-shadow: 0 4px 10px #ccc;
+}
+.applicationMSBody ul li:hover{
+    margin-top: -4px;
+    transition: all .3s ease-in;
+    box-shadow: 0 5px 20px #333;
+}
+.applicationMSBody ul li:nth-child(1){
+    background: url(../../../img/newMenu/applicationMS1.png)no-repeat;
+    background-size:100% 100%; 
+}
+.applicationMSBody ul li:nth-child(2){
+    background: url(../../../img/newMenu/applicationMS2.png)no-repeat;
+    background-size:100% 100%; 
+}
+.applicationMSBody ul li:nth-child(3){
+    background: url(../../../img/newMenu/applicationMS3.png)no-repeat;
+    background-size:100% 100%; 
+}
+.applicationRZ{
+    background: url(../../../img/newMenu/applicationRZ_bj.png)no-repeat;
+    background-size:100% 100%;
+}
+.applicationRZ .applicationTitle  h4,.applicationRZ .applicationTitle  span{
+    color: #333;
+}
+.applicationRZ .applicationMSBody ul li div{
+    text-align: center;
+}
+.applicationRZ .applicationMSBody ul li:nth-child(1){
+    background: url(../../../img/newMenu/applicationRZ_1.png)no-repeat;
+    background-size:100% 100%; 
+}
+.applicationRZ  .applicationMSBody ul li:nth-child(2){
+    background: url(../../../img/newMenu/applicationRZ_2.png)no-repeat;
+    background-size:100% 100%; 
+}
+.applicationRZ .applicationMSBody ul li:nth-child(3){
+    background: url(../../../img/newMenu/applicationRZ_3.png)no-repeat;
+    background-size:100% 100%; 
+}
+.applicationGf{
+    width: 100%;
+    background: url(../../../img/newMenu/applicationGF_BJ.png)no-repeat;
+    background-size:100% 100%; 
+    padding-top: 64px;
+    padding-bottom: 280px;
+}
+.applicationGf  .container{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+.applicationGf  .gfLeft{
+    width: 384px;
+    height: 440px;
+    padding: 8px;
+}
+.applicationGf  .gfLeft .gfLeftBox{
+    width: 100%;
+    height: 440px;
+    padding: 8px;
+    background: #fff;
+    box-shadow: 0 0 10px #ccc;
+}
+.applicationGf  .gfLeft .gfLeftBox>div{
+    width: 100%;
+    height: 100%;
+    background: url(../../../img/newMenu/applicationGF1.png)no-repeat;
+    background-size:100% 100%;
+    padding-top: 48px;
+    padding-left: 30px;
+    padding-right: 30px;
+}
+.applicationGf  .gfLeft .gfLeftBox>div p{
+    height: 66px;
+    overflow: hidden;
+}
+.applicationGf .applicationTitle span{
+    color: #262626;
+    font-size: 25px;
+}
+.applicationGf .applicationTitle  h4{
+    font-size: 19px;
+    color: #525252;
+    margin-top: 12px;
+    margin-bottom: 30px;
+}
+.gfLeft .gfLeftBox h3{
+    font-weight: normal;
+    font-size: 19px;
+    color: #242424;
+    margin-bottom: 30px;
+}
+.gfLeft .gfLeftBox p{
+    color: #3e8ae0;
+    margin-bottom: 6px;
+    font-size:16px;
+}
+.gfLeft .gfLeftBox a{
+    display: inline-block;
+    width: 148px;
+    height: 36px;
+    font-size: 19px;
+    line-height: 34px;
+    margin-top: 30px;
+    border: 1px solid #1797e9;
+    color: #1797e9;
+    border-radius: 5px;
+    text-align: center;
+}
+.gfLeft .applicationTitle{
+    text-align: left
+}
+.gfLeft .applicationTitle h4{
+    text-align: left;
+}
+.gfLeft .gfLeftBox a.lJ{
+    background: #1797e9;
+    color: #fff;
+}
+.gfRight{
+    width: 786px;
+    margin-top: 9px;
+}
+.gfRightList ul li{
+    float: left;
+    margin-left: 10px;
+    width: 382px;
+    height: 214px;
+    box-shadow: 0 0 10 #ccc;
+    margin-bottom: 10px;
+    padding:34px;
+    box-shadow: 0 0 10px #ccc;
+}
+.gfRightList ul li p{
+    font-size:16px;
+    color: #242424;
+    margin-bottom: 40px; 
+    margin-top: 10px;
+    color: #3e8ae0;
+    height: 44px;
+    overflow: hidden;
+}
 
+.gfRightList ul li div a{
+    padding: 6px 20px;
+    display: inline-block;
+    text-align: center;
+    border: 1px solid #1797e9;
+    color: #1797e9;
+    border-radius: 5px;
+}
+.gfRightList ul li:nth-child(2n+1){
+    margin-left: 0
+}
+.gfRightList ul li:nth-child(1){
+    background: url(../../../img/newMenu/applicationGF2.png)no-repeat;
+    background-size:100% 100%; 
+}
+.gfRightList ul li:nth-child(2){
+    background: url(../../../img/newMenu/applicationGF3.png)no-repeat;
+    background-size:100% 100%; 
+}
+.gfRightList ul li:nth-child(3){
+    background: url(../../../img/newMenu/applicationGF4.png)no-repeat;
+    background-size:100% 100%; 
+}
+.gfRightList ul li:nth-child(4){
+    background: url(../../../img/newMenu/applicationGF5.png)no-repeat;
+    background-size:100% 100%; 
+}
+.gfRightList ul li div .ljB{
+    background: #1797e9;
+    color: #FFF;
+    margin-right: 26px;
+}
 
-
-
-
-
-
-
-
+#bottom{
+    margin-top: -160px;
+}
+@media screen and (max-width:1200px){
+    .carousel,.applicationSC,.applicationZf,.applicationMS,.applicationGf{
+        width: 1200px;
+    }
+}

+ 29 - 6
src/js/newMenu/serviceList.js

@@ -3,8 +3,6 @@
  * 	@update:2018/06/20
  * 
  */
-// import 'css/bootstrap.less';
-// import 'bootstrap/dist/js/bootstrap.js';
 import 'css/newMenu/public.css';
 import 'css/newMenu/header.css'
 import 'css/newMenu/serviceList.css';
@@ -31,13 +29,19 @@ $(function () {
     //一级界面跳转此页面
    
     function jump(theData) {
+        
         let hash = window.location.search;
         if (hash) {
-            if (hash.indexOf('name') > -1 || hash.indexOf('topId') > -1 || hash.indexOf('secondId') > -1) {
+            if (hash.indexOf('name') > -1 || hash.indexOf('topId') > -1 || hash.indexOf('secondId')|| hash.indexOf('module') > -1) {
                 let newHash = hash.substr(1, hash.length)
                 if (newHash.indexOf('&') > -1) {
                     let hashArr = newHash.split('&');
                     hashArr.map(item => {
+                        if (item.indexOf('module') > -1) {
+                            let moduleT = item.split('=')
+                            dataList.module = decodeURIComponent(moduleT[1])
+                            menuInit(theData,moduleT[1],true)
+                        }
                         if (item.indexOf('name') > -1) {
                             let names = item.split('=')
                             dataList.name = decodeURIComponent(names[1])
@@ -62,6 +66,11 @@ $(function () {
                         $('.demandSearch').val(dataList.name);
                         menuInit(theData)
                     }
+                    if (newHash.indexOf('module') > -1) {
+                        let moduleT = newHash.split('=')
+                        dataList.module = decodeURIComponent(moduleT[1])
+                        menuInit(theData,moduleT[1],true)
+                    }
                     if (newHash.indexOf('topId') > -1) {
                         let topIds = newHash.split('=')
                         dataList.topId = decodeURIComponent(topIds[1])
@@ -99,7 +108,11 @@ $(function () {
                 })
             thisdata.map((item,index)=>{
                 htmls+='<div>';
-                theArrs+='<li data-module='+item.module+'><span>'+item.name+'</span></li>';
+                if(item.module==id){
+                    theArrs+='<li data-module='+item.module+' class="active"><span>'+item.name+'</span></li>';
+                }else{
+                    theArrs+='<li data-module='+item.module+'><span>'+item.name+'</span></li>';
+                }
                 if(item.list&&(item.list).length){
                     (item.list).map((atem,ind)=>{
                         if(atem.topLevelId==id){
@@ -129,18 +142,28 @@ $(function () {
             }
             htmls+='</div>';
             if(!id){
+                dataList.module=''
+                htmls='<div class="objList"><div><span data-id="" class="active">不限</span></div></div>';
                 $('.industryList').append(htmls);
                 $('.industryList ul').html(theArrs);
                 $('.industryList ul li').eq(0).addClass('active');
                 $('.objList div').eq(0).addClass('active');
+                $('.objList div').eq(0).addClass('active');
                 $('.objList div').eq(0).find('span').addClass('active');
                 $('.productionType ol').html(`<li data-id='' class="active">不限</li>`);
             }else{
                 $('.industryList').append(htmls);
                 $('.industryList ul').html(theArrs);
+                if(state){
+                    console.log(id)
+                    console.log($('.objList')[0])
+                    $('.objList>div').eq((id-1)).addClass('active');
+                    $('.objList>div').eq((id-1)).find('div').eq(0).addClass('active');
+                }else{
+                    $('.objList>div').eq(m).addClass('active');
+                    $('.objList>div').eq(m).find('span').eq(n).addClass('active');
+                }
                 $('.industryList ul li').eq(m).addClass('active');
-                $('.objList>div').eq(m).addClass('active');
-                $('.objList>div').eq(m).find('span').eq(n).addClass('active');
                 $('.productionType ol').html(htmlSec);
                 $('.productionType ol li').eq(l).addClass('active');
             }

+ 24 - 29
src/js/newMenu/services.js

@@ -3,19 +3,39 @@ import 'bootstrap/dist/js/bootstrap.js';
 import 'css/newMenu/public.css';
 import 'css/newMenu/header.css';
 import 'css/newMenu/services.css';
-// import 'js/banner.js';
 import 'js/public.js';
 import 'js/newMenu/map.js';
 
 $(function () {
     init();
     function init() {
-        listFun();
         search();
         navTop();
-        banner()
+        banner();
+        urlsFun();
     };
-
+    function urlsFun(){
+        $('.shopLeftOne a').click(function(){
+            let loginTxt=$('.head_login')[0];
+            if(loginTxt&&($(loginTxt).text())=='登录'){
+                $('.head_login').click();
+                window.location.hash='jump';
+                return false;
+            }else{
+                window.location.href= globalConfig.context+'/user/account/index.html#/achievement';
+            }
+        })
+        $('.shopLeftTwo a').click(function(){
+            let loginTxt=$('.head_login')[0];
+            if(loginTxt&&($(loginTxt).text())=='登录'){
+                $('.head_login').click();
+                window.location.hash='jump';
+                return false;
+            }else{
+                window.location.href= globalConfig.context+'/user/account/index.html#/demand';
+            }
+        })
+    }
     function navTop() {
         $(window).scroll(function(){
             var scrolltop=$(document).scrollTop();
@@ -38,29 +58,4 @@ $(function () {
             window.location.href = globalConfig.context + '/portal/service/serviceList?name=' + name
         })
     }
-    /*合作客户切换  */
-    function listFun() {
-        let m = 0,
-            liW = $('.customerList ul li').width(),
-            len = $('.customerList ul li').length;
-        $('.cooperationPeople .listNext').on('click', function () {
-            m++;
-            if (m > len - 3) {
-                m = len - 3;
-            };
-            $('.customerList ul').animate({
-                marginLeft: -liW * m + 'px'
-            })
-        });
-        $('.cooperationPeople .listPre').on('click', function () {
-            m--;
-            if (m <= 0) {
-                m = 0;
-            }
-            $('.customerList ul').animate({
-                marginLeft: -liW * m + 'px'
-            })
-        });
-    }
-
 })

+ 12 - 1
src/js/public.js

@@ -4,7 +4,18 @@ window.onload=function(){
 		$('#myCarousel').removeClass('slide');
 	}
 	//百度统计图片处理
-
+	navTop()
+	 //导航
+	 function navTop() {
+        $(window).scroll(function(){
+            var scrolltop=$(document).scrollTop();
+                if(scrolltop>0){
+                    $('.topNav').addClass('navFix')
+                }else{
+                    $('.topNav').removeClass('navFix');
+                }
+        });
+    }
 	$(".index_blur").html("×");
 	$(".pub_fix").after("<div class='right_cebian'>侧边导航</div>");
 	$(".index_blur").click(function(){

+ 42 - 1
template/newMenu/loading/brandBuild.html

@@ -274,7 +274,48 @@
         <span>Business introduction</span>
     </div>
     <div class="brandBuess">
-        <img src="../../../img/load/brandBuild_2.png" alt="">
+        <ul>
+            <li>
+                <a href="">
+                    <div>
+                        <h3>体品牌建</h3>
+                        <img src="../../../img/load/brandBuild_right.png" alt="">
+                        <p>导策略,为日后的具体品牌建设战术导策略,为日后的具体品牌建设战术导</p>
+                    </div>
+                    <img src="../../../img/load/brandBuild_3.png" alt="">
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <div>
+                        <h3>体品牌建</h3>
+                        <img src="../../../img/load/brandBuild_right.png" alt="">
+                        <p>导策略,为日后的具体品牌建设战术导策略,为日后的具体品牌建设战术导</p>
+                    </div>
+                    <img src="../../../img/load/brandBuild_3.png" alt="">
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <div>
+                        <h3>体品牌建</h3>
+                        <img src="../../../img/load/brandBuild_right.png" alt="">
+                        <p>导策略,为日后的具体品牌建设战术导策略,为日后的具体品牌建设战术导</p>
+                    </div>
+                    <img src="../../../img/load/brandBuild_3.png" alt="">
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <div>
+                        <h3>体品牌建</h3>
+                        <img src="../../../img/load/brandBuild_right.png" alt="">
+                        <p>导策略,为日后的具体品牌建设战术导策略,为日后的具体品牌建设战术导</p>
+                    </div>
+                    <img src="../../../img/load/brandBuild_3.png" alt="">
+                </a>
+            </li>
+        </ul>
         <img src="../../../img/load/brandBuild_3.png" alt="" class="brandImg2">
     </div>
     <div class="brandTitle">

+ 243 - 5
template/newMenu/services.html

@@ -5,7 +5,7 @@
     <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>
+    <title>运用</title>
     <link rel="stylesheet" href="../../src/css/bootstrap.css">
     <link rel="stylesheet" href="../../src/css/newMenu/public.css">
     <link rel="stylesheet" href="../../src/css/newMenu/header.css">
@@ -140,7 +140,7 @@
             <li><a href="#Md5">减税免税</a></li>
             <li><a href="#Md6">融资租售</a></li>
             <li><a href="#Md7">攻防利器</a></li>
-            <li><a href="#Md8">他山之石</a></li>
+            <li><a href="#Md7">他山己用</a></li>
         </ul>
         <a href="#">全部服务</a>
     </div>
@@ -229,11 +229,249 @@
                 <div class="introduce">
                     <h4>两型产品认定</h4>
                     <p>打造资源节约型产品打造环境友好型产品加入政府采购目录</p>
-                    <a href="#">立即办理</a>
+                    <a href="#" onclick="openZoosUrl('chatwin');">立即办理</a>
                 </div>
             </div>
-            <div class="applicationWrapLeft">
-                
+            <div class="applicationWrapRight">
+                 <div class="Wtitle">
+                     <h2>军工采购</h2>
+                     <span>军队不会选择知识产权有争议的企业产品</span>
+                 </div>  
+                 <div class="applicationShop">
+                     <div class="shopLeft">
+                         <h3>民参军</h3>
+                        <div class="shopLeftOne">
+                            <div>
+                                <p>我是企业</p>
+                                <p>我有优质产品可以供军用</p>
+                                <a href="#">立即发布</a>
+                            </div>
+                        </div>
+                        <div class="shopLeftTwo">
+                            <div>
+                                <p>我是企业</p>
+                                <p>我在寻找军工技术</p>
+                                <a href="#">立即寻找</a>
+                            </div>
+                        </div>
+                        <p>军民融合国家战略</p>
+                        <a href="#">了解更多军工知识</a>
+                     </div>
+                     <div class="shopMid">
+                        <h3>军转民</h3>
+                        <div class="shopLeftOne">
+                            <div>
+                                <p>我是企业</p>
+                                <p>我有优质产品可以供军用</p>
+                                <a href="#">立即发布</a>
+                            </div>
+                        </div>
+                        <div class="midBottom">
+                            <p>解密国防专利 惠民生 助发展</p>
+                            <div class="midBottomList">
+                                <div>
+                                    <img src="../../img/indexNew13.jpg" alt="">
+                                    <p>专利名称</p>
+                                </div>
+                                <div>
+                                    <img src="../../img/indexNew13.jpg" alt="">
+                                    <p>专利名称</p>
+                                </div>
+                            </div>
+                            <a href="#">更多专利</a>
+                        </div>
+                     </div>
+                     <div class="shopRight">
+                        <ul>
+                            <li>
+                                <img src="../../img/indexNew13.jpg" alt="">
+                                <span></span>
+                                <div>
+                                    <p>保密资格证</p>
+                                    <a href="">立即办理</a>
+                                </div>
+                            </li>
+                            <li>
+                                <img src="../../img/indexNew13.jpg" alt="">
+                                <span></span>
+                                <div>
+                                    <p>保密资格证</p>
+                                    <a href="">立即办理</a>
+                                </div>
+                            </li>
+                        </ul>
+                     </div>
+                 </div> 
+            </div>
+        </div>
+        <div class="applicationGj">
+            <ul>
+                <li>
+                    <img src="../../img/newMenu/application_pc1.png" alt="">
+                    <h3>pct</h3>
+                    <p>北京青年报记者联系了文章所提到的张小平之前就职的中国航</p>
+                    <a href="">立即办理</a>
+                </li>
+                <li>
+                    <img src="../../img/newMenu/application_pc1.png" alt="">
+                    <h3>pct</h3>
+                    <p>北京青年报记者联系了文章所提到的张小平之前就职的中国航</p>
+                    <a href="">立即办理</a>
+                </li>
+                <li>
+                    <img src="../../img/newMenu/application_pc1.png" alt="">
+                    <h3>pct</h3>
+                    <p>北京青年报记者联系了文章所提到的张小平之前就职的中国航</p>
+                    <a href="">立即办理</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div class="applicationZf" >
+        <div class="applicationTitle active" id="Md4">
+            <h4>政府资金优先支持拥有核心专利的企业</h4>
+            <span>政府扶持</span><a href="#">进入政府扶持专区</a>
+        </div>
+        <div class="applicationZfBody">
+            <img src="../../img/newMenu/service_119.jpg" alt="">
+            <div>
+                <ul>
+                    <li><a href="">国家科技中小型企业认定</a></li>
+                    <li>国家科技中小型企业认定</li>
+                    <li>国家科技中小型企业认定</li>
+                    <li>国家科技中小型企业认定</li>
+                    <li>国家科技中小</li>
+                    <li>国家科技中小</li>
+                    <li>国家科技中小</li>
+                    <li>国家科技中小</li>
+                    <li>国家科技中小</li>
+                    <li>国家科技中小</li>
+                    <li>国家科技中小</li>
+                </ul>
+                <div>
+                    <ol>
+                        <li><a href="">国家级</a><span>/</span></li>
+                        <li><a href="">国家级</a><span>/</span></li>
+                    </ol>
+                    <a href="">更多地区</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="applicationMS" >
+        <div class="applicationTitle active" id="Md5">
+            <h4>知识产权的保护和租售可以享受减免税优惠</h4>
+            <span>减税免税</span><a href="#">进入减税免税专区</a>
+        </div>
+        <div class="applicationMSBody">
+            <ul>
+                <li>
+                    <div>
+                        <h3>高新技术企业</h3>
+                        <p>企业通过高新技术企业认定</p>
+                    </div>
+                    <a href="#">立即办理</a>
+                </li>
+                <li>
+                    <div>
+                        <h3>加计扣除</h3>
+                        <p>企业研发费用减免</p>
+                    </div>
+                    <a href="#">立即办理</a>
+                </li>
+                <li>
+                    <div>
+                        <h3>双软评估</h3>
+                        <p>两年免征,三年减半征,共享受五年</p>
+                    </div>
+                    <a href="#">立即办理</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div class="applicationMS applicationRZ" >
+        <div class="applicationTitle active" id="Md6">
+            <h4>可以融资或者直接降低融资成本</h4>
+            <span>融资租售</span><a href="#">进入融资租售专区</a>
+        </div>
+        <div class="applicationMSBody">
+            <ul>
+                <li>
+                    <div>
+                        <h3>高新技术企业</h3>
+                        <p>政策配套,撬动百亿大市场</p>
+                        <p>牵线搭桥,建立供需大平台%的税费</p>
+                    </div>
+                    <a href="#">立即办理</a>
+                </li>
+                <li>
+                    <div>
+                        <h3>专利授权</h3>
+                        <p>普通许可</p>
+                    </div>
+                    <a href="#">立即办理</a>
+                </li>
+                <li>
+                    <div>
+                        <h3>专利保险</h3>
+                        <p>专利风险可保</p>
+                    </div>
+                    <a href="#">立即办理</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div class="applicationGf" id="Md7">
+        <div class="container">
+            <div class="gfLeft">
+                    <div class="applicationTitle active">
+                        <span>攻防利器</span><a href="#">进入攻防利器专区</a>
+                        <h4>进可攻击敌人、退可保护自己</h4>
+                    </div>
+                    <div class="gfLeftBox">
+                        <div>
+                             <h3>他山己用</h3>   
+                             <p>知名大所</p>
+                             <a href="#" class="lJ">立即办理</a><br />
+                             <a href="#">了解更多</a>
+                        </div>
+                    </div>
+            </div>
+            <div class="gfRight">
+                <div class="applicationTitle active">
+                    <span>他山已用</span><a href="#">进入他山已用专区</a>
+                    <h4>专利国际化数据分析应用,拓宽创新创意视野</h4>
+                </div>
+                <div class="gfRightList">
+                    <ul>
+                        <li>
+                            <p>专利转让</p>
+                            <div>
+                                <a href="" class="ljB">立即办理</a>
+                                <a href="" class="url">更多专利转让</a>
+                            </div>
+                        </li>
+                        <li>
+                            <p>专利查新</p>
+                            <div>
+                                <a href="" class="ljB">立即办理</a>
+                            </div>
+                        </li>
+                        <li>
+                            <p>版权转让</p>
+                            <div>
+                                <a href="" class="ljB">立即办理</a>
+                                <a href="" class="url">更多版权转让</a>
+                            </div>
+                        </li>
+                        <li>
+                            <p>国际专利数据库检索</p>
+                            <div>
+                                <a href="" class="ljB">立即办理</a>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
             </div>
         </div>
     </div>