.w1280 {
    margin: 0 auto;
    width: 1280px;
}

/*X页面*/
.J-banner-container{ position: relative; overflow: hidden; height: 580px;  }

.J-banner-container .swiper-container {
	overflow: hidden;
	height: 580px;
}

.J-banner-container .swiper-wrapper a {
	display: block;
	overflow: hidden;
	height: 580px;
}

.J-banner-container .pagination {
	position: absolute;
	width: 1280px;
	left: 0;
	right: 0;
	bottom: 30px;
	margin: auto;
	z-index: 9999;
	line-height: 0;
	padding-top: 3px;
	cursor: default;
	text-align: left;
}

.J-banner-container .swiper-pagination-switch {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: #fff;
	margin: 0 0 0 5px;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	opacity: 0.25;
}

.J-banner-container .swiper-active-switch {
	background: #fff;
	opacity: 0.8;
}

.J-banner-container .m-register-box .m-qq {
    width: 112px;
    height: 48px;
    background: #036EC7;
    border-radius: 5px;
    border: 1px solid #1CAEE8;
    font-size: 19px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 500px;
    cursor: pointer;
}

.J-banner-container .m-register-box .m-newly-register {
    width: 175px;
    height: 48px;
    background: #FF9D0C;
    border: 1px solid #FFF083;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 19px;
    position: absolute;
    left: 0px;
    top: 400px;
    cursor: pointer;
}

.m-newly-register a {
    color: #ffffff;
    text-decoration: none;
}

.J-banner-container .u-account-number {
    position: relative;
    overflow: hidden;
    margin: 13px 0px 2px;
    font-size: 14px;
    color: #636363;
    border: 1px solid #d5d5d5;
    background: #fff;
}

.J-banner-container .u-account-number label {
    float: left;
    width: 75px;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
}

.J-banner-container .u-account-number input {
    width: 245px;
    height: 36px;
    line-height: 36px;
    text-indent: 15px;
    outline: none;
    border: 0 none;
}

.J-banner-container .btn-phonecode {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 100px;
    height: 30px;
    border: none;
    background: #ffedd0;
    color: #E16008;
    padding: 0;
}

.J-banner-container .imgcode {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 100px;
    height: 30px;
    cursor: pointer;
}

