Commit 209ab4d3 by 梁建民

pcb

parent a36d6110
This diff is collapsed. Click to expand it.
@charset "utf-8"; @charset "utf-8";
body{background-color: #f8f8f8;} body {
.text-center{text-align: center;} background-color: #f8f8f8;
.cl-585858{color: #585858;} }
.cl-626262{color: #626262;}
.capability{padding-bottom: 100px;} .text-center {
.category{width: 300px; background-color: #fff;} text-align: center;
.category-list{width: 100%; border-bottom: 1px solid #d4d4d4;} }
.category-list a:hover{text-decoration: none;}
.category-list dt a,.category-list dd a{display: block; height: 46px; line-height: 46px; padding-left: 20px; padding-right: 15px;} .cl-585858 {
.category-list dt{background-color: #f1f1f1;} color: #585858;
.category-list dt span{color: #000;} }
.category-list.current dt{background-color: #9b7740;}
.category-list.current dt span{color: #fff;} .cl-626262 {
.category-list dd a{color: #808080;} color: #626262;
.category-list dd a:hover{background-color: #ffad33; color: #fff;} }
.category-list dd a.selected{background-color: #f90; color: #fff;}
.category-list .ico{position: absolute; top: 17px; right: 15px; display: block; width: 19px; height: 11px; background: url("../img/Capability/icons.png") no-repeat 0 0;} .capability {
.category-list.current .ico{background-position: -20px 0;} padding-bottom: 100px;
}
.capability-con{width: 1200px;margin:auto}
.item-box{border: 0px solid #ddd;background-color: #fff;padding:20px;} .category {
.item-box h2{color: #0079c8; border-bottom: 1px solid #ccc;} width: 300px;
.capability-con .share{border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 15px;} background-color: #fff;
.capability-con .valuation{border: 1px solid #e1e1e1; background-color: #f1f1f1; padding: 20px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} }
.btn-valuation{display: inline-block; background-color: #f90; color: #fff; padding: 8px 50px; font-size: 16px; margin-left: 30px; margin-right: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .category-list {
.btn-valuation:hover{background-color: #ffad33; color: #fff;} width: 100%;
border-bottom: 1px solid #d4d4d4;
.content-list li{float: left; width: 200px; margin-left: 11px; margin-right: 11px;} }
.content-list .img{width: 100%; height: 200px; background-size: cover;}
.content-list .con{max-height: 36px; line-height:18px; -webkit-line-clamp:2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;} .category-list a:hover {
text-decoration: none;
}
.category-list dt a, .category-list dd a {
display: block;
height: 46px;
line-height: 46px;
padding-left: 20px;
padding-right: 15px;
}
.category-list dt {
background-color: #f1f1f1;
}
.category-list dt span {
color: #000;
}
.category-list.current dt {
background-color: #9b7740;
}
.category-list.current dt span {
color: #fff;
}
.category-list dd a {
color: #808080;
}
.category-list dd a:hover {
background-color: #ffad33;
color: #fff;
}
.category-list dd a.selected {
background-color: #f90;
color: #fff;
}
.category-list .ico {
position: absolute;
top: 17px;
right: 15px;
display: block;
width: 19px;
height: 11px;
background: url("../images/Capability/icons.png") no-repeat 0 0;
}
.category-list.current .ico {
background-position: -20px 0;
}
.capability-con {
width: 1200px;
margin: auto
}
.item-box {
border: 0px solid #ddd;
background-color: #fff;
padding: 20px;
}
.item-box h2 {
color: #0079c8;
border-bottom: 1px solid #ccc;
}
.capability-con .share {
border-bottom: 1px solid #ebebeb;
padding-bottom: 20px;
margin-bottom: 15px;
}
.capability-con .valuation {
border: 1px solid #e1e1e1;
background-color: #f1f1f1;
padding: 20px 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.btn-valuation {
display: inline-block;
background-color: #f90;
color: #fff;
padding: 8px 50px;
font-size: 16px;
margin-left: 30px;
margin-right: 30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.btn-valuation:hover {
background-color: #ffad33;
color: #fff;
}
.content-list li {
float: left;
width: 200px;
margin-left: 11px;
margin-right: 11px;
}
.content-list .img {
width: 100%;
height: 200px;
background-size: cover;
}
.content-list .con {
max-height: 36px;
line-height: 18px;
-webkit-line-clamp: 2;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
overflow: hidden;
}
/*新版*/ /*新版*/
.titul{width:1070px;margin:0 auto 20px;} .titul {
.titul li a{color:#0d0d0d;text-decoration:none;height:46px;font-size:16px;line-height:46px;display:inline-block;} width: 1070px;
.titul li a:hover{color:#f90} margin: 0 auto 20px;
.titul .active a{color:#f90;border-bottom:4px solid #f90;} }
.banner{max-width:1920px;height:350px;background:url(/img/img/banner/picbanner.jpg) no-repeat center;margin:auto}
.capability{margin:-120px auto 0;}
td {
border: 1px solid #dddddd!important;
padding:2px 10px!important;
}
th{
box-sizing: border-box;
padding: 0px 20px;
height: 44px;
line-height: 44px;
background-color: #f0f0f0;
} .titul li a {
color: #0d0d0d;
text-decoration: none;
height: 46px;
font-size: 16px;
line-height: 46px;
display: inline-block;
}
.titul li a:hover {
color: #f90
}
.titul .active a {
color: #f90;
border-bottom: 4px solid #f90;
}
.banner {
max-width: 1920px;
height: 350px;
background: url(../images/banner/picbanner.jpg) no-repeat center;
margin: auto
}
.capability {
margin: -120px auto 0;
}
td {
border: 1px solid #dddddd !important;
padding: 2px 10px !important;
}
@media screen and (max-width: 1020px){ th {
.capability{width:100%;overflow:auto;} box-sizing: border-box;
padding: 0px 20px;
height: 44px;
line-height: 44px;
background-color: #f0f0f0;
}
@media screen and (max-width: 1020px) {
.capability {
width: 100%;
overflow: auto;
}
} }
\ No newline at end of file
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
<meta name="google-site-verification" content="XNE5qH9_Odx-8pk7VkeHWk62joNlbqzlBa4DzkhC1U4"/> <meta name="google-site-verification" content="XNE5qH9_Odx-8pk7VkeHWk62joNlbqzlBa4DzkhC1U4"/>
<link href="./css/pcb/newbase_v1.css" rel="stylesheet"/> <link href="./css/pcb/newbase_v1.css" rel="stylesheet"/>
<link href="./css/pcb/pcbonlineNew.css" rel="stylesheet" type="text/css"/> <link href="./css/pcb/pcbonlineNew.css" rel="stylesheet" type="text/css"/>
<link href="./css/Capability.css" rel="stylesheet" type="text/css"/>
<script src="./js/jquery.js" type="text/javascript"></script> <script src="./js/jquery.js" type="text/javascript"></script>
<script src="js/layer/layer.js" type="text/javascript"></script> <script src="js/layer/layer.js" type="text/javascript"></script>
</head> </head>
...@@ -973,12 +974,6 @@ ...@@ -973,12 +974,6 @@
<br> <br>
</p> </p>
</div> </div>
<div class="share text-center">
<div class="addthis_inline_share_toolbox" data-url="https://www.allpcb.com/standard_pcb_manufacturing_capability.html" data-title="Standard PCB Manufacturing Capability" style="clear: both;"><div id="atstbx" class="at-resp-share-element at-style-responsive addthis-smartlayers addthis-animated at4-show" aria-labelledby="at-0cc0284a-330a-4515-a883-8b16137d9e26" role="region"><span id="at-0cc0284a-330a-4515-a883-8b16137d9e26" class="at4-visually-hidden">AddThis Sharing Buttons</span><div class="at-share-btn-elements"><a role="button" tabindex="0" class="at-icon-wrapper at-share-btn at-svc-facebook" style="background-color: rgb(255, 255, 255); border-radius: 0px;"><span class="at4-visually-hidden">Share to Facebook</span><span class="at-icon-wrapper" style="line-height: 32px; height: 32px; width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-facebook-9" style="fill: rgb(102, 102, 102); width: 32px; height: 32px;" class="at-icon at-icon-facebook"><title id="at-svg-facebook-9">Facebook</title><g><path d="M22 5.16c-.406-.054-1.806-.16-3.43-.16-3.4 0-5.733 1.825-5.733 5.17v2.882H9v3.913h3.837V27h4.604V16.965h3.823l.587-3.913h-4.41v-2.5c0-1.123.347-1.903 2.198-1.903H22V5.16z" fill-rule="evenodd"></path></g></svg></span></a><a role="button" tabindex="0" class="at-icon-wrapper at-share-btn at-svc-twitter" style="background-color: rgb(255, 255, 255); border-radius: 0px;"><span class="at4-visually-hidden">Share to Twitter</span><span class="at-icon-wrapper" style="line-height: 32px; height: 32px; width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-twitter-10" style="fill: rgb(102, 102, 102); width: 32px; height: 32px;" class="at-icon at-icon-twitter"><title id="at-svg-twitter-10">Twitter</title><g><path d="M27.996 10.116c-.81.36-1.68.602-2.592.71a4.526 4.526 0 0 0 1.984-2.496 9.037 9.037 0 0 1-2.866 1.095 4.513 4.513 0 0 0-7.69 4.116 12.81 12.81 0 0 1-9.3-4.715 4.49 4.49 0 0 0-.612 2.27 4.51 4.51 0 0 0 2.008 3.755 4.495 4.495 0 0 1-2.044-.564v.057a4.515 4.515 0 0 0 3.62 4.425 4.52 4.52 0 0 1-2.04.077 4.517 4.517 0 0 0 4.217 3.134 9.055 9.055 0 0 1-5.604 1.93A9.18 9.18 0 0 1 6 23.85a12.773 12.773 0 0 0 6.918 2.027c8.3 0 12.84-6.876 12.84-12.84 0-.195-.005-.39-.014-.583a9.172 9.172 0 0 0 2.252-2.336" fill-rule="evenodd"></path></g></svg></span></a><a role="button" tabindex="0" class="at-icon-wrapper at-share-btn at-svc-email" style="background-color: rgb(255, 255, 255); border-radius: 0px;"><span class="at4-visually-hidden">Share to Email</span><span class="at-icon-wrapper" style="line-height: 32px; height: 32px; width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-email-11" style="fill: rgb(102, 102, 102); width: 32px; height: 32px;" class="at-icon at-icon-email"><title id="at-svg-email-11">Email</title><g><g fill-rule="evenodd"></g><path d="M27 22.757c0 1.24-.988 2.243-2.19 2.243H7.19C5.98 25 5 23.994 5 22.757V13.67c0-.556.39-.773.855-.496l8.78 5.238c.782.467 1.95.467 2.73 0l8.78-5.238c.472-.28.855-.063.855.495v9.087z"></path><path d="M27 9.243C27 8.006 26.02 7 24.81 7H7.19C5.988 7 5 8.004 5 9.243v.465c0 .554.385 1.232.857 1.514l9.61 5.733c.267.16.8.16 1.067 0l9.61-5.733c.473-.283.856-.96.856-1.514v-.465z"></path></g></svg></span></a><a role="button" tabindex="0" class="at-icon-wrapper at-share-btn at-svc-compact" style="background-color: rgb(255, 255, 255); border-radius: 0px;"><span class="at4-visually-hidden">Share to More</span><span class="at-icon-wrapper" style="line-height: 32px; height: 32px; width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-addthis-12" style="fill: rgb(102, 102, 102); width: 32px; height: 32px;" class="at-icon at-icon-addthis"><title id="at-svg-addthis-12">AddThis</title><g><path d="M18 14V8h-4v6H8v4h6v6h4v-6h6v-4h-6z" fill-rule="evenodd"></path></g></svg></span><span class="at4-share-count-container" style="font-size: 11.4px; line-height: 32px; color: rgb(102, 102, 102);">74</span></a></div></div></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59f6d267927a7183"></script>
</div>
<div class="valuation text-center"> <div class="valuation text-center">
<a class="btn-valuation" href="/online_pcb_quote.html" target="_blank">Instant Quote</a> <a class="btn-valuation" href="/online_pcb_quote.html" target="_blank">Instant Quote</a>
<a rel="nofollow" class="btn-valuation" href="/salesteam.html" target="_blank" style="background-color: #666;">Quote by Sales</a> <a rel="nofollow" class="btn-valuation" href="/salesteam.html" target="_blank" style="background-color: #666;">Quote by Sales</a>
......
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