样式调整

src/web/staticres/css/pc/index.css

@@ -427,10 +427,14 @@
 .hot-search .right-con {
   margin-left: 40px;
   width: 735px;
-  margin-top: 5px;
+  /* margin-top: 5px; */
   min-height: 54px;
+  display: flex;
+  align-items: center;
+}
+.hot-search .right-con .a_box{
+  margin-bottom: -10px;
 }
-
 .hot-search .right-con a {
   margin-right: 22px;
   font-size: 14px;
@@ -512,9 +516,10 @@
 }
 
 .hot-container .hot-banner .right {
-  max-width: 183px;
+  max-width: 185px;
   min-height: 54px;
   margin-left: 11px;
+  margin-bottom: -10px;
 }
 
 .hot-container .hot-banner .right a {
@@ -570,6 +575,9 @@
   background-size: 100% 100%;
   cursor: pointer;
   overflow: hidden;
+  max-width: 100%;
+    color: #fff;
+    
 }
 
 .jy-index-product .svip-product {
@@ -600,7 +608,7 @@
 .jy-index-product .p-link {
   position: absolute;
   top: 24px;
-  display: none;
+  /* display: none; */
   padding-right: 32px;
   /* background: url(/images/index/link-arrow.png) 60px center no-repeat; */
   background: url(/images/index/link-arrow-light.png) 60px center no-repeat;
@@ -619,7 +627,9 @@
 }
 
 .jy-index-product .main-product-item .p-name {
+  text-shadow: 0px 2px 2px rgba(46, 46, 47, 0.25);
   color: #fff;
+  padding-top: 96px;
   transition: All 0.4s ease-in-out;
   -webkit-transition: All 0.4s ease-in-out;
   -moz-transition: All 0.4s ease-in-out;
@@ -627,6 +637,7 @@
 }
 
 .jy-index-product .other-product-item .p-name {
+  text-shadow: 0px 2px 2px rgba(46, 46, 47, 0.25);
   /* color: #1D1D1D; */
   color: #fff;
   transition: All 0.4s ease-in-out;
@@ -636,10 +647,16 @@
 }
 
 .jy-index-product .p-detail {
+  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   /* display: none; */
   margin-top: 100px;
   max-width: 262px;
   text-align: justify;
+  max-width: 440px;
+  margin-top: 8px;
+  font-size: 14px;
+  color: #fff;
+  line-height: 20px;
   transition: All 0.4s ease-in-out;
   -webkit-transition: All 0.4s ease-in-out;
   -moz-transition: All 0.4s ease-in-out;
@@ -648,14 +665,19 @@
 
 .jy-index-product .other-product-item:hover {
   /* position: relative; */
-  display: inline-block;
-  /* margin: 0px; */
+  /* display: inline-block;
   max-width: 100%;
   color: #fff;
-  overflow: hidden;
+  overflow: hidden; */
 }
-
-.jy-index-product .main-product-item:hover .p-link {
+.jy-index-product .product-item {
+  border-radius: 5px;
+  
+}
+.jy-index-product .product-item:hover {
+  box-shadow: 0px 4px 16px rgba(8, 31, 38, 0.25);
+}
+.jy-index-product .main-product-item .p-link {
   display: block;
   color: #fff;
   padding-right: 32px;
@@ -667,11 +689,11 @@
   -o-transition: All 0.8s ease-in-out;
 }
 
-.jy-index-product .main-product-item:hover .p-name {
+.jy-index-product .main-product-item .p-name {
   padding-top: 96px;
 }
 
-.jy-index-product .main-product-item:hover .p-detail {
+.jy-index-product .main-product-item .p-detail {
   max-width: 440px;
   margin-top: 8px;
   font-size: 14px;
@@ -679,7 +701,7 @@
   line-height: 20px;
 }
 
-.jy-index-product .other-product-item:hover .p-link {
+.jy-index-product .other-product-item .p-link {
   display: block;
   transition: All 0.8s ease-in-out;
   -webkit-transition: All 0.8s ease-in-out;
@@ -687,11 +709,11 @@
   -o-transition: All 0.8s ease-in-out;
 }
 
-.jy-index-product .other-product-item:hover .p-name {
+.jy-index-product .other-product-item .p-name {
   padding-top: 116px;
 }
 
-.jy-index-product .other-product-item:hover .p-detail {
+.jy-index-product .other-product-item .p-detail {
   max-width: 258px;
   line-height: 20px;
   margin-top: 8px;

src/web/staticres/public-pc/css/pc-bottom.css

@@ -157,6 +157,7 @@
   left: initial;
   right: 1px;
   transition: all 0.75s;
+  filter: drop-shadow(0px 0px 20px rgba(8, 31, 38, 0.12));
 }
 
 

src/web/templates/common/pchead.html

@@ -35,24 +35,24 @@
         </div>
         <div class="btn_box">
           {{if ne $TopMenu.Site 0}}
-          <div class="brand" onclick="golink('index')">
+          <div class="brand" onclick="navbtnGolink('index')">
             <img data-theme="dark" src='{{Msg "seo" "cdn"}}/images/index/new/book.png?v={{Msg "seo" "version"}}' alt="" />
             <img data-theme="light" src='{{Msg "seo" "cdn"}}/images/index/new/book1.png?v={{Msg "seo" "version"}}' alt="" />
             <span>标讯主站</span>
           </div>
           {{end}}
           {{if ne $TopMenu.Site 1}}
-          <div class="index" onclick="golink('brand')">
+          <div class="index" onclick="navbtnGolink('brand')">
             <img data-theme="dark" src='{{Msg "seo" "cdn"}}/images/index/new/king.png?v={{Msg "seo" "version"}}' alt="" />
             <img data-theme="light" src='{{Msg "seo" "cdn"}}/images/index/new/king1.png?v={{Msg "seo" "version"}}' alt="" />
             <span>品牌官网</span>
           </div>
           {{end}}
-          <div class="zx" onclick="golink('zx')">
+          <div class="zx" onclick="navbtnGolink('zx')">
             <img data-theme="dark" src='{{Msg "seo" "cdn"}}/images/index/new/brand.png?v={{Msg "seo" "version"}}' alt="" />
             <img data-theme="light" src='{{Msg "seo" "cdn"}}/images/index/new/brand1.png?v={{Msg "seo" "version"}}' alt="" />
             <span>行业资讯</span>
-            </div> 
+          </div> 
         </div>
       </div>
         <div class="header-right-box fr">
@@ -229,7 +229,7 @@ $("#bidLogin .login-dig-input-box [name='verify_entname']").on('input', function
 })
 /* E-企业联想 */
 })
-function golink (type){
+function navbtnGolink (type){
   if(type == 'index'){
     // location.href = '/'
     window.open('/')

src/web/templates/pc/index.html

@@ -61,23 +61,25 @@
         <div class="hot-search">
           <div class="left-tit">热门搜索</div>
           <div class="right-con">
-            <a href="/jylab/supsearch/index.html?keywords=信息化&searchvalue=&selectType=title">信息化</a>
-            <a href="/jylab/supsearch/index.html?keywords=软件&searchvalue=&selectType=title">软件</a>
-            <a href="/jylab/supsearch/index.html?keywords=网络安全&searchvalue=&selectType=title">网络安全</a>
-            <a href="/jylab/supsearch/index.html?keywords=监控&searchvalue=&selectType=title">监控</a>
-            <a href="/jylab/supsearch/index.html?keywords=安防&searchvalue=&selectType=title">安防</a>
-            <a href="/jylab/supsearch/index.html?keywords=服务器&searchvalue=&selectType=title">服务器</a>
-            <a href="/jylab/supsearch/index.html?keywords=弱电&searchvalue=&selectType=title">弱电</a>
-            <a href="/jylab/supsearch/index.html?keywords=智能化&searchvalue=&selectType=title">智能化</a>
-            <a href="/jylab/supsearch/index.html?keywords=数据中心&searchvalue=&selectType=title">数据中心</a>
-            <a href="/jylab/supsearch/index.html?keywords=大数据&searchvalue=&selectType=title">大数据</a>
-            <a href="/jylab/supsearch/index.html?keywords=信息安全&searchvalue=&selectType=title">信息安全</a>
-            <a href="/jylab/supsearch/index.html?keywords=计算机&searchvalue=&selectType=title">计算机</a>
-            <a href="/jylab/supsearch/index.html?keywords=云计算&searchvalue=&selectType=title">云计算</a>
-            <a href="/jylab/supsearch/index.html?keywords=物联网&searchvalue=&selectType=title">物联网</a>
-            <a href="/jylab/supsearch/index.html?keywords=物业管理&searchvalue=&selectType=title">物业管理</a>
-            <a href="/jylab/supsearch/index.html?keywords=视频监控&searchvalue=&selectType=title">视频监控</a>
-            <a href="/jylab/supsearch/index.html?keywords=物业服务&searchvalue=&selectType=title">物业服务</a>
+            <div class="a_box">
+              <a href="/jylab/supsearch/index.html?keywords=信息化&searchvalue=&selectType=title">信息化</a>
+              <a href="/jylab/supsearch/index.html?keywords=软件&searchvalue=&selectType=title">软件</a>
+              <a href="/jylab/supsearch/index.html?keywords=网络安全&searchvalue=&selectType=title">网络安全</a>
+              <a href="/jylab/supsearch/index.html?keywords=监控&searchvalue=&selectType=title">监控</a>
+              <a href="/jylab/supsearch/index.html?keywords=安防&searchvalue=&selectType=title">安防</a>
+              <a href="/jylab/supsearch/index.html?keywords=服务器&searchvalue=&selectType=title">服务器</a>
+              <a href="/jylab/supsearch/index.html?keywords=弱电&searchvalue=&selectType=title">弱电</a>
+              <a href="/jylab/supsearch/index.html?keywords=智能化&searchvalue=&selectType=title">智能化</a>
+              <a href="/jylab/supsearch/index.html?keywords=数据中心&searchvalue=&selectType=title">数据中心</a>
+              <a href="/jylab/supsearch/index.html?keywords=大数据&searchvalue=&selectType=title">大数据</a>
+              <a href="/jylab/supsearch/index.html?keywords=信息安全&searchvalue=&selectType=title">信息安全</a>
+              <a href="/jylab/supsearch/index.html?keywords=计算机&searchvalue=&selectType=title">计算机</a>
+              <a href="/jylab/supsearch/index.html?keywords=云计算&searchvalue=&selectType=title">云计算</a>
+              <a href="/jylab/supsearch/index.html?keywords=物联网&searchvalue=&selectType=title">物联网</a>
+              <a href="/jylab/supsearch/index.html?keywords=物业管理&searchvalue=&selectType=title">物业管理</a>
+              <a href="/jylab/supsearch/index.html?keywords=视频监控&searchvalue=&selectType=title">视频监控</a>
+              <a href="/jylab/supsearch/index.html?keywords=物业服务&searchvalue=&selectType=title">物业服务</a>
+            </div>
           </div>
         </div>
        </div>
@@ -127,7 +129,7 @@
         </div>
         <!-- 独家行业洞察区域 -->
         <div class="jy-index-product CfadeInUp">
-          <h3 class="module-title">独家行业洞察</h3>
+          <h3 class="module-title">核心功能推荐</h3>
           <div class="w1200 product-container">
             <div class="other-product">
               <div class="product-item other-product-item buyer-product" data-href="/front/subscribe.html">
@@ -152,10 +154,10 @@
                 <div class="p-name">市场洞察</div>
                 <div class="p-detail">针对目标市场、区域进行市场分析、定制市场分析报告，精准分析客户、竞对、市场 ，帮助市场决策和拓展。</div>
               </div>
-              <div class="product-item main-product-item bigmember-product"  data-href="http://clpages.cn/yxtsjgwyxy">
+              <div class="product-item main-product-item bigmember-product"  data-href="/front/dataMarket/index">
                 <div class="p-link">了解详情</div>
-                <div class="p-name">医械行业版</div>
-                <div class="p-detail">面向医械领域的行业专版，汇集专业数据帮助医械厂商、经销商拓展优质经销商渠道、拓展合作关系，掌握市场格局和趋势。</div>
+                <div class="p-name"> 数据市场</div>
+                <div class="p-detail">数据开放共享与交易流通平台，为企业提供全面数据支持！支持数据自助下载、数据定制。</div>
               </div>
             </div>
           </div>