@charset "utf-8";
/*banner*/
.banner{height: 380px; z-index: 3;}
.banner .imglist{position:absolute; top: 0; right: 0; z-index: 4; width:100%; height:380px;}
.banner .imglist .imgdiv{width:100%; height:380px; z-index:5;}
.banner .imgdiv a{width:100%; height:380px; display:block; text-indent: -9999em; overflow: hidden;}
.banner .jsNav{position:relative; z-index: 7;}
.banner .jsNav-list{position:absolute; top:348px; z-index:6; width:100%; height:24px; text-align:center;}
.banner .jsNav a{width:14px;height:14px;line-height:14px;text-indent:-9999px;background:#6d6d6d;border-radius:50%;display:inline-block;text-align:center;margin:0 3px;color:#000;font-weight:700}
.banner .jsNav .imgSelected{color:#fff; background-color:#7ABFFE}
/*计价*/
.instant{position:absolute; left: 15px; top: 40px; z-index: 7; width: 514px; background-color: #fff; padding: 15px 12px 12px;}
.instant-hd{margin-left: 18px; margin-right: 18px; border-bottom: 2px solid #e4e4e4; padding-top: 10px; padding-bottom: 10px;}
.instant-hd h3{margin: 0; line-height: 20px;}
.instant-bd{background-color: #fff; padding: 18px 0 18px 18px;}
.instant-bd dd{float: left; width: 215px; height:55px; margin-right: 18px; margin-bottom: 10px;}
.instant-bd .option-size{width: 215px;}
.instant-bd .dimensions{width: 78px;}
.instant-bd .quote-now{margin-right: 24px;}
/*广告*/
.advertising{position: absolute; right: 0; top: 15px; z-index: 7; width: 236px;}
.advertising li{margin-bottom: 5px; border: 1px solid #565656;}
.advertising a{display: block;}
.advertising img{width: 234px; height: 112px;}
.advertising li:hover{border: 2px solid #0157a4;}
.advertising li:hover img{width: 232px; height: 110px;}

/*快准好*/
.service-purposes{border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}
.service-purposes .item{height: 141px; border-left:1px solid #e7e7e7 ; }
.service-purposes .item-w1{width:425px; overflow: hidden;}
.service-purposes .item-w2{width:425px; overflow: hidden;}
.service-purposes .item-w3{width:428px; overflow: hidden;}
.service-purposes .service-purposes-ico{position: absolute; top: 20px; left: 20px;}
.service-purposes .con{ overflow: hidden;}
.service-purposes .con p{ width:77px ; margin-right:40px ; text-align: center;}
.service-purposes .con p img{ margin-bottom: 10px; margin-top:7px ;}
.service-purposes form{width:250px;}
.service-purposes .search-input{width:170px;}

/*订单查询生产进度*/
.order-inquiry{padding-left:30px;}
.order-inquiry .jp-ico{width: 33px; height: 34px; background-position: -42px -66px; margin-right: 4px;}
.service-purposes .search-input{border-right: none;}
.service-purposes .search-btn{width: 80px; height: 32px; line-height: 32px;}

/*实时订单/生产中的订单*/
.order-form{width: 460px; }
.order-form dl{margin-bottom: 0;}
.order-form dt,.order-form dd{overflow: hidden;}
.order-form dt{width: 100%; height: 30px; line-height: 30px; background-color:#f1f1f1; color:#7d7979;}
.order-form .ww{display: block;  padding-left: 2%; padding-right: 1%; text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.order-form .w1{width:71px ;}
.order-form .w2{ width:90px ;}
.order-form .w3{ width:76px ;}
.order-form .w4{width:76px ;}
.order-form dd{height: 30px; line-height: 30px;}
.order-form .order-con{position:relative; height:175px; overflow: hidden;}
.order-production{border-top: 1px solid #dae2ed;}
.order-progress{position:relative; display: block; width: 100%; height: 12px; text-align: center; line-height: 12px; color: #fff; background-color: #b1b1b1; margin-top: 9px;}
.order-progress i{position: absolute; top: 0; left: 0; display: block; height: 12px; background-color: #0157a4;}
.order-progress em{position: relative; z-index: 6;}
/*PCB特价板*/
.special-board{width: 800px; border: 1px solid #e7e7e7; padding: 15px 0 25px 0;}
.special-board-list .item{width: 25%; padding-left: 2%; padding-right: 2%; border-right: 1px solid #e7e7e7;}
.special-board-list .item a{position: relative; z-index: 6; display: block;}
.special-board-list a.img{ z-index: 5; display: table-cell; width:134px; height:115px; vertical-align: middle; text-align: center;}
.special-board-list .img img {max-height:169px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.special-board-list .img:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*工厂展示*/
.factory-show .item1{width: 406px;}
.factory-show .item1 .img1 .img{height: 155px;}
.factory-show .item1 .img1 img{width: 200px; height: 155px;}
.factory-show .item1 .img2{height: 164px;}
.factory-show .item1 .img2 img{width: 406px; height: 164px;}

.factory-show .item2{width: 285px;}
.factory-show .item2 .img1{height: 245px;}
.factory-show .item2 .img1 img{width: 285px; height: 245px;}
.factory-show .item2 .img2{height: 235px;}
.factory-show .item2 .img2 img{width: 285px; height: 235px;}

.factory-show .item3{width: 285px;}
.factory-show .item3 .img1{height: 325px;}
.factory-show .item3 .img1 img{width: 285px; height: 325px;}
.factory-show .item3 .img2{height: 155px;}
.factory-show .item3 .img2 img{width: 285px; height: 155px;}

.factory-show .item4{width: 286px;}
.factory-show .item4 .img1{height: 230px;}
.factory-show .item4 .img1 img{width: 286px; height: 230px;}
.factory-show .item4 .img2{height: 250px;}
.factory-show .item4 .img2 img{width: 286px; height: 250px;}

.factory-show .item5{width:577px; height:486px; border: 1px solid #e7e7e7; padding: 20px;}

.factory-show .img-caption{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
.factory-show .img-caption {background-color:rgba(0,0,0,0.6);}
.factory-show .img-caption p {color:#fff; font-size: 20px;}
@media \0screen\,screen\9 {
    .factory-show .img-caption {background-color:#000; filter:Alpha(opacity=60); position:static; *zoom:1;}
    .factory-show .img-caption p {position:relative;}
}
/*.factory-show .img:hover .img-caption{display: block;}*/
.factory-show .item1 .img1 .img-caption{line-height: 155px;}
.factory-show .item1 .img2 .img-caption{line-height: 164px;}
.factory-show .item2 .img1 .img-caption{line-height: 245px;}
.factory-show .item2 .img2 .img-caption{line-height: 235px;}
.factory-show .item3 .img1 .img-caption{line-height: 325px;}
.factory-show .item3 .img2 .img-caption{line-height: 155px;}
.factory-show .item4 .img1 .img-caption{line-height: 230px;}
.factory-show .item4 .img2 .img-caption{line-height: 250px;}

.factory-show .btn-more{display:block; width: 200px; height: 50px; line-height: 50px; margin-left: auto; margin-right: auto;}
.factory-show .jp-ico{width: 17px; height: 20px; background-position: 0 -265px; margin-left: 10px;}

/*客户晒单*/
.customer-reviews{border: 1px solid #e7e7e7; overflow: hidden;}
.customer-reviews .title-hd{padding-left: 20px; padding-right:20px;}
.customer-reviews .view-more{position: absolute; right: 20px; top: 0px;}
.customer-reviews .item{background-color: #fff;}
.customer-reviews .conment{padding: 15px 0;}
.customer-reviews .img{position: relative; display: block; height: 200px; overflow: hidden;}
.customer-reviews .img img{ z-index:1; left:0; top:0; width: 100%; height: 200px; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.customer-reviews .img:hover img{transform: scale(1.1);}
.customer-reviews .order-info{width: 125px;}
.customer-reviews .order-info .avatar{position: absolute; top: 0; left: 0;}
.customer-reviews .order-info .con{margin-bottom:10px ; }
.customer-reviews .order-label li{float: left;}
.customer-reviews .order-label span{display: block; color: #2e2e2e; background-color: #e0e0e0; padding: 2px 6px; margin-right: 6px;}
.customer-reviews .order-label span:hover{color: #754600; background-color: #5a96cc;}
.customer-reviews .description a{display: -webkit-box; line-height: 18px; height: 54px; color:#000; -webkit-line-clamp:3; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}

.customer-reviews .owl-carousel{width:93%;margin:0 auto;}
.customer-reviews .owl-carousel .owl-wrapper-outer{margin:0 auto;}
.customer-reviews .owl-carousel .item{position:relative;width:280px;height:355px;margin:0 auto;overflow:hidden;}

/*四大保障*/
.four-guarantee{padding-top: 30px; padding-bottom: 30px;}
.four-guarantee .item{height: 102px; border-right: 1px solid #e7e7e7;}
.four-guarantee .item .jp-ico{position: absolute; top: 0; left: 0;}
.four-guarantee .item1{width: 255px;}
.four-guarantee .item1 .jp-ico{width: 50px; height: 50px; background-position: 0 -290px;}
.four-guarantee .item2{width: 295px;}
.four-guarantee .item2 .jp-ico{width: 47px; height: 50px; background-position: -54px -290px;}
.four-guarantee .item3{width: 295px}
.four-guarantee .item3 .jp-ico{width: 55px; height: 43px; background-position: -106px -290px;}
.four-guarantee .item4{width: 285px}
.four-guarantee .item4 .jp-ico{width: 78px; height: 36px; background-position: -166px -290px;}

.four-guarantee .item1 .con{padding-left: 62px;}
.four-guarantee .item2 .con{padding-left: 58px;}
.four-guarantee .item3 .con{padding-left: 67px;}
.four-guarantee .item4 .con{padding-left: 90px;}

/*下单流程*/
.how_use{width: 1280px; border: 1px solid #e7e7e7; padding: 15px 20px;}
.qo_link{width:12%;}
.qo_link a{width:100%;}
.stepbox{ width: 86%; padding-top:10px; margin: 0px auto;overflow: hidden;}
.stepbox .steptit{ text-align: center; font-size: 14px; color: #999; margin-bottom: 8px;}
.stepbox a{ width: 63px; text-align: center; color: #666; position: relative;cursor: default;}
.stepbox a span{ display: block; margin: 0px auto; width: 32px; height: 32px; background: url('/content/img/icon_workflow.png') no-repeat left 0;}
.stepbox a em{ display: block; margin-top: 12px; line-height: 16px; text-align:center;}
.stepbox span.jt{ width: 7%; height: 2px; background-color:#d8d8d8; margin-top:13px;}
.stepbox a span.stepicon1{background-position: 0 0;}
.stepbox a span.stepicon2{background-position: -32px 0;}
.stepbox a span.stepicon3{background-position: -64px 0;}
.stepbox a span.stepicon4{background-position: -96px 0;}
.stepbox a span.stepicon5{background-position: -128px 0;}
.stepbox a span.stepicon6{background-position: -160px 0;}
.stepbox a span.stepicon7{background-position: -192px 0;}
.stepbox a span.stepicon8{background-position: -224px 0;}
.stepbox a.active,.stepbox a:hover{text-decoration: none; }

/*20170617 ie6 7 hack*/
.ie6 .banner-con,.ie7 .banner-con{position: relative; z-index: 20;}
.ie6 .banner .jsNav a,.ie7 .banner .jsNav a{text-indent: 0; font-size: 12px; font-weight: 400;}
.ie6 .instant-bd .dimensions,.ie7 .instant-bd .dimensions{width: 52px;}
.ie6 .instant,.ie7 .instant{height: 268px;}
.ie6 .instant-bd,.ie7 .instant-bd{padding-top: 0px;}
.ie6 #Num,.ie7 #Num{width: 201px !important; height: 23px !important; padding-top: 0; border: 1px solid #ccc !important;}
.ie6 .instant-bd dd,.ie7 .instant-bd dd{width:227px;}
.ie6 .boardnumber,.ie7 .boardnumber{top: 31px;}
.ie6 .service-purposes .search-input,.ie7 .service-purposes .search-input{width: 150px; padding-top: 7px; padding-bottom: 8px;}
.ie6 .service-purposes .item-w4,.ie7 .service-purposes .item-w4{height:101px;}
.ie6 .order-form,.ie7 .order-form{width: 380px; overflow: hidden;}
.ie6 .special-board,.ie7 .special-board{width: 840px;}
.ie6 .special-board-list .item,.ie7 .special-board-list .item{width: 20%;}
.ie6 .factory-show .item5,.ie7 .factory-show .item5{width: 545px; height:454px; padding: 15px;}
.ie6 .factory-show .item5 img,.ie7 .factory-show .item5 img{height: 215px;}
.ie6 .how_use,.ie7 .how_use{width: 1238px;}
.ie6 .customer-reviews,.ie7 .customer-reviews{width: 1278px;}
.ie6 .four-guarantee .item1,.ie7 .four-guarantee .item1{width: 250px;}
.ie6 .navigation-r .entrance-cart em,.ie7 .navigation-r .entrance-cart em{top: -10px;}
.ie6 .footer-partner,.ie7 .footer-partner{height:60px;}

.ie6 .order-form .ww,.ie7 .order-form .ww{width: 21%}
/*.order-form .w2{width: 25%}
.order-form .w3{width: 25%}
.order-form .w4{width: 25%}*/