.J-banner-container .user-register{position: absolute; left: 50%; top: 50px; z-index: 3; margin: auto; margin-left: 250px; width: 420px; background-color: #fff; border-radius: 18px;margin-left: 250px;}
.J-banner-container .user-register .user-register-box{ padding: 25px 38px 35px;}
.J-banner-container .user-register .user-register-box h3{ font-size: 20px; margin-bottom: 10px;}
.J-banner-container .user-register .user-register-box h3 span{ display: inline-block; vertical-align: middle; margin-top: -8px; font-size: 36px; line-height: 1; font-family: Arial; color: #ff8e13;}
.J-banner-container .user-register .user-register-box .register-form .lines-input{ position: relative; width: 100%; border: 1px solid #e8e8e8; margin-bottom: 16px;}
.J-banner-container .user-register .user-register-box .register-form .lines-input i{ width: 42px; height: 42px; float: left; }
.J-banner-container .user-register .user-register-box .register-form .lines-input i.iphone{ background: url(../images/user-register@icon.png); }
.J-banner-container .user-register .user-register-box .register-form .lines-input i.password{ background: url(../images/user-password@icon.png); }
.J-banner-container .user-register .user-register-box .register-form .lines-input i.message{ background: url(../images/user-message@icon.png); }
.J-banner-container .user-register .user-register-box .register-form .lines-input input{ width: 272px; height: 44px;border: 0; font-size: 16px; padding: 0 15px; font-size: 14px;}
.J-banner-container .user-register .user-register-box .register-form .submit{ width: 100%; height: 44px; background-color: #ff9b2f; color: #fff; border: 0; font-size: 16px; border-radius: 3px;}
.J-banner-container .user-register .user-register-box .register-form .lines-input .iphone-validation {position: absolute;top: 2px;right: 2px;z-index: 9;width: 110px;height: 40px; line-height: 40px; border: 0;border-radius: 3px;border: 1px solid #d5d5d5;background-color: #f9f9f9;color: #333;font-size: 14px;}

.J-special-process-container.spacer{ margin-top: 40px;}
.J-special-process-container .J-special-process-body{ padding: 0 0 0 0;}
.J-special-process-container .J-special-process-body .title{ text-align: center; margin-bottom: 20px;}
.J-special-process-container .J-special-process-body .title h3{ position: relative; z-index: 9; font-size: 40px; font-weight: bold;}
.J-special-process-container .J-special-process-body .title p{ display: inline-block; vertical-align: middle;  margin-top: -22px; font-size: 34px; text-transform:uppercase; color: #eee; font-weight: bold;}
.J-special-process-container .J-special-process-body .boxxx{ overflow: hidden; background-color: #f7f7f7; padding: 40px;}
.J-special-process-container .J-special-process-body .boxxx .show{ float: right; margin-top: -20px;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess{ float: left; width: 568px;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess .dt{ font-size: 24px; font-weight: bold; }
.J-special-process-container .J-special-process-body .boxxx .sideProcess .dt span{ display: inline-block; font-weight: normal; font-size: 14px; background-color: #fee9c5; color: #cb9c4d; padding: 2px 10px;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess .describe{ margin-top: 15px;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess .describe{ height: 36px;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess .describe span{ float: left; height: 34px; line-height:34px ; border: 1px solid  #e5aa04; color:  #e5aa04; padding-right:10px; font-size: 18px; margin-right: 10px;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess .describe span i{ float: left; margin-top: 0; width: 35px; height: 34px; margin-right: 10px; background: url(../images/special-process-check@icon.png) no-repeat  #e5aa04;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess .applica{ margin-top: 14px; color: #757575; font-size: 14px;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess .applica span{ display: inline-block; width: 70px; padding: 8px 0; margin: 0 10px 0 0; border-radius: 5px; text-align: center; border: 1px solid #e5e5e5; background-color: #f8f8f8;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess .applica span p{ margin-top: 3px;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess .security{ font-size: 16px; margin-top: 20px; color: #444;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess .security p{ margin-bottom: 8px;}
.J-special-process-container .J-special-process-body .boxxx .sideProcess .security p i{ display: inline-block; vertical-align: middle; margin: -2px 2px 0 0; width: 15px; height: 15px; background: url(../images/special-process-security@icon.png);}
.J-special-process-container .J-special-process-body .boxxx .sideProcess a.buyBtn{ display:block; width: 245px; height: 52px; line-height: 52px; margin: 20px 0 0 0; font-size: 18px; text-align: center; color: #fff; border-radius: 6px; background-color: #cd8d05; box-shadow: 0 2px 10px rgba(205, 141, 5, 0.25); background-image: linear-gradient(to right, #cd8d05 , #ebbf04);}
.J-special-process-container .J-special-process-body .boxxx .sideProcess a.buyBtn:hover{ box-shadow: 0 2px 8px rgba(255, 106, 0, 0.5);}

.J-special-process-container .J-special-process-body .boxxx .bd{ overflow: hidden; margin-top: 25px;}
.J-special-process-container .J-special-process-body .boxxx .layer-item{ position: relative; overflow: hidden; float: left; width: 390px; padding: 20px; background-color: #eaeaea; font-size: 14px;}
.J-special-process-container .J-special-process-body .boxxx .layer-item.spacer{ margin-right: 15px;}
.J-special-process-container .J-special-process-body .boxxx .layer-item .dt{ font-size: 16px; font-weight: bold; margin-bottom: 14px;color: #222;}
.J-special-process-container .J-special-process-body .boxxx .layer-item .describe{ margin-top: 10px;}
.J-special-process-container .J-special-process-body .boxxx .layer-item .delivery{ margin-top: 10px;}
.J-special-process-container .J-special-process-body .boxxx .layer-item .delivery i{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 5px; background: url(../images/special-process-delivery@icon.png);}
.J-special-process-container .J-special-process-body .boxxx .layer-item .layerImg{ position:absolute; right: 10px; top: 35px; width: 180px;}


.J-speed-container{ margin: 60px 0;}
.J-speed-container .J-speed-body .title h3{ text-align: center; font-size: 32px;}
.J-speed-container .J-speed-body .speedItem{ position: relative; width: 435px; height: 65px; margin: 0 auto; border: 2px solid #666; margin-top: 30px; margin-bottom: 30px; text-align: center;}
.J-speed-container .J-speed-body .speedItem .dt{ position: absolute; top: -20px; left: 0; right: 0; margin: auto; z-index: 2; width: 258px; margin: 0 auto; background-color: #fff; text-align: center; font-size: 24px;}
.J-speed-container .J-speed-body .speedItem .dd{ width: 345px; margin: 0 auto; background-color: #fff; font-size: 42px;  color: #e5aa04; font-weight: bold;  margin-top: 25px;}
.J-speed-container .J-speed-body .txt{ text-align: center; font-size: 45px; font-weight: bold; margin-top: 15px;}
.J-speed-container .J-speed-body .txt span{ color: #e5aa04;}
.J-speed-container .J-speed-body .lines{ width: 1030px; height: 32px; margin: 0 auto; margin-top: 25px; }
.J-speed-container .J-speed-body .lines p{ position: relative; float: left; padding: 0 15px; color: #fff; text-align: center; margin-right: 65px; background-color: #6d6d6d; line-height: 32px; font-size: 18px; border-bottom-right-radius:20px; border-top-right-radius:20px;}
.J-speed-container .J-speed-body .lines p .spacer{ position: absolute; left: -37px; top: 0; width:37px; z-index: 2; height: 33px; background: url(../images/active-grounp@icon.png) 0 -54px; }

.J-speed-container .J-speed-body .list{ height: 570px; margin-top: 45px;}
.J-speed-container .J-speed-body .list li{ float: left; width: 420px; margin-right: 10px;}
.J-speed-container .J-speed-body .list li .item{ padding: 0 37px; color: #fff;}
.J-speed-container .J-speed-body .list li .item .dt { display: inline-block; font-size: 16px; margin-top: 20px;}
.J-speed-container .J-speed-body .list li .item .dt h3{ display: inline-block; font-size: 30px; font-weight: bold;}
.J-speed-container .J-speed-body .list li .item .dis{ font-size: 16px; margin-top: 15px;}
.J-speed-container .J-speed-body .list li .item .dis p{ margin-bottom:10px;}
.J-speed-container .J-speed-body .list li .item .dis p i{ display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; width: 15px; height: 13px; background: url(../images/active-grounp@icon.png) 0 -36px;}
.J-speed-container .J-speed-body .list li .item .dis p span{ border: 1px dashed #f0ae02; color: #f0ae02; padding: 5px 10px; border-radius: 3px;}
.J-speed-container .J-speed-body .list li .item .oper{ width: 125px; margin-top: 10px;}
.J-speed-container .J-speed-body .list li .item .oper p.price{ color: #ffb900; font-size: 46px; font-weight: bold; text-align: center; line-height: 1.3;}
.J-speed-container .J-speed-body .list li .item .oper p.priceOld{  text-decoration: line-through;}
.J-speed-container .J-speed-body .list li .item .oper p small{ font-size: 24px;}
.J-speed-container .J-speed-body .list li .item .oper a.btn{ display: block; height: 40px; line-height: 40px; font-size: 20px; text-align: center; background-color: #ffb900; border-radius: 3px;}

.J-speed-container .J-speed-body .list li .item.adv1{ height: 570px; background: url(../images/adv1@bg.jpg);}
.J-speed-container .J-speed-body .list li .item.adv1 .dt{ margin-top: 50px;}
.J-speed-container .J-speed-body .list li .item.adv2{ height: 280px; background: url(../images/adv2@bg.jpg);}
.J-speed-container .J-speed-body .list li .item.adv3{ height: 280px; margin-top: 10px; background: url(../images/adv3@bg.jpg);}
.J-speed-container .J-speed-body .list li .item.adv4{ height: 280px; background: url(../images/adv4@bg.jpg);}
.J-speed-container .J-speed-body .list li .item.adv5{ height: 280px; margin-top: 10px; background: url(../images/adv5@bg.jpg);}
.J-speed-container .J-speed-body .list li:last-child{ margin-right: 0;}

.J-adv-container{ margin-top: 0;}
.J-adv-container a{ display: block;}

/*捷多邦PCBA · 您想要的我们都有*/
.J-wantTo-container{ padding: 50px 0; background-color: #f6f6f6;}
.J-wantTo-container .J-wantTo-body .title{ margin-bottom: 20px; text-align: center;}
.J-wantTo-container .J-wantTo-body .title  h3{ font-size: 36px; font-weight: bold;}
.J-wantTo-container .J-wantTo-body .title  h3 span{ color:#e5aa04;}
.J-wantTo-container .J-wantTo-body .title p{ display: inline-block; vertical-align: middle;  margin-top: -22px; font-size: 34px; text-transform:uppercase; color: #eee; font-weight: bold;}
.J-wantTo-container .J-wantTo-body .box{ height: 445px; background-color: #fff; }
.J-wantTo-container .J-wantTo-body .box .show{ margin: 0 0 0 20px; }
.J-wantTo-container .J-wantTo-body .box .custom-made{ overflow: hidden;}
.J-wantTo-container .J-wantTo-body .box .custom-made .tabs{ height: 60px; padding-left: 539px;}
.J-wantTo-container .J-wantTo-body .box .custom-made .tabs li{ float: left; cursor: pointer; width: 370px; height: 60px; line-height: 60px; font-size: 24px; text-align: center; background-color: #383838; color: #fff;}
.J-wantTo-container .J-wantTo-body .box .custom-made .tabs li:first-child{ margin-right: 1px;}
.J-wantTo-container .J-wantTo-body .box .custom-made .tabs li.active{ background-color: #e5aa04;}
.J-wantTo-container .J-wantTo-body .box .custom-made .listBox{ display: none;}
.J-wantTo-container .J-wantTo-body .box .custom-made .listBox .plate{ overflow: hidden; width: 665px; padding: 35px 0 0 75px;}
.J-wantTo-container .J-wantTo-body .box .custom-made .listBox .plate li{ position: relative; float: left; width: 280px; margin-bottom: 28px;}
.J-wantTo-container .J-wantTo-body .box .custom-made .listBox .plate li .p-name{ font-size: 20px;}
.J-wantTo-container .J-wantTo-body .box .custom-made .listBox .plate li .p-des{ font-size: 14px; color: #777;}
.J-wantTo-container .J-wantTo-body .box .custom-made .listBox .plate li i{ position: absolute; left: -52px; top: 0; z-index: 2; color: #e5b208; font-size: 34px;}
.J-wantTo-container .J-wantTo-body .box .custom-made .listBox .technology{ overflow: hidden; width: 715px; padding: 35px 0 0 55px;}
.J-wantTo-container .J-wantTo-body .box .custom-made .listBox .technology li{ position: relative; float: left; width: 320px; margin-bottom: 28px;}
.J-wantTo-container .J-wantTo-body .box .custom-made .listBox .technology li .p-name{ font-size: 20px;}
.J-wantTo-container .J-wantTo-body .box .custom-made .listBox .technology li .p-des{ font-size: 14px; color: #777;}
.J-wantTo-container .J-wantTo-body .box .custom-made .listBox .technology li i{ position: absolute; left: -32px; top: 4px; z-index: 2; width: 23px; height: 21px; color: #ffbb60; font-size: 34px; background:url(../images/custom-made@icon.png);}
.J-wantTo-container .J-wantTo-body .box .custom-made a.buyBtn{ display: block;width: 245px;height: 52px;line-height: 52px;margin: 20px 25px 0 450px;font-size: 18px;text-align: center;color: #fff;border-radius: 6px; background-color: #cd8d05; box-shadow: 0 2px 10px rgba(205, 141, 5, 0.25); background-image: linear-gradient(to right, #cd8d05 , #ebbf04);}


/*捷多邦PCBA · 一站式服务*/
.J-OneStopService-container{ padding: 50px 0 0; background-color: #fff;}
.J-OneStopService-container .J-OneStopService-body .title{ margin-bottom: 20px;}
.J-OneStopService-container .J-OneStopService-body .title  h3{ font-size: 36px; font-weight: bold;}
.J-OneStopService-container .J-OneStopService-body .title p{ font-size: 20px; font-weight: bold;}
.J-OneStopService-container .J-OneStopService-body .box{ position: relative;}
.J-OneStopService-container .J-OneStopService-body .box .list{ width: 850px; overflow: hidden; }
.J-OneStopService-container .J-OneStopService-body .box .list li{ width:353px; margin:0 55px 50px 0;}
.J-OneStopService-container .J-OneStopService-body .box .list li i{ float: left; width: 80px; height: 80px; margin:10px 20px 0 0;}
.J-OneStopService-container .J-OneStopService-body .box .list li p{ display: inline-block; width: 245px;}
.J-OneStopService-container .J-OneStopService-body .box .list li .p-name{ font-size: 20px; color: #ec6b2c;}
.J-OneStopService-container .J-OneStopService-body .box .list li .p-des{ font-size: 16px; }
.J-OneStopService-container .J-OneStopService-body .box .show{ position: absolute; right: 0; top: 0; width: 726px; height: 420px;}
.J-OneStopService-container .J-OneStopService-body .box .show .p-name{ overflow: hidden; height: 100px; border-bottom:4px solid #ececec; text-align: right; margin-bottom: 3px; font-weight: bold; color: #f9f9f9; font-size: 140px; line-height: 1;}


.J-OneStopService-container .J-pssrocessing-capacity-body{ height:230px; background: url(../images/processing-capacity@bg.jpg) center no-repeat; }
.J-OneStopService-container .J-pssrocessing-capacity-body .box .list{ padding: 44px 0;}
.J-OneStopService-container .J-pssrocessing-capacity-body .box .list li{ display: inline-block; vertical-align: top; width:353px; margin:0 5px 50px 0; color: #fff;}
.J-OneStopService-container .J-pssrocessing-capacity-body .box .list li i{ float: left; width: 49px; height: 47px; margin:10px 20px 0 0;}
.J-OneStopService-container .J-pssrocessing-capacity-body .box .list li p{ display: inline-block; width: 245px; }
.J-OneStopService-container .J-pssrocessing-capacity-body .box .list li .p-name{ font-size: 20px; color: #fff;}
.J-OneStopService-container .J-pssrocessing-capacity-body .box .list li .p-des{ font-size: 16px; margin-top: 5px;}

.J-intelligent-manufacturing-container .J-intelligent-manufacturing-body{ overflow: hidden; padding: 40px 0; background-color: #fff;}
.J-intelligent-manufacturing-container .J-intelligent-manufacturing-body .title{ text-align: center; margin-bottom: 25px;}
.J-intelligent-manufacturing-container .J-intelligent-manufacturing-body .title h3{ font-size: 36px; font-weight: bold;}
.J-intelligent-manufacturing-container .J-intelligent-manufacturing-body .title h3 span{ color: #e5aa04;}
.J-intelligent-manufacturing-container .J-intelligent-manufacturing-body .title p{ display: inline-block;vertical-align: middle;margin-top: -22px;font-size: 34px;text-transform: uppercase;color: #eee;font-weight: bold;}
.J-intelligent-manufacturing-container .J-intelligent-manufacturing-body .list li{ float: left; overflow: hidden; width:420px; margin: 0 10px 11px 0;}
.J-intelligent-manufacturing-container .J-intelligent-manufacturing-body .list li:nth-child(3n){ margin-right:0;}
.J-intelligent-manufacturing-container .J-intelligent-manufacturing-body .list li img{max-width: 100%;}

/*特殊工艺咨询框*/
.craft-box {
    padding-top: 109px;
    width: 180px;
    min-height: 300px;
    position: fixed;
    top: 50%;
    margin-top: -352px;
    right: 0;
    z-index: 99;
}

.craft-box .craft-lists {
    background-color: #fbe7a1;
    border-radius: 4px;
    min-height: 300px;
    padding: 25px 0 10px;
    position: relative;
}

.craft-box .craft-lists .logo-tips {
    top: -110px;
    left: 4px;
    position: absolute;
}

.craft-box .craft-lists .logo-tips .hide-btn {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    text-align: center;
    color: #ad9c5d;
    font-size: 20px;
    line-height: 21px;
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
    background-color: #fff1bf;
    transition: all .3s;
}

.craft-box .craft-lists .logo-tips .hide-btn:hover {
    background-color: #bb1407;
}

.craft-box .craft-lists .craft-gift {
    position: absolute;
    top: 76px;
    left: 20px;
    z-index: 9;
}

.craft-box .craft-lists .lists {
    padding-top: 15px;
    width: 160px;
    margin: 0 auto 0;
    border: 1px solid #f59d10;
    border-radius: 4px;
    min-height: 200px;
    background-color: #fefce7;
    position: relative;
}

.craft-box .craft-lists .lists li {
    background: url(../images/craft-item.png) no-repeat 8px center #fff;
    border: 1px solid #f9c55a;
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    width: 150px;
    text-indent: 38px;
    color: #f1601a;
    margin: 0 auto 10px;
    cursor: pointer;
    transition: all .3s;
}

.craft-box .craft-lists .lists li a{
    display: block;
    color: #f1601a;
}

.craft-box .craft-lists .lists li:hover {
    background: url(../images/craft-item.png) no-repeat 8px center #f9c55a;
    color: #ffffff;
}

.craft-box .craft-lists .lists li:hover a {
    text-decoration: none;
    color: #ffffff;
}

.craft-box .craft-lists .lists .last {
    border: none;
    background: url(../images/last-top.png) no-repeat center;
}

.craft-box .craft-lists .lists .last:hover {
    background: url(../images/last-top.png) no-repeat center #f9c55a;
}

.small-craft-box {
    position: fixed;
    right: -200px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    background: url(../images/small-craft.png) no-repeat center;
    width: 122px;
    height: 122px;
    cursor: pointer;
}

.small-craft-box > img{
    margin: 60px 0 0 15px;
}

.J-power-make-container{ background-color: #444; padding: 50px 0 100px;}
.J-power-make-container .J-power-make-body .title{ text-align: center; margin-bottom: 20px;}
.J-power-make-container .J-power-make-body .title h3{ position: relative; z-index: 9; font-size: 40px; font-weight: bold; margin-left: 10px; color: #fff;}
.J-power-make-container .J-power-make-body .title p{ display: inline-block; vertical-align: middle;  margin-top: -22px; font-size: 34px; text-transform:uppercase; color: #555; font-weight: bold;}
.J-power-make-container .J-power-make-body .product-line {position: relative;width: 1280px;height: 500px;/* box-shadow: 0 8px 20px rgba(255,106,0,0.1); */}
.J-power-make-container .J-power-make-body .product-line .line-mask-parent {position: absolute;top: 0;left: 0;z-index: 2;}

@keyframes moveImg {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -320px;
  }
  100% {
    bottom: 0;
  }
}
.J-power-make-container .J-power-make-body .product-line .line-mask {position: absolute;width: 1280px;height: 506px;top: 0;left: 0;z-index: 1;overflow: hidden;display: none;}
.J-power-make-container .J-power-make-body .product-line .line-mask video {width: 1280px;height: 506px;object-fit: fill;}
.J-power-make-container .J-power-make-body .product-line .line-mask.active {z-index: 3;display: block;}
.J-power-make-container .J-power-make-body .product-line .line-mask.diyAnimate {z-index: 3;}
.J-power-make-container .J-power-make-body .product-line .line-mask.diyAnimate img {animation: moveImg 12s 0.6s infinite forwards;}
.J-power-make-container .J-power-make-body .product-line .line-mask img {position: absolute;bottom: 0;left: 0;z-index: 1;}
.J-power-make-container .J-power-make-body .product-line:after {display: block;content: '';width: 0;height: 0;clear: both;}
.J-power-make-container .J-power-make-body .product-line .line {float: left;width: 320px;height: 506px;box-sizing: border-box;cursor: pointer;position: relative;z-index: 2;}
.J-power-make-container .J-power-make-body .product-line .line.active:before {background-color: #ff8b10;opacity: 0.12;}
.J-power-make-container .J-power-make-body .product-line .line.active .line-text {bottom: 80px;}
.J-power-make-container .J-power-make-body .product-line .line.active .line-text:before {opacity: 1;}
.J-power-make-container .J-power-make-body .product-line .line:before {display: block;content: '';width: 100%;height: 100%;background-color: #474747;position: absolute;top: 0;left: 0;z-index: 1;border-left: 1px solid #fff;opacity: 0.4;transition: background-color 0.26s ease;}
.J-power-make-container .J-power-make-body .product-line .line.spacer:before {content: '';border-left: 0;}
.J-power-make-container .J-power-make-body .product-line .line .line-text {font-size: 24px;color: #fff;position: absolute;bottom: 43px;left: 30px;z-index: 2;transition: all 0.3s linear;}
.J-power-make-container .J-power-make-body .product-line .line .line-text:before {display: block;content: '';width: 46px;height: 4px;background: #ff8b10;position: absolute;bottom: -8px;left: 0;z-index: 1;transition: opacity 0.3s ease-in;opacity: 0;}
.J-power-make-container .J-power-make-body .product-line .line:first-child {margin-left: 0;}
.J-power-make-container .J-power-make-body .product-line .line:hover:before {background-color: #ff8b10;opacity: 0.12;}
.J-power-make-container .J-power-make-body .product-line .line:hover .line-text {bottom: 80px;}
.J-power-make-container .J-power-make-body .product-line .line:hover .line-text:before {opacity: 1;}


.J-quality-certification-container:after {display: block;content: '';width: 0;height: 0;clear: both;}
.J-quality-certification-container .J-quality-certification-body{ background: #fff; position:relative; top: -52px; padding: 20px 30px;}
.J-quality-certification-container .J-quality-certification-body .title i{ display: inline-block; vertical-align: middle; width: 45px; height: 28px; line-height: 28px; text-align: center; color: #fff; margin:0px 8px 0 -30px; font-size: 26px; font-weight: bold; background-color: #d7aa14;}
.J-quality-certification-container .J-quality-certification-body .title h3{ display: inline-block; vertical-align: middle; margin-top: 0; font-size: 24px; font-weight: bold;}
.J-quality-certification-container .J-quality-certification-body .box{ padding: 30px 0;}
.J-quality-certification-container .J-quality-certification-body .box .certificate:after{ display: block;content: '';width: 0;height: 0;clear: both;}
.J-quality-certification-container .J-quality-certification-body .box .certificate li{ float: left; width: 230px; margin-right: 17px; margin-bottom: 15px; transition: All 0.3s;}
.J-quality-certification-container .J-quality-certification-body .box .certificate li:hover{  transform: translate(0,-5px);}
.J-quality-certification-container .J-quality-certification-body .box .certificate li:last-child{ margin-right: 0;}
.J-quality-certification-container .J-quality-certification-body .box .certificate li img{max-width: 100%;}
.J-quality-certification-container .J-quality-certification-body .box .certificate li p{ text-align: center; font-size: 15px; line-height: 1.3; margin-top: 12px;}
.J-quality-certification-container .J-quality-certification-body .box .service-sector{ overflow: hidden;}
.J-quality-certification-container .J-quality-certification-body .box .service-sector dd img{ display: inline-block; vertical-align: middle; width: 76px; height: 76px; background-color: #f6f6f6; border-radius: 76px;}
.J-quality-certification-container .J-quality-certification-body .box .service-sector dd{ float: left; width: 244px;}
.J-quality-certification-container .J-quality-certification-body .box .service-sector dd:last-child{ margin-right: 0;}
.J-quality-certification-container .J-quality-certification-body .box .service-sector dd .des{ display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 15px;}
.J-quality-certification-container .J-quality-certification-body .box .service-sector dd .name{ font-size: 16px;}
.J-quality-certification-container .J-quality-certification-body .box .service-sector dd .num{ font-size: 32px; color: #e5aa04; line-height: 1.2;}
.J-quality-certification-container .J-quality-certification-body .box .service-sector dd .num small{ font-size: 14px;}
.J-quality-certification-container .J-service-scope-body{ position: relative; top: -25px;}
.J-quality-certification-container .J-service-scope-body  .service-scope{ position: relative; top: -10px;}
.J-quality-certification-container .J-service-scope-body  .service-scope .item{ overflow: hidden; position: relative; float: left; margin-right: 2px; background-color: #000;}
.J-quality-certification-container .J-service-scope-body  .service-scope .item .show{ opacity: 0.65; transition: all 0.4s;}
.J-quality-certification-container .J-service-scope-body  .service-scope .item:hover .show{ transform: scale(1.05);}
.J-quality-certification-container .J-service-scope-body  .service-scope .item .dt{ position:absolute; top: 120px; left: 20px; right: 20px; z-index: 9; text-align: center;}
.J-quality-certification-container .J-service-scope-body  .service-scope .item .dt p{ color: #fff; font-size: 16px; margin-top: 20px;}

.J-experience-container .J-experience-body{ overflow: hidden; padding:0 0 35px; background-color: #fff;}
.J-experience-container .J-experience-body .title{ text-align: center; margin-bottom: 20px;}
.J-experience-container .J-experience-body .title h3{ position: relative; z-index: 9; font-size: 40px; font-weight: bold; margin-left: 10px;}
.J-experience-container .J-experience-body .title p{ display: inline-block; vertical-align: middle;  font-size: 24px; text-transform:uppercase; color: #333; }
.J-experience-container .J-experience-body .box .item{ float: left; width: 403px;}
.J-experience-container .J-experience-body .box .item.spacer{ margin-right: 35px;}
.J-experience-container .J-experience-body .box .item h3{ font-size: 48px; font-weight: bold;  color: #e5aa04; padding: 0 27px;}
.J-experience-container .J-experience-body .box .item .txt{ position: relative; top: -40px; padding: 60px 26px 30px; background-color: rgba(0, 0, 0, 0.08); font-size: 16px;line-height: 2;}

.J-pcba-processing-container{ padding: 40px 0 50px;background-color: #ff9900;color: #fff;text-align: center; }
.J-pcba-processing-container a{display: inline-block;
    width: 230px;
    height: 52px;
	display:block;
    line-height: 52px;
    background-color: #ff9b2f;
    border: solid 2px #ffffff;
    text-align: center;
    margin: 15px auto 0;
    color: #fff;
    font-size: 20px;
}
.J-pcba-processing-container p{ text-align: center; font-size: 38px;}