Commit af9e6cb7 by 梁建民

css

parent e0b4a8e0
......@@ -38,13 +38,13 @@
<li class="lineBlock">
<a href="product.html">产品展示</a>
<dl>
<dd><a target="_blank" href="product_1.html">华新</a></dd>
<dd><a target="_blank" href="product_2.html">三星</a></dd>
<dd><a target="_blank" href="product_3.html">厚生</a></dd>
<dd><a target="_blank" href="product_4.html">长电</a></dd>
<dd><a target="_blank" href="product_5.html">乐山</a></dd>
<dd><a target="_blank" href="product_6.html">风华</a></dd>
<dd><a target="_blank" href="product_7.html">国巨</a></dd>
<dd><a target="_blank" href="product_tep.html?id=1">华新</a></dd>
<dd><a target="_blank" href="product_tep.html?id=2">三星</a></dd>
<dd><a target="_blank" href="product_tep.html?id=3">厚生</a></dd>
<dd><a target="_blank" href="product_tep.html?id=4">长电</a></dd>
<dd><a target="_blank" href="product_tep.html?id=5">乐山</a></dd>
<dd><a target="_blank" href="product_tep.html?id=6">风华</a></dd>
<dd><a target="_blank" href="product_tep.html?id=7">国巨</a></dd>
</dl>
</li>
<li class="lineBlock"><a href="contact.html">联系我们</a></li>
......@@ -81,7 +81,7 @@
<div class="page-width">
<p class="tit"></p>
<div class="layui-carousel" id="aboutSlide" lay-filter="slide" lay-filter="autoplay">
<ul class="list" carousel-item="">
<ul class="list" carousel-item="">
<li>
<p class="t1">电容</p>
<p class="t2">主要代理销售风华、国巨、华科、三星等知名品牌</p>
......@@ -144,8 +144,8 @@
<div class="page-width clr">
<div class="fl l">
<i class="icn-1 lineBlock va-m"></i>
<!-- <span class="va-m">合作商场</span>
<span class="line va-m lineBlock"></span>-->
<!-- <span class="va-m">合作商场</span>
<span class="line va-m lineBlock"></span>-->
<span class="va-m">联系方式:18603034781</span>
<b class="lineBlock emptys"></b>
</div>
......
......@@ -38,13 +38,13 @@
<li class="lineBlock">
<a href="product.html">产品展示</a>
<dl>
<dd><a target="_blank" href="product_1.html">华新</a></dd>
<dd><a target="_blank" href="product_2.html">三星</a></dd>
<dd><a target="_blank" href="product_3.html">厚生</a></dd>
<dd><a target="_blank" href="product_4.html">长电</a></dd>
<dd><a target="_blank" href="product_5.html">乐山</a></dd>
<dd><a target="_blank" href="product_6.html">风华</a></dd>
<dd><a target="_blank" href="product_7.html">国巨</a></dd>
<dd><a target="_blank" href="product_tep.html?id=1">华新</a></dd>
<dd><a target="_blank" href="product_tep.html?id=2">三星</a></dd>
<dd><a target="_blank" href="product_tep.html?id=3">厚生</a></dd>
<dd><a target="_blank" href="product_tep.html?id=4">长电</a></dd>
<dd><a target="_blank" href="product_tep.html?id=5">乐山</a></dd>
<dd><a target="_blank" href="product_tep.html?id=6">风华</a></dd>
<dd><a target="_blank" href="product_tep.html?id=7">国巨</a></dd>
</dl>
</li>
<li class="lineBlock"><a href="contact.html">联系我们</a></li>
......
......@@ -219,13 +219,8 @@ body { overflow-x: hidden; }
.product-details-banner .page-width { position: relative; height: 255px; }
.product-details-banner .page-width .img { width: 1190px; height: 255px; display: block; margin: 0 auto; }
.product-details-banner .page-width .text { position: absolute; left: 0; right: 0; top: 73px; }
.product-details-banner .page-width .text .bg { width: 307px; height: 76px; background: url("../images/re.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg2 { width: 307px; height: 76px; background: url("../images/2.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg3 { width: 307px; height: 76px; background: url("../images/3.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg4 { width: 307px; height: 76px; background: url("../images/4.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg5 { width: 307px; height: 76px; background: url("../images/5.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg6 { width: 307px; height: 76px; background: url("../images/6.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg7 { width: 307px; height: 76px; background: url("../images/7.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text a { width: 307px; height: 76px; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text a img { width: 307px; height: 76px; display: block; }
.product-details-banner .page-width .text p { font-size: 20px; color: #fefeff; text-align: center; }
.product-details-con { padding-top: 24px; padding-bottom: 58px; }
......@@ -235,9 +230,9 @@ body { overflow-x: hidden; }
.product-details-con .page-width .l .text .tx-1 { color: #424242; font-size: 20px; }
.product-details-con .page-width .l .text .tx-2 { width: 221px; white-space: normal; color: #424242; font-size: 20px; }
.product-details-con .page-width .r { width: 746px; border: solid 3px #f4f4f4; padding: 66px 30px 120px 30px; }
.product-details-con .page-width .r img { max-width: 100%; }
.product-details-con .page-width .r img { max-width: 100%; margin-bottom: 15px; }
.product-details-con .page-width .r .text .t1 { font-size: 24px; color: #424242; margin-bottom: 34px; }
.product-details-con .page-width .r .text .t2 { font-size: 20px; color: #424242; text-indent: 2em; line-height: 36px; }
.product-details-con .page-width .r .text .t2 { font-size: 20px; color: #424242; text-indent: 2em; line-height: 36px; text-align: justify; }
.layui-carousel-ind ul { background: none !important; }
.layui-carousel-ind ul:hover { background: none !important; }
......
......@@ -894,61 +894,16 @@
left: 0;
right: 0;
top: 73px;
.bg {
width: 307px;
height: 76px;
background: url("../images/re.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
.bg2 {
width: 307px;
height: 76px;
background: url("../images/2.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
.bg3 {
width: 307px;
height: 76px;
background: url("../images/3.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
.bg4 {
width: 307px;
height: 76px;
background: url("../images/4.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
.bg5 {
width: 307px;
height: 76px;
background: url("../images/5.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
.bg6 {
width: 307px;
height: 76px;
background: url("../images/6.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
.bg7 {
a{
width: 307px;
height: 76px;
background: url("../images/7.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
img{
width: 307px;
height: 76px;
display: block;
}
}
p {
font-size: 20px;
......@@ -993,6 +948,7 @@
padding: 66px 30px 120px 30px;
img {
max-width: 100%;
margin-bottom: 15px;
}
.text {
.t1 {
......@@ -1005,6 +961,7 @@
color: #424242;
text-indent: 2em;
line-height: 36px;
text-align: justify;
}
}
}
......
......@@ -38,13 +38,13 @@
<li class="lineBlock">
<a href="product.html">产品展示</a>
<dl>
<dd><a target="_blank" href="product_1.html">华新</a></dd>
<dd><a target="_blank" href="product_2.html">三星</a></dd>
<dd><a target="_blank" href="product_3.html">厚生</a></dd>
<dd><a target="_blank" href="product_4.html">长电</a></dd>
<dd><a target="_blank" href="product_5.html">乐山</a></dd>
<dd><a target="_blank" href="product_6.html">风华</a></dd>
<dd><a target="_blank" href="product_7.html">国巨</a></dd>
<dd><a target="_blank" href="product_tep.html?id=1">华新</a></dd>
<dd><a target="_blank" href="product_tep.html?id=2">三星</a></dd>
<dd><a target="_blank" href="product_tep.html?id=3">厚生</a></dd>
<dd><a target="_blank" href="product_tep.html?id=4">长电</a></dd>
<dd><a target="_blank" href="product_tep.html?id=5">乐山</a></dd>
<dd><a target="_blank" href="product_tep.html?id=6">风华</a></dd>
<dd><a target="_blank" href="product_tep.html?id=7">国巨</a></dd>
</dl>
</li>
<li class="lineBlock"><a href="contact.html">联系我们</a></li>
......
......@@ -3,8 +3,36 @@
init: function () {
this.handleBind(this);
},
getRequest: function (value) {
if (window.location.pathname == "/s/") {
var url = unescape(location.search);
} else {
var url = decodeURI(location.search);
}
var object = {};
if (url.indexOf("?") != -1) {
var str = url.substr(1);
var strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
object[strs[i].split("=")[0]] = strs[i].split("=")[1]
}
}
return object[value];
},
getData: function (params, callback) {
$.ajax({
type: "POST",
url: "http://api.liexin.com/xht/companyinfo",
data: params,
xhrFields: {withCredentials: true},
success: function (data) {
if (data.err_code == 0) {
typeof callback == 'function' && callback(data);
}
}
});
},
handleBind: function (opt) {
//nav
$(".pc-nav-wrap").find('li').hover(function () {
$(this).children('dl').slideDown('slow');
......@@ -91,6 +119,41 @@
}
});
//产品详情
var id = opt.getRequest('id');
if (id) {
this.getData({
com_id: id
}, function (res) {
var html_combg = [], html_cominfo = [], html_cominfotext = [];
html_combg.push('<img src="' + res.data['company_bg_img'].images + '" alt="" class="img">' +
' <div class="text">' +
' <a href="javascript:;" class="bg"><img src="'+res.data.logo_pc+'" alt=""></a>' +
' <p>' + res.data.slogan + '</p>' +
' </div>');
html_cominfo.push('<p class="t1">' + res.data['company_info'].com_name + '</p>' +
' <div class="text">' +
' <p>' +
' <span class="tx-1 va-t">总部地址:</span>' +
' <span class="tx-2 lineBlock va-t">' + res.data['company_info'].com_addr + '</span>' +
' </p>' +
' <p>' +
' <span class="tx-1 va-t">成立时间:</span>' +
' <span class="tx-2 lineBlock va-t">' + res.data['company_info'].build_time + '</span>' +
' </p>' +
' </div>');
html_cominfotext.push('<img src="' + res.data['company_img'][0].images + '" alt="">' +
' <div class="text">' + res.data['company_info']['com_desc'] + '</div>');
$("#company_bg_img").append(html_combg.join(''));
$("#company_info").append(html_cominfo.join(''));
$("#company_info_text").append(html_cominfotext.join(''));
});
}
return this;
},
}, $(function () {
......
......@@ -38,13 +38,13 @@
<li class="lineBlock">
<a href="product.html">产品展示</a>
<dl>
<dd><a target="_blank" href="product_1.html">华新</a></dd>
<dd><a target="_blank" href="product_2.html">三星</a></dd>
<dd><a target="_blank" href="product_3.html">厚生</a></dd>
<dd><a target="_blank" href="product_4.html">长电</a></dd>
<dd><a target="_blank" href="product_5.html">乐山</a></dd>
<dd><a target="_blank" href="product_6.html">风华</a></dd>
<dd><a target="_blank" href="product_7.html">国巨</a></dd>
<dd><a target="_blank" href="product_tep.html?id=1">华新</a></dd>
<dd><a target="_blank" href="product_tep.html?id=2">三星</a></dd>
<dd><a target="_blank" href="product_tep.html?id=3">厚生</a></dd>
<dd><a target="_blank" href="product_tep.html?id=4">长电</a></dd>
<dd><a target="_blank" href="product_tep.html?id=5">乐山</a></dd>
<dd><a target="_blank" href="product_tep.html?id=6">风华</a></dd>
<dd><a target="_blank" href="product_tep.html?id=7">国巨</a></dd>
</dl>
</li>
<li class="lineBlock"><a href="contact.html">联系我们</a></li>
......
......@@ -38,13 +38,13 @@
<li class="lineBlock">
<a href="product.html">产品展示</a>
<dl>
<dd><a target="_blank" href="product_1.html">华新</a></dd>
<dd><a target="_blank" href="product_2.html">三星</a></dd>
<dd><a target="_blank" href="product_3.html">厚生</a></dd>
<dd><a target="_blank" href="product_4.html">长电</a></dd>
<dd><a target="_blank" href="product_5.html">乐山</a></dd>
<dd><a target="_blank" href="product_6.html">风华</a></dd>
<dd><a target="_blank" href="product_7.html">国巨</a></dd>
<dd><a target="_blank" href="product_tep.html?id=1">华新</a></dd>
<dd><a target="_blank" href="product_tep.html?id=2">三星</a></dd>
<dd><a target="_blank" href="product_tep.html?id=3">厚生</a></dd>
<dd><a target="_blank" href="product_tep.html?id=4">长电</a></dd>
<dd><a target="_blank" href="product_tep.html?id=5">乐山</a></dd>
<dd><a target="_blank" href="product_tep.html?id=6">风华</a></dd>
<dd><a target="_blank" href="product_tep.html?id=7">国巨</a></dd>
</dl>
</li>
<li class="lineBlock"><a href="contact.html">联系我们</a></li>
......
......@@ -38,13 +38,13 @@
<li class="lineBlock">
<a href="product.html">产品展示</a>
<dl>
<dd><a target="_blank" href="product_1.html">华新</a></dd>
<dd><a target="_blank" href="product_2.html">三星</a></dd>
<dd><a target="_blank" href="product_3.html">厚生</a></dd>
<dd><a target="_blank" href="product_4.html">长电</a></dd>
<dd><a target="_blank" href="product_5.html">乐山</a></dd>
<dd><a target="_blank" href="product_6.html">风华</a></dd>
<dd><a target="_blank" href="product_7.html">国巨</a></dd>
<dd><a target="_blank" href="product_tep.html?id=1">华新</a></dd>
<dd><a target="_blank" href="product_tep.html?id=2">三星</a></dd>
<dd><a target="_blank" href="product_tep.html?id=3">厚生</a></dd>
<dd><a target="_blank" href="product_tep.html?id=4">长电</a></dd>
<dd><a target="_blank" href="product_tep.html?id=5">乐山</a></dd>
<dd><a target="_blank" href="product_tep.html?id=6">风华</a></dd>
<dd><a target="_blank" href="product_tep.html?id=7">国巨</a></dd>
</dl>
</li>
<li class="lineBlock"><a href="contact.html">联系我们</a></li>
......
......@@ -38,13 +38,13 @@
<li class="lineBlock">
<a href="product.html">产品展示</a>
<dl>
<dd><a target="_blank" href="product_1.html">华新</a></dd>
<dd><a target="_blank" href="product_2.html">三星</a></dd>
<dd><a target="_blank" href="product_3.html">厚生</a></dd>
<dd><a target="_blank" href="product_4.html">长电</a></dd>
<dd><a target="_blank" href="product_5.html">乐山</a></dd>
<dd><a target="_blank" href="product_6.html">风华</a></dd>
<dd><a target="_blank" href="product_7.html">国巨</a></dd>
<dd><a target="_blank" href="product_tep.html?id=1">华新</a></dd>
<dd><a target="_blank" href="product_tep.html?id=2">三星</a></dd>
<dd><a target="_blank" href="product_tep.html?id=3">厚生</a></dd>
<dd><a target="_blank" href="product_tep.html?id=4">长电</a></dd>
<dd><a target="_blank" href="product_tep.html?id=5">乐山</a></dd>
<dd><a target="_blank" href="product_tep.html?id=6">风华</a></dd>
<dd><a target="_blank" href="product_tep.html?id=7">国巨</a></dd>
</li>
<li class="lineBlock"><a href="contact.html">联系我们</a></li>
</ul>
......
......@@ -38,13 +38,13 @@
<li class="lineBlock">
<a href="product.html">产品展示</a>
<dl>
<dd><a target="_blank" href="product_1.html">华新</a></dd>
<dd><a target="_blank" href="product_2.html">三星</a></dd>
<dd><a target="_blank" href="product_3.html">厚生</a></dd>
<dd><a target="_blank" href="product_4.html">长电</a></dd>
<dd><a target="_blank" href="product_5.html">乐山</a></dd>
<dd><a target="_blank" href="product_6.html">风华</a></dd>
<dd><a target="_blank" href="product_7.html">国巨</a></dd>
<dd><a target="_blank" href="product_tep.html?id=1">华新</a></dd>
<dd><a target="_blank" href="product_tep.html?id=2">三星</a></dd>
<dd><a target="_blank" href="product_tep.html?id=3">厚生</a></dd>
<dd><a target="_blank" href="product_tep.html?id=4">长电</a></dd>
<dd><a target="_blank" href="product_tep.html?id=5">乐山</a></dd>
<dd><a target="_blank" href="product_tep.html?id=6">风华</a></dd>
<dd><a target="_blank" href="product_tep.html?id=7">国巨</a></dd>
</dl>
</li>
<li class="lineBlock"><a href="contact.html">联系我们</a></li>
......
......@@ -38,13 +38,13 @@
<li class="lineBlock">
<a href="product.html">产品展示</a>
<dl>
<dd><a target="_blank" href="product_1.html">华新</a></dd>
<dd><a target="_blank" href="product_2.html">三星</a></dd>
<dd><a target="_blank" href="product_3.html">厚生</a></dd>
<dd><a target="_blank" href="product_4.html">长电</a></dd>
<dd><a target="_blank" href="product_5.html">乐山</a></dd>
<dd><a target="_blank" href="product_6.html">风华</a></dd>
<dd><a target="_blank" href="product_7.html">国巨</a></dd>
<dd><a target="_blank" href="product_tep.html?id=1">华新</a></dd>
<dd><a target="_blank" href="product_tep.html?id=2">三星</a></dd>
<dd><a target="_blank" href="product_tep.html?id=3">厚生</a></dd>
<dd><a target="_blank" href="product_tep.html?id=4">长电</a></dd>
<dd><a target="_blank" href="product_tep.html?id=5">乐山</a></dd>
<dd><a target="_blank" href="product_tep.html?id=6">风华</a></dd>
<dd><a target="_blank" href="product_tep.html?id=7">国巨</a></dd>
</dl>
</li>
<li class="lineBlock"><a href="contact.html">联系我们</a></li>
......
......@@ -38,13 +38,13 @@
<li class="lineBlock">
<a href="product.html">产品展示</a>
<dl>
<dd><a target="_blank" href="product_1.html">华新</a></dd>
<dd><a target="_blank" href="product_2.html">三星</a></dd>
<dd><a target="_blank" href="product_3.html">厚生</a></dd>
<dd><a target="_blank" href="product_4.html">长电</a></dd>
<dd><a target="_blank" href="product_5.html">乐山</a></dd>
<dd><a target="_blank" href="product_6.html">风华</a></dd>
<dd><a target="_blank" href="product_7.html">国巨</a></dd>
<dd><a target="_blank" href="product_tep.html?id=1">华新</a></dd>
<dd><a target="_blank" href="product_tep.html?id=2">三星</a></dd>
<dd><a target="_blank" href="product_tep.html?id=3">厚生</a></dd>
<dd><a target="_blank" href="product_tep.html?id=4">长电</a></dd>
<dd><a target="_blank" href="product_tep.html?id=5">乐山</a></dd>
<dd><a target="_blank" href="product_tep.html?id=6">风华</a></dd>
<dd><a target="_blank" href="product_tep.html?id=7">国巨</a></dd>
</dl>
</li>
<li class="lineBlock"><a href="contact.html">联系我们</a></li>
......
......@@ -38,13 +38,13 @@
<li class="lineBlock">
<a href="product.html">产品展示</a>
<dl>
<dd><a target="_blank" href="product_1.html">华新</a></dd>
<dd><a target="_blank" href="product_2.html">三星</a></dd>
<dd><a target="_blank" href="product_3.html">厚生</a></dd>
<dd><a target="_blank" href="product_4.html">长电</a></dd>
<dd><a target="_blank" href="product_5.html">乐山</a></dd>
<dd><a target="_blank" href="product_6.html">风华</a></dd>
<dd><a target="_blank" href="product_7.html">国巨</a></dd>
<dd><a target="_blank" href="product_tep.html?id=1">华新</a></dd>
<dd><a target="_blank" href="product_tep.html?id=2">三星</a></dd>
<dd><a target="_blank" href="product_tep.html?id=3">厚生</a></dd>
<dd><a target="_blank" href="product_tep.html?id=4">长电</a></dd>
<dd><a target="_blank" href="product_tep.html?id=5">乐山</a></dd>
<dd><a target="_blank" href="product_tep.html?id=6">风华</a></dd>
<dd><a target="_blank" href="product_tep.html?id=7">国巨</a></dd>
</dl>
</li>
<li class="lineBlock"><a href="contact.html">联系我们</a></li>
......@@ -52,53 +52,18 @@
</div>
</div>
<div class="product-details-banner">
<div class="page-width">
<img src="images/sh.jpg" alt="" class="img">
<div class="text">
<a href="javascript:;" class="bg"></a>
<p>品质,最严格的保证</p>
</div>
</div>
<div class="page-width" id="company_bg_img"></div>
</div>
<div class="product-details-con">
<div class="page-width clr">
<div class="fl l">
<p class="t1">华新科技有限公司</p>
<div class="text">
<p>
<span class="tx-1 va-t">总部地址:</span>
<span class="tx-2 lineBlock va-t">台湾桃园县杨梅高狮路566-1号</span>
</p>
<p>
<span class="tx-1 va-t">成立时间:</span>
<span class="tx-2 lineBlock va-t">1992</span>
</p>
<p>
<span class="tx-1 va-t">商标名称:</span>
<span class="tx-2 lineBlock va-t">WALSIN</span>
</p>
</div>
</div>
<div class="fr r">
<img src="images/product.png" alt="">
<div class="text">
<p class="t1">公司简介</p>
<p class="t2">
深刻了解技术能力的重要性,华新科技自2001年以来持续以维普营收3%投资于技术研发与创新,并持续关注电子产品应用趋势,以确保产品规格符合客户所需,致力于微型化、成本效益、绿色环保、保护元件及各式特殊产品开发。善用产业价值链的合纵连横,华新科技积极整合粉末供应商信昌陶瓷(PDC)、超微小电阻专家釜屋电机(Kamaya),并与ARROW等区域性大分销合作,共同提升产品规格与服务。8座主要生产基地布局于亚太地区,供货与仓储网络遍布全球。顺应3C产品轻、薄、微型化、多功整合的趋势,华新的元件产品补广泛应用于各式电子产品中,从电脑资讯,通讯设备、消费性电子商品以至于车用及工业应用,早已深入广大消费者的生活于无形,彻底实践「华新,常在您身边」的品牌承诺!
</p>
<p class="t2">
台湾证交所上市(2492.TT或WTC),列名于全球前五大及中国大陆第一大MLCC的制造商,华新科技产品线包括积层陶瓷电容器(MLCC)、芯片电阻(Chip Resistors)、感应及控制组件、高频设备及模组等产品。自1992年成立以来,华科持续以年营收3-5%百分比投资于技术研发方面,其产品对数字家电及通讯产业均扮演着不可或缺的重要角色。
</p>
</div>
</div>
<div class="fl l" id="company_info"></div>
<div class="fr r" id="company_info_text"></div>
</div>
</div>
<div class="footer">
<div class="page-width clr">
<div class="fl l">
<i class="icn-1 lineBlock va-m"></i>
<<!--span class="va-m">合作商场</span>
<span class="line va-m lineBlock"></span>-->
<span class="va-m">联系方式:18603034781</span>
<b class="lineBlock emptys"></b>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment