/*产品展示*/
.product-banner{ height: 364px; background: url(../images/product-bannerbg.jpg) center no-repeat #000;}
.product-banner .box{ position: absolute; left: 0; right: 0; width: 589px; font-size: 20px; padding: 120px 0 0; z-index: 99; margin: auto; text-align:center; color: #e2e2e2;}
.product-banner .box .registBtn{ margin-top: 30px; border: 1px solid #ff9900; width: 180px; height: 40px; background: none; color: #ff9900;}


.mb50 {
    margin-bottom: 60px;
}
.mt50 {
    margin-top: 60px;
}

.page-box-con{ background-color: #f2f3f7;}
.page-box-con.P30{ padding-bottom: 30px;}

/*大图*/
.banner{ overflow:hidden; height: 364px;}
.banner-body{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -70px; z-index: 8; text-align: center; color: #fff; font-weight: 100;}
.banner-body  h3{ height: 50px;}
.banner-body  p{ font-size: 18px; margin-top: 15px; text-transform:Uppercase ; }

/*关于我们banner*/
#banner-about{ background: url(../images/about-bannerbg.jpg) center no-repeat #000;}

/*公司简介*/
.company-introduction-wrap h3{ height: 86px; text-align: center; margin-bottom: 45px;}
/*.company-introduction-wrap h3 .dt{ border: 2px solid #dedede; height: 20px; display: inline-block; padding: 0 20px;  margin-top: 18px}*/
/*.company-introduction-wrap h3 .dt span{ position: relative; top: -15px; color: #a5a5a5; background-color: #fff; padding:0 4px;}*/
.company-introduction-wrap h3 .dt{ background: url(../images/5611790_1528254990.png)no-repeat center top; width: 240px; height: 68px; display: inline-block; padding: 0 20px;  margin-top: 18px}
.company-introduction-wrap .online-orderBtn {display: block; margin-bottom: 15px; margin-left: 15px; width: 240px; height: 42px; border: 0; background-color: #125ed6; color: #fff; text-indent: 10px; line-height: 40px; text-align: center;}
.company-introduction-wrap h3 .dt span{ position: relative; top: -22px; color: #345FC5; background-color: #fff; padding:0 4px;}
.company-introduction-wrap h3 .dt i{ position: relative; top: -12px; color: #888888; }
.company-introduction .dt{ float: left; width: 390px; font-size: 30px; color: #222224;;}
.company-introduction .dt .kh{ color: #c9001b; margin-top: 45px; font-weight: 700;}
.company-introduction .company-introduction-text{ width: 770px; float: right; text-align: justify; }
.company-introduction .company-introduction-text p{ text-indent: 24px;}

/*4大保障*/
.features-protection{ overflow: hidden; height: 542px; background:url(../images/securitybg.jpg) center no-repeat;}
.features-protection h3{ text-align: center; margin-bottom: 35px; margin-top: 35px;}
.features-protection h3 .dt{ background: url(../images/5611790_1528254990.png)no-repeat center top; width: 240px; height: 68px; display: inline-block; padding: 0 20px;  margin-top: 18px}
.features-protection h3 .dt span{ position: relative; top: -22px; color: #345FC5; background-color: transparent; padding:0 4px;}
.features-protection h3 .dt i{ position: relative; top: -12px; color: #888888; }

/*员工新天地*/
.company-headquarters{ overflow: hidden;}
.company-headquarters h3{ height: 80px; text-align: center; margin-bottom: 35px;}
.company-headquarters h3 .dt{ background: url(../images/5611790_1528254990.png)no-repeat center top; width: 240px; height: 68px; display: inline-block; padding: 0 20px;  margin-top: 18px}
.company-headquarters h3 .dt span{ position: relative; top: -22px; color: #345FC5; background-color: transparent; padding:0 4px;}
.company-headquarters h3 .dt i{ position: relative; top: -12px; color: #888888; }
.company-headquarters .company-headquarters-list li{ float: left; width: 278px; height: 228px; margin-right: 22px; margin-bottom: 15px;}
.company-headquarters .company-headquarters-list li img{ width: 278px; height: 228px; }
.company-headquarters .company-headquarters-list li:nth-child(4){ margin-right: 0;}
.company-headquarters .company-headquarters-list li:nth-child(8){ margin-right: 0;}
.company-headquarters .company-headquarters-list li:last-child{ margin-right: 0;}

/*Layout设计*/
#banner-layout-design{ height: 364px; background: url(../images/layout-bannerbg.jpg) center no-repeat #000;}

.Layout-design-wrap .layout-sroll{ 
	position: fixed;
	top:50px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 999999;
	_position: absolute;
	_bottom: auto;
	_top: expression(eval(document.documentElement.scrollTop));
}

.tabs{ height: 49px; position: absolute; left: 0; right: 0; top: -50px; z-index: 99; background-color: #ccc; border-bottom: 1px solid #bbb; color: #333; }
.tabs p{ float: left; cursor:pointer; position:relative; display: inline-block; width: 12.5%; text-align: center; line-height: 48px;}
.tabs p .spacer{ position: absolute; right: -1px; top: 50%; margin-top: -11px; width: 1px; height: 22px; background-color: #bbb;}
.tabs a{ display:inline-block; display:none; width:60px; height:60px; margin:10px 0 0 0; background:#fff; color:#000;  vertical-align:middle; }
.tabs a span{ display:block; width:28px; height:44px; line-height:22px;  font-family:'微软雅黑'; font-size:14px; line-height:22px; text-align:center; margin:8px 16px; _margin:-10px 0 0 16px;}
.tabs a:hover{ background-color:#000; color:#fff; zoom:1;}
.tabs p:hover{ color:#fff; background-color: #d40011; border-bottom: 2px solid #d30011; }
.tabs p:hover:after{ 
	position: absolute;
	left: 0;
	right: 0;
	z-index: 99999;
	bottom: -8px;
	background: none;
	margin: auto;
	content: '';
	width: 0;
	height: 0;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 6px solid #d40011;
}
.tabs p.cur2{ position: relative; color:#fff; background-color: #d40011; border-bottom: 2px solid #d30011; }

.tabs p.cur2:after {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 99999;
	bottom: -8px;
	background: none;
	margin: auto;
	content: '';
	width: 0;
	height: 0;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 6px solid #d40011;
	}  
  
.Design-process{ overflow: hidden; padding: 45px 0;}
.Design-process h3{ height: 80px; text-align: center; margin-bottom: 35px;}
.Design-process h3 .dt{ border: 2px solid #dedede; height: 20px; display: inline-block; padding: 0 20px;  margin-top: 18px}
.Design-process h3 .dt span{ position: relative; top: -15px; color: #a5a5a5; background-color: #fff; padding:0 4px;}
.Design-process .description li{ float: left; width: 550px; border:1px solid #ddd; padding: 0 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 14px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";/* For IE 8 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');/* For IE 5.5 - 7 */-moz-box-shadow: 3px 3px 0 #f7f7f7;/* for firefox */-webkit-box-shadow: 3px 3px 0 #f7f7f7;/* for safari or chrome */box-shadow: 3px 3px 0 #f7f7f7;/* for opera or ie9 */}
/* Layout设计流程及简介*/
.Design-process .description li .item{ height: 60px; display:table-cell; vertical-align: middle; }
.Design-process .description li.mr15{ margin-right: 15px;}
.Design-process .description li .nub{ float:left; width:38px; height: 43px; margin: 8px 20px 0 0; text-align: center; font-size: 16px; line-height: 43px; color: #fff; background: url(../images/advantage-list-dtbg.png) no-repeat; }

.Design-process .list{ padding: 30px 0;}
.Design-process .list li{ position: relative; float: left; text-align: center; width: 124px; margin-right: 30px; }
.Design-process .list li .jp-ico{ padding: 37px 13px 37px 0; margin-bottom: 6px; background: url(../images/stepbg.png) no-repeat; }
.Design-process .list li .over{ width: 111px; padding: 37px 0; background: #f5f5f5; border: 1px solid #ededed; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.Design-process .list li:last-child{ width: 111px; margin-right: 0; }
.Design-process .list li p{ text-align: center; padding-right: 13px;}
.Design-process .instructions{ margin-top: 10px;}
.Design-process .instructions li{ float: left; text-align: justify; margin-right: 16px; width: 227px; height: 105px; padding: 28px 30px;}
.Design-process .instructions li:last-child{ margin-right: 0;}
.Design-process .instructions li .dt{ font-weight: 700; text-align: center; margin-bottom: 8px;}
.Design-process .instructions li.col-a{ background-color: #dbe9f6;}
.Design-process .instructions li.col-b{ background-color: #faebe8;}
.Design-process .instructions li.col-c{ background-color: #fefab3;}
.Design-process .instructions li.col-d{ background-color: #c7efe6;}

/*PCB Layout设计能力*/
.Ability-design { overflow: hidden; padding: 45px 0; background: url(../images/ability-designbg.jpg) no-repeat;}
.Ability-design h3{ height: 80px; text-align: center; margin-bottom: 35px;}
.Ability-design h3 .dt{ border: 2px solid #dedede; height: 20px; display: inline-block; padding: 0 20px;  margin-top: 18px}
.Ability-design h3 .dt span{ position: relative; top: -15px; color: #a5a5a5; background-color: #f2f2f2; padding:0 4px;}
.Ability-design .item{ width: 555px;}
.Ability-design .item .list{ border-collapse: collapse; background-color: #fff; margin-bottom: 20px;}
.Ability-design .item .list td{ border: 1px solid #8c8c8c; padding: 25px 20px;}
.Ability-design .item .list td:nth-child(odd){ background-color: #eee;}
.Ability-design .item .note{ line-height: 2;}

/*PCB设计概述*/
.layout-describe{ overflow: hidden; padding: 45px 0; background-color: #f5f5f5;}
.layout-describe h3{ height: 35px; text-align: center; margin-bottom: 35px; background: url(../images/layout-describe-dt.png) center bottom no-repeat;}
.layout-describe h3 .dt{ border: 2px solid #dedede; height: 20px; display: inline-block; padding: 0 20px;  margin-top: 18px}
.layout-describe h3 .dt span{ position: relative; top: -15px; color: #a5a5a5; background-color: #f8f8f8; padding:0 4px;}
.layout-describe .box p{ margin-bottom: 8px; }

/*产品咨询广告*/
.layout-consulting{ height: 450px; background: url(../images/layout-adbg.jpg) center no-repeat #000;}
.layout-consulting .sonBtn{ position: absolute; left: 0; right: 0; bottom: 65px; margin: 0 auto; width: 215px; height: 46px; font-size: 20px; line-height: 46px; text-align: center; background-color: #d40011; color: #fff;}

/*PCB 设计周期*/
.Design-cycle{ overflow: hidden; padding: 45px 0; }
.Design-cycle h3{ height: 80px; text-align: center; margin-bottom: 35px;}
.Design-cycle h3 .dt{ border: 2px solid #dedede; height: 20px; display: inline-block; padding: 0 20px;  margin-top: 18px}
.Design-cycle h3 .dt span{ position: relative; top: -15px; color: #a5a5a5; background-color: #fff; padding:0 4px;}
.Design-cycle .item{ width: 585px;}
.Design-cycle .item .list{ border-collapse: collapse; background-color: #fff; margin-bottom: 20px; }
.Design-cycle .item .list td{ border: 1px solid #8c8c8c; padding: 14px 20px; text-align: center;}
.Design-cycle .item .list tr:first-child{ background-color: #767676; color: #fff;}
.Design-cycle .register{ width:598px; height: 453px; overflow: hidden; background: url(../images/layout-registerbg.jpg);}
.Design-cycle .register .box{ width: 215px; margin: 150px auto; color: #fff; text-align:center;}
.Design-cycle .register .box button{ width: 100%; height: 45px; background-color: #d40011; color: #fff;  border:0; margin-top: 35px;}

/*产品*/
.Product-show{ overflow: hidden; padding: 45px 0; background-color: #f5f5f5;}
.Product-show h3{ height: 80px; text-align: center; margin-bottom: 35px;}
.Product-show h3 .dt{ border: 2px solid #dedede; height: 20px; display: inline-block; padding: 0 20px;  margin-top: 18px}
.Product-show h3 .dt span{ position: relative; top: -15px; color: #a5a5a5; background-color: #f8f8f8; padding:0 4px;}
.Product-show .title{ margin-bottom: 25px; text-align: center;}
.Product-show .list li{ overflow: hidden; float: left; width: 288px; margin:0 15px 15px 0; background-color: #fff;}
.Product-show .list li img{ width: 100%;}
.Product-show .list li:nth-child(4n){ margin-right: 0;}
.Product-show .list li p{ line-height: 67px; text-align: center;}

/*服务*/
.service-block{ overflow: hidden; padding: 45px 0;}
.service-block .after-sales{ float: left; width: 560px; margin-right:80px;}
.service-block .after-sales:last-child{ margin-right: 0;}
.service-block .after-sales .box{ display: inline-block;  margin-left: 25px;}
.service-block .after-sales .box dt{ margin-bottom: 10px; font-weight: bold;}

/*工厂展示*/
.factory-show{ overflow: hidden; padding: 50px 0;}
.factory-show h3{ height: 86px; text-align: center; margin-bottom: 45px;}
.factory-show h3 .dt{ background: url(../images/5611790_1528254992.png)no-repeat center top; width: 240px; height: 68px; display: inline-block; padding: 0 20px;  margin-top: 18px}
.factory-show h3 .dt span{ position: relative; top: -22px; color: #345FC5; background-color: transparent; padding:0 4px;}
.factory-show h3 .dt i{ position: relative; top: -12px; color: #888888; }
.factory-show .list li{ float: left; width: 384px; background-color: #fff; margin: 0 24px 24px 0;}
.factory-show .list li:nth-child(3n){ margin-right: 0;}
.factory-show .list li .show{  width: 384px; height: 290px; overflow: hidden;}
.factory-show .list li .show img{ width: 384px; height: 290px; }
.factory-show .list li .name{ height: 70px; line-height: 70px; padding: 0 28px;}


/*瀑布流*/
.waterfull ul li{float: left; width: 375px; margin-bottom: 25px; background: #fff; position: relative; overflow: hidden; /*box-shadow: 0 0 10px #BCBCBC;*/}
.waterfull ul li .a-img{ overflow: hidden; width: 375px; height:280px; display: block; position: relative; cursor: pointer;}
.waterfull ul li .a-img img{ width: 375px;display: block;}
.waterfull ul li .li-title{padding: 5px 0;max-height: 48px;overflow: hidden;line-height: 24px;color: #898686;background: #fff;border-bottom: solid 1px #DBDBDB;}
.waterfull ul li .li-title:before{border-color: rgba(0,0,0,0) rgba(0,0,0,0) #EEE;border-style: solid;border-width: 10px;content: "";display: block;position: absolute;margin: -24px 0 0 10px;width: 0;}
.waterfull ul li .description{padding: 28px 27px; max-height: 66px;overflow: hidden; border-top:none; background-color: #fff; font-size: 18px;} 
.waterfull ul li .description dd{ color: #9fa0a0; margin-top: 5px;}
.waterfull ul li .description dd img{ cursor:pointer;}
.waterfull ul li .qianm{background: #fff;}
.waterfull ul li .qianm .sp1{float: left;height: 30px;line-height: 36px;color: #898686;}
.waterfull ul li .qianm .sp1 b{color: #5DAA21;font-weight: bold; padding: 0 5px 0;font-size: 1.3em;}
.waterfull ul li .qianm .sp2{float: right;height: 30px;padding: 0 5px;line-height: 36px;color: #898686;}
.waterfull ul li .qianm .sp3{float: right;height: 30px;line-height: 36px;color: #898686;}

/*案例弹窗*/
.case-blcok-up{ display: none; position: fixed; left: 0; right: 0; top: 50%; z-index: 9999999; margin: auto; margin-top: -340px; width: 900px; height: 660px; background-color: #fff;}
.case-blcok-up .case-box{ padding: 38px; position: relative;}
.case-blcok-up .case-box .bigImg{ width: 580px; height: 580px; border: 1px solid #efefef; text-align: center; display: table-cell; vertical-align: middle;}
.case-blcok-up .case-box .bigImg img{ max-width: 580px; max-height: 580px;}
.case-blcok-up .case-box .info{ width: 200px; height: 570px; position:absolute; right: 38px; top: 38px; z-index: 99;}
.case-blcok-up .case-box .info .close{ height: 22px; margin-bottom: 50px; cursor: pointer;}
.case-blcok-up .case-box .info .ms dt{ margin-bottom: 5px;}
.case-blcok-up .case-box .info .ms dd{ color: #9fa0a0;}
.case-blcok-up .case-box .page{ position: absolute; left: 0; bottom: 0; z-index: 99; width: 100%; border-top:1px solid #efeff0; padding-top: 20px;}
.case-blcok-up .case-box .page a{ width: 48%; display: inline-block;}
.case-blcok-up .case-box .page a.arrow-left{ border-right:1px solid #efeff0 ;}
.case-blcok-up .case-box .page a.arrow-right{ text-align: right;}
.caseBg{ display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; width: 100%; height: 100%; background:rgba(0,0,0,0.75);  opacity: 0.75; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75;}



/*工艺展示*/
.process-show-banner{ text-align: center; background-color: #171c1f;}
.process-show{ background-color: #fff; padding: 30px;}
.process-show .pcb-capabilitie-list{ border-collapse: collapse;}
.process-show .pcb-capabilitie-list th{ border: 1px solid #767676; background-color: #767676; color: #fff; padding: 8px 0;}
.process-show .pcb-capabilitie-list td{ padding: 15px 20px; border: 1px solid #e7e7e7; }

/*联系我们*/
#contact-banner{ overflow: hidden; height: 364px; background: url(../images/contact-bannerbg.jpg) center no-repeat #000;}
.contact-us{ overflow: hidden; padding: 45px 0;}
.contact-us h3{ height: 80px; text-align: center; margin-bottom: 35px;}
.contact-us h3 .dt{ border: 2px solid #dedede; height: 20px; display: inline-block; padding: 0 20px;  margin-top: 18px}
.contact-us h3 .dt span{ position: relative; top: -15px; color: #a5a5a5; background-color: #fff; padding:0 4px;}
.contact-us .companyinfo{ border-bottom: 1px solid #ededed; padding:0 0 45px 0;}
.contact-us .companyinfo .item{ float: left; width: 245px; }
.contact-us .companyinfo .item .jp-icon{ float: left; margin: 0 12px 0 0;}
.contact-us .companyinfo .item.adress{ width: 450px;}
.contact-us .companyinfo .item dl{ display: inline-block;}
.contact-us .companyinfo .item dl dt{ font-size: 22px; font-family: arial; line-height:0.9;}
.contact-us .split-box{ padding: 50px 0; border-bottom:1px solid #ededed;}
.contact-us .split-box .item{ float: left; width: 360px; margin: 0 60px 0 0 ;}
.contact-us .split-box .item:last-child{ margin-right: 0;}
.contact-us .split-box .item dl dd{ margin-top:20px;}
.contact-us .split-box .item dl dd .mr{ margin-right: 10px;}

/*下单方式*/
.contact-us .order-way{ padding: 40px 0; }


/*服务中心*/
#banner-service{ height: 364px; background: url(../images/service-bannerbg.jpg) center no-repeat #000;}

/*服务二级栏目*/
.service-wrap{ padding: 20px 0;}
.service-sidebar{ width: 250px;}
.service-sidebar h3.title{ height: 58px; background-color: #125ed6; padding: 40px 30px;}
.service-sidebar h3.title p{ color:#b3c3fc;}
.service-sidebar h3.title .dt{ font-size: 24px; color: #fff; margin-bottom: 10px;}
.service-sidebar .ser-navigation{ border:1px solid #e3e3e3; background-color: #fff;}
.service-sidebar .ser-navigation li{ position: relative; height: 56px; line-height: 56px; border-bottom:1px solid #f5f5f5;}
.service-sidebar .ser-navigation li:last-child{ border-bottom:0;}
.service-sidebar .ser-navigation li a{ display: block; padding: 0 22px;}
.service-sidebar .ser-navigation li a:hover{ background-color: #f5f5f5; color: #484848; }
.service-sidebar .ser-navigation li a.over{ background-color: #e3e3e3; color: #125ed6; font-weight:bold;}
.service-sidebar .ser-navigation li a.over:after{
	position: absolute;
	right: -8px;
	top: 50%;
	margin-top: -8px;
	z-index: 9;
	content: '';
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #e3e3e3;
}
.service-sidebar .ser-navigation li .currentDt{
	display: none;
}
.service-sidebar .ser-navigation li .jp-icon{ float: left; width:30px; height: 30px; line-height: 0; margin:12px 12px 0 0;}

.service-description{ width: 926px; border: 1px solid #e3e3e3; background-color: #fff;}
.service-description .title{ height: 60px; padding: 0 25px; border-bottom: 1px solid #e3e3e3;}
.service-description .title .dt{ float: left; line-height: 59px; border-bottom: 2px solid #125ed6; padding: 0 5px;}
.service-description .title .location{ margin: 28px 0 0 0;}
.service-description .title .location a{ color: #999;}
.service-description .title .location a:hover{ color: #d30011; text-decoration: underline;}
.service-description .modLine{ padding: 30px 35px; font-size: 14px; line-height: 2.2;}
.service-description .modLine .ccd{text-indent: 162px;}
.service-description .modLine .operation{ position: absolute; right:20px; top: 15px; text-align: right; }
.service-description .modLine .operation button{ background-color: #ff9900; color: #fff; border: 0; padding: 8px 20px; border-radius: 4px;}
.service-description .modLine .operation button i{ display: inline-block; margin-top: -3px; vertical-align:middle; margin-right: 6px; width: 16px; height: 16px; background:url(../images/tw@icon.png) no-repeat;}

.service-contact{     
	background: url(../images/about_pic.jpg) no-repeat top right #fff;
    border: 1px solid #e7e7e7;
    padding: 18px;
    margin-top: 10px;
}
.zc-tab{display: table; border-collapse: collapse;}
.zc-tab tbody{    box-sizing: border-box;}
.zc-tab th {border: 1px solid #767676; background-color: #767676; color: #fff; padding: 8px 0;border-color:#767676!important }
.zc-tab td {padding: 15px 20px; border: 1px solid #e7e7e7; }

/*下单流程*/
.order-progress .item{ margin-bottom: 30px;}
.order-progress .item dt{ margin-bottom: 12px; color: #d40011;}
.order-progress .item dd{ margin-bottom: 15px; font-size: 14px;}



/*贴片打样*/
.patch-proofing{ background:url(../images/preferential-bg.jpg) center no-repeat #000;}
.patch-proofing .patch-proofing-body{ height: 250px;background: url(../images/smt-ad.png) no-repeat;}
.patch-proofing .patch-proofing-body .regBtn{ border: 0; border-radius: 6px; font-size: 24px; width: 170px; height: 50px; margin: 170px 0 0 842px; background-color: #ce1f2a; color: #fff;}
.patch-proofing .patch-proofing-body .regBtn i{ width: 21px; height: 21px; background: url(../images/reg-arr@icon.png); vertical-align: middle; margin:-2px 0 0 8px; display: inline-block;}

.service-contact{background: url("../images/about_pic.jpg") no-repeat bottom right #fff; border: 1px solid #e7e7e7; padding: 18px;}
.service-contact dd{ position: relative; width: 205px; padding: 20px 0;}
.service-contact dd.line{  border-bottom: 1px solid #f5f5f5;}
.service-contact dd:last-child{ width: 128px; border-top: 1px solid #f5f5f5; }
.service-contact .ico{position: absolute; top: 19px; left: 0px;}
.service-contact .con{ padding-left: 38px;}
.service-contact p{margin-bottom: 0; line-height: 22px;}
.service-contact .qq-contact{background: none; width: 71px;  display: block; overflow: hidden; margin:0 10px 0 0;}
.service-contact .tel-ico{ width: 30px; height: 30px; background: url(../images/tel-contact@icon.png) no-repeat;}
.service-contact .qq-ico{ width: 30px; height: 30px; top: 10px; background: url(../images/qq-contact@icon.png) no-repeat;}
.service-contact .email-ico{ width: 30px; height: 30px; background: url(../images/email-contact@icon.png) no-repeat;}


/*SMT打样banner*/
#banner-SMT{ background: url(../images/serivce-bannerbg.jpg) center no-repeat #000;}


.SMT-proofing .After-sales-service{ padding: 50px 0; height: 402px; background: url(../images/after-sales-servicebg.png) no-repeat center;}
.SMT-proofing .After-sales-service h3{ height: 80px; text-align: center; margin-bottom: 50px;}
.SMT-proofing .After-sales-service h3 .dt{ border: 2px solid #cfcfcf; height: 20px; display: inline-block; padding: 0 20px;  margin-top: 18px}
.SMT-proofing .After-sales-service h3 .dt span{ position: relative; top: -15px; color: #a5a5a5; background-color: #343434; padding:0 4px;}
.SMT-proofing .After-sales-service .item{ float: left; width: 380px;}
.SMT-proofing .After-sales-service .item .jp-icon{ margin-top: 8px;}
.SMT-proofing .After-sales-service .item .info{ display:inline-block; margin-left: 20px;}
.SMT-proofing .After-sales-service .item .info dt{ color: #fff; margin-bottom: 15px;}
.SMT-proofing .After-sales-service .item .info dd{ color: #cbcbcb;}
.SMT-proofing .After-sales-service .item .info dd p{ margin-bottom: 15px;}
.SMT-proofing .After-sales-service .item:first-child{ width: 780px;}

/*SMT页面注册*/
.SMT-register{ position: absolute; right: 0; top: 25px; z-index: 9999; width: 410px; height:268px; background-color: rgba(255,255,255,0.3);  border-radius: 15px; padding: 20px;}
.SMT-register h3{ text-align: center; color: #fff; margin-bottom: 12px;}
.SMT-register .list li{ position: relative; float: left; border: 2px solid #807f7f; width: 190px; height: 32px; margin: 0 5px 10px; overflow: hidden; border-radius: 6px;}
.SMT-register .list li i{ float: left; width: 23px; height: 23px; margin: 5px 0 0 10px;}
.SMT-register .list li input{ width: 137px; height: 32px; padding: 0 10px; border:0; line-height: 32px; color: #bcbcbc; background: none;}
.SMT-register .list li .ver{ position: absolute; right: 3px; top: 3px; height: 26px; width:72px; border-radius: 5px; overflow: hidden;}
.SMT-register .list li .ver button{ width: 100%; height:26px; background-color: #aaa; border: 0;}
.SMT-register .list li .ver img{ width: 100%; height:26px; background-color: #aaa; border: 0;}

.reg-icon,.reg-icon2,.reg-icon3,.reg-icon4,.reg-icon5,.reg-icon6{ background:url(../images/register@icon.png) no-repeat; }
.reg-icon2{ background-position: -32px 0;}
.reg-icon3{ background-position: 0 -26px;}
.reg-icon4{ background-position: -32px -26px;}
.reg-icon5{ background-position: 0 -52px;}
.reg-icon6{ background-position: -32px -52px;}
.SMT-register .terms{ padding: 0 8px; color: #bcbcbc;}
.SMT-register .terms input{ margin:0 5px 0 0; display: inline-block; vertical-align: middle; }
.SMT-register .terms a{ color: #ed6d00;}
.SMT-register .terms a:hover{ text-decoration: underline;}
.SMT-register .regBtn{ text-align: center; margin-top: 10px;}
.SMT-register .regBtn button{ width: 250px; height: 40px; background-color: #f4750a; font-size: 20px; color: #fff; border: none; border-radius: 8px;}

/*在线问答*/
.question-answer{ background-color: #fff; }
.question-answer li{ padding: 25px 35px 25px 0; border-bottom: 1px dashed #d9d9d9; text-align:justify;}
.question-answer li .question-answer-box dt{ position: relative; margin-bottom: 15px; padding-left:35px;}
.question-answer li .question-answer-box dt .w-icon{ width: 23px; height:23px; position: absolute; left: 0; top:-5px; background:url(../images/question-user@icon.png); background-size: cover ;}
.question-answer li .question-answer-box dt .t-icon{ width: 23px; height:23px; position: absolute; left: 0; top:0; background:url(../images/wen@icon.png);}
.question-answer li .question-answer-box dd{ position: relative; padding-left:35px; }
.question-answer li .question-answer-box dd .d-icon{ width: 21px; height: 21px; position: absolute; left: 0; top:-3px; background:url(../images/question-answer@icon.png); }

/*普通发票 弹出框*/
.user-question-up {
	position: fixed;
	top: 50%;
	right: 0;
	left: 0;
	z-index: 999;
	display: none;
	margin: auto;
	margin-top: -170px;
	width: 650px;
	border: 9px solid #b4b4b4;
	background-color: #fff;
}

.user-question-up h4 {
	padding: 0 15px 0 20px;
	height: 35px;
	border-bottom: 1px solid #d9d9d9;
	background-color: #eaeaea;
	line-height: 35px;
}

.user-question-up h4 .close {
	cursor: pointer;
}

.user-question-up .user-question-body {
	padding: 30px 25px;
}

.user-question-up .user-question-body .txt{
	width: 98%;
	height: 150px;
	max-height: 150px;
	max-width: 100%;
	padding: 1%;
	border: 1px solid #ccc;
	 
}

.user-question-up .user-question-body em {
	padding: 10px 0;
}

.user-question-up .user-question-body em .qr-btn {
	margin: 0 10px;
	width: 120px;
	height: 35px;
	border: 0;
	background-color: #f60001;
	color: #fff;
}

/*会员公告*/
.member-announcement .list li{ overflow: hidden; border-bottom: 1px dashed #d9d9d9; }
.member-announcement .list li a{ padding: 25px 0 25px 15px; overflow: hidden; display: block; }
.member-announcement .list li:hover{ background-color: #f5f5f5;}
.member-announcement .list li .show{ width: 70px; overflow: hidden; margin-right: 32px; color: #727171; margin-top: 5px;}
.member-announcement .list li .show p{ margin-bottom: 10px;}
.member-announcement .list li .info{ float: left; overflow:hidden; width: 600px; padding-right: 80px; border-right:1px solid #f5f5f5 ;}
.member-announcement .list li .info dt{ position: relative; font-size: 18px; }
.member-announcement .list li .info dt:hover{ color: #f60000; text-decoration: underline;}
.member-announcement .list li .info dd{ margin-top: 10px; }
.member-announcement .list li .info dd.date{ color: #595757;}

/*新闻详情*/
.member-announcement-detail .mod{ position:relative;}
.member-announcement-detail .mod .operation{ height: 80px;}
.member-announcement-detail .mod .operation a{ float: right; width: 40px; height: 40px; display: block; margin:1px; background-color: #e3e3e3; text-align: center; line-height:40px; color: #727171; text-align: center;}
.member-announcement-detail .mod .operation a:hover{ background-color: #d40011; color: #fff;}
.member-announcement-detail .mod .item{ padding: 0 40px;}
.member-announcement-detail .mod .item .title{ text-align: center; border-bottom: 1px dashed #d9d9d9; padding-bottom: 10px;}
.member-announcement-detail .mod .item .title span{ font-size: 22px; }
.member-announcement-detail .mod .item .txt{ min-height:348px; padding: 30px 0 80px; text-align: justify; line-height: 1.8;}
.member-announcement-detail .mod .item .txt img{ max-width: 100%;}
.member-announcement-detail .page{ background-color: #f5f5f5; padding: 20px; border-top:1px solid #e3e3e3 ;}
.member-announcement-detail .page a{  float: left; width: 49%; display: block; border-right:1px dotted #aaa ;}
.member-announcement-detail .page a:last-child{  border-right:0 ;}
.member-announcement-detail .page a p{ margin-top:5px;}
.member-announcement-detail .page a:hover p{ text-decoration: underline;}
.member-announcement-detail .page a.next{ text-align: right;}

/*订单查询*/
.order-seach-wrap .order-hd{ overflow: hidden; padding: 15px 0; line-height: 34px;}
.order-seach-wrap .order-hd .seach{ width: 380px; height: 34px;}
.order-seach-wrap .order-hd .seach .txt{ background: url(../images/seach-fd@icon.png) no-repeat #FFF; width: 224px; height: 32px; line-height: 32px; padding: 0 32px; border: 1px solid #c1c1c1; border-right: none;}
.order-seach-wrap .order-hd .seach .seachBtn{ width: 90px; height: 34px; background-color: #d30011; border: 0; color: #fff;}
.order-seach-wrap .order-bd{ background-color: #fff; padding: 20px 30px;}
.order-seach-wrap .order-bd .title{ height: 34px; line-height: 34px; margin-bottom: 20px;}
.order-seach-wrap .order-bd .title .dt{ float: left;}
.order-seach-wrap .order-bd .title .dt i{ display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 6px; width: 25px; height: 27px; background: url(../images/seach-dt@icon.png) no-repeat;}
.order-seach-wrap .order-bd .list{ border-collapse: collapse; text-align: center;}
.order-seach-wrap .order-bd .list th{ background-color: #efefef; border: 1px solid #dbdbdb; padding: 15px; font-size: 14px; font-weight: normal;}
.order-seach-wrap .order-bd .list td{ border: 1px solid #dbdbdb; padding: 15px; text-align: center;}
.order-seach-wrap .order-bd .operation{ text-align:center; padding: 50px 0;}
.order-seach-wrap .order-bd .operation button{ width: 130px; height: 40px; margin: 0 10px; border: none; border-radius: 3px; font-size:16px;}
.order-seach-wrap .order-bd .operation button.print{ background-color: #d30011; color: #fff; }
.order-seach-wrap .order-bd .operation button.print i{ display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; width: 23px; height: 20px; background: url(../images/print@icon.png) no-repeat;}

/*客户晒单*/
.customer-reviews{
	margin-bottom: 15px;
	/*padding: 22px 0;*/
}
.customer-reviews h3{
	margin-bottom: 20px;
}
.customer-reviews h3 i{float: left; width: 24px; height: 22px; margin: 2px 6px 0 0; background: url(../images/comments-icon.png);}
.customer-reviews h3 span{ margin-left: 24px;}
.customer-reviews h3 .more{ margin-top: 2px;  border: 1px solid #e6e6e6; color: #999; line-height: 24px; border-radius: 15px; padding: 0 8px;}
.customer-reviews h3 .more:hover{ color: #df0012;}
.customer-reviews .comments .items{ float: left; width: 268px; margin: 0 25px 45px 0; background-color: #fff;}
.customer-reviews .comments .items .show{ overflow: hidden; width: 273px; height: 190px;}
.customer-reviews .comments .items .show a{ display: block; width: 273px; height: 190px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.customer-reviews .comments .items .show a:hover{  transform: scale(1.1); -ms-transform: scale(1.15);  -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15);}
.customer-reviews .comments .items .info{ padding: 10px 10px; border-bottom: 1px solid #e3e3e1;}
.customer-reviews .comments .items .info .box{ width: 150px;}
.customer-reviews .comments .items .info .box .head{ display: block; margin:2px 8px 0 0; float: left; width: 36px; height: 36px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.customer-reviews .comments .items .info .box p{ line-height: 1;}
.customer-reviews .comments .items .info .stars span{ float: left; margin-left: 3px;}
.customer-reviews .comments .items .service{ padding: 15px 18px;}
.customer-reviews .comments .items .service .best{ margin-bottom: 12px;}
.customer-reviews .comments .items .service .best span{ float: left; display: block; padding: 3px 8px; margin-right: 6px; background-color: #f5f5f5;}

/*客户晒单详情*/
.customer-reviews-detail{ padding-bottom: 30px;}
.customer-reviews-detail .location{ padding: 20px 0 10px;}
.customer-reviews-detail .location a{ color: #888;}
.customer-reviews-detail .location a:hover{ color: #d30011; text-decoration: underline;}
.customer-reviews-detail .sideLeft{ width:935px; border: 1px solid #e7e7e7;}
.customer-reviews-detail .sideLeft .user{ background-color: #f5f5f5; padding: 15px 20px;}

.customer-reviews-detail .sideLeft .user .item{ background-color: #fff; border: 1px solid #e7e7e7; padding: 20px;}
.customer-reviews-detail .sideLeft .user .info{ width: 250px;}
.customer-reviews-detail .sideLeft .user .info .avatar{position: absolute; top: 0; left: 0;}
.customer-reviews-detail .sideLeft .user .info .con{padding-left: 50px;}
.customer-reviews-detail .sideLeft .user .info .hd{ margin-bottom: 10px;}
.customer-reviews-detail .sideLeft .user .stars{ position: relative; top:-2px;}
.customer-reviews-detail .sideLeft .user .stars span{ float: left; margin-left: 3px;}
.customer-reviews-detail .sideLeft .user .browse{ margin-left: 30px;}
.customer-reviews-detail .sideLeft .user .share{ margin: 2px 0 0 30px;}
.customer-reviews-detail .sideLeft .user .browse-ico{ float:left; width: 24px; height: 14px; margin: 3px 3px 0 0; background: url(../images/eyes@icon.png);}
.customer-reviews-detail .sideLeft .user .evaluation-description{ width: 600px; text-align: justify;}
.customer-reviews-detail .sideLeft .user .evaluation-description .ms{ margin-top: 15px;}

/*图片小图预览列表*/
.preview{ width: 600px; margin: 30px auto;}
.preview .spec-preview{ width:600px;height:600px;border:1px solid #e7e7e7; text-align:center; display: table-cell;vertical-align:middle; *display: block;*font-size:305px;/*约为高度的0.873，200*0.873 约为175*/*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}

.spec-scroll{ position: relative; clear:both;margin-top:5px;width:600px;}
.spec-scroll .prev{ position: absolute; left: -20px; top: 50%; margin-top: -35px; background:url(../images/del-but-prev.png) center no-repeat;}
.spec-scroll .next{ position: absolute; right: -20px; top: 50%; margin-top: -35px; background:url(../images/del-but-next.png) center no-repeat;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:13px;height:54px; line-height:54px; font-size:20px; font-weight:bold;cursor:pointer;text-decoration:none;}
.spec-scroll .items{ margin-top: 12px; position:relative; height:98px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px; height:56px;}
.spec-scroll .items ul li{ float:left;width:102px; }
.spec-scroll .items ul li img{border:1px solid #e7e7e7;padding:2px;width:82px;height:82px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
.spec-scroll .items ul li img.img-hover{border:2px solid #e4393c;padding:0}

/*推荐*/
.customer-reviews-detail .sideRight{ width: 240px;}
.customer-reviews-detail .sideRight .reviews-recom .title{ height:28px; background:url(../images/del-bt-dx.png) 0 14px repeat-x; line-height:28px; margin-bottom:10px;}
.customer-reviews-detail .sideRight .reviews-recom .title span{ width:69px; margin:0 auto; display:block; text-align:center; background:#fff;}
.customer-reviews-detail .sideRight .reviews-recom .list li{ overflow: hidden; width:240px; border:1px solid #eaeaea; margin:15px 0 0 0; overflow:hidden; } 
.customer-reviews-detail .sideRight .reviews-recom .list li .info{ padding:12px 15px;}
.customer-reviews-detail .sideRight .reviews-recom .list li .info dd{ margin-top: 8px;}
.customer-reviews-detail .sideRight .reviews-recom .list li .browse{ margin-top: 10px;}
.customer-reviews-detail .sideRight .reviews-recom .list li .browse i{ display: inline-block; vertical-align: middle;  width: 24px; height: 14px; margin: -3px 3px 0 0; background: url(../images/eyes@icon.png);}