@charset "utf-8";
body{background-color: #000;}
.header .logo{margin-left: 20px;}
.mlr-20{margin-left: 20px; margin-right: 20px;}
b{font-weight: 700;}
.w1180{width:1180px;margin:0 auto;}
/*banner*/
.banner{width: 100%; height: 577px; background: url("https://static.allpcb.com/img/css/topic/img/topic/pcbcrafts/banner.webp") no-repeat center center #000;}
.banner .info{width: 620px; font-family: "Microsoft YaHei"; margin-top: 70px; color: #fff;}
.banner .info h1{font-size: 80px; line-height: 72px; color: #ffb50b;}
.banner .info h2{font-size: 48px; line-height: 50px;}
.banner .info h3{font-size: 36px; line-height: 35px; margin-bottom: 40px;}
.banner .info .style-comm{text-shadow: 2px 2px 10px #400065; text-transform : uppercase;}
.banner .info h4{font-size: 30px;}
.banner .info p{line-height: 18px;}

/*图片轮播*/
.piclists{margin-bottom: 80px;}
.pic-head{background:#222;height:35px;line-height:35px;border-bottom:1px solid #2b2b2b;color:#666;margin-bottom:10px}
.picHeard-title{text-align:center;color:#999;position:relative;font-size:16px;width:100%;font-family:"Microsoft YaHei"}
.picHeard-title font{color:#aaa;font-size:16px}
.picHeard-title span{color:#666;position:absolute;top:0;font-family:'simsun';font-size:12px}
.picHeard-title a{color:#fff}
.picHeard-title span{font-size:12px}
.picHeard-title span a{color:#666;font-size:12px}
.picHeard-title span label{display:inline-block;margin:0 5px}
.demo{text-align:center;width:1180px;position:relative;z-index:9}
.bottom-lists{width:1160px; margin: 50px auto 0; overflow:hidden}
.maxPic-box{position:relative}
.maxPic-box a{display:block;position:absolute;z-index:99999999;background:url("https://static.allpcb.com/img/css/topic/img/topic/pcbcrafts/maxBtn.webp") no-repeat;width:34px;height:52px;top:50%;margin-top:-26px;cursor:pointer}
.maxPic-box a.maxBtn-l{left:30px}
.maxPic-box a.maxBtn-l:hover{background-position:0 -52px;top:50%}
.maxPic-box a.maxBtn-r{right:30px;background-position:-34px 0}
.maxPic-box a.maxBtn-r:hover{background-position:-34px -52px;top:50%}
.minPic{width:1080px;height:80px; margin-top: 1px; overflow:hidden;position:relative; float: left;}
.maxPic{width:800px;margin:0 auto;height:533px; overflow: hidden;}
.maxPic span{width:0;height:100%;display:inline-block;vertical-align:middle}
.maxPic img{display:none;text-align:center;vertical-align:middle;}
.gallery_demo_unstyled{width:118000px;position:absolute;left:0}
.gallery_demo_unstyled li{float:left;overflow: hidden; cursor:pointer;border:2px solid #101010;margin-right:8px}
.gallery_demo_unstyled li a{ display: block;}
.gallery_demo_unstyled li.actives {border:2px solid #008C95;}
.gallery_demo_unstyled li img{ width: 114px; height: auto;}
.Up-tuzu,.Next-tuzu{display: none;}

.PicBtn-a{width:30px;height:80px;float:left}
.PicBtn-a a{background:url("https://static.allpcb.com/img/css/topic/img/orderonline/picbtn2.webp") no-repeat;display:block;width:30px;height:79px}
.PicBtn-a a.PicBtn-right{background-position:-30px 0}
.PicBtn-a-l{margin-right:10px}
.PicBtn-a-r{margin-left:10px}

.Pic-pageln{height:43px;overflow:hidden;width:800px;margin:0 auto}
.Pic-pageln font{color:#fff}
.Pic-pageln span{display:inline-block;height:43px;line-height:43px;color:#666}
.Pic-pageln span a{_padding-top:15px;display:inline-block;margin-left:15px;height:43px;line-height:43px;color:#666}
.w-width{margin-left:6px}
#viewNum{font-style:normal}
.btn-float{width:1180px;margin:0 auto;position:relative;z-index:999}
.btn-float a{display:block;position:absolute;top:300px;z-index:9999;background:url("https://static.allpcb.com/img/css/topic/img/topic/pcbcrafts/maxBtn.webp") no-repeat;width:35px;height:60px;margin-top:-70px;cursor:pointer}
.btn-float a.maxBtn-l{left:30px}
.btn-float a.maxBtn-l:hover{background-position:0 -60px;top:300px}
.btn-float a.maxBtn-r{right:30px;background-position:-35px 0}
.btn-float a.maxBtn-r:hover{background-position:-35px -60px;top:300px}

/*TOP 18 Creations*/
.top-creations{padding-bottom: 100px;}
.top-creations .hd .line{width: 100%; height: 1px; background-color: #fff; position: absolute; top: 36px; z-index: 1;}
.top-creations .hd h2{position: relative; z-index: 2; background-color: #000; width: 420px; text-align: center; margin: 0 auto; font-size: 48px; color: #fff;}
.top-creations ul{width: 1215px;}
.top-creations li{ width: 370px; height: 478px; float: left; margin-right: 35px; margin-bottom: 35px;}
.top-creations .info{border: 3px solid #fff; height: 472px; background-color: #ebf4f6;position: relative;}
.top-creations li:hover .info{border: 3px solid #008C95;}
.top-creations .description{width: 314px; height: 43px; overflow: hidden; padding: 25px; line-height: 18px; background-color: rgba(0,0,0,0.7);}
.top-creations .description p{color: #fff;}
.top-creations .description p.name{color: #f90; line-height:30px; font-weight:700;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
    .top-creations .description{ background-color:#000000; filter:Alpha(opacity=70); position:static; *zoom:1;  }
    .top-creations .description p{ position: relative;}
}