/*----------------首页轮播图20210421----------------*/
.index-banner {
	position: relative;
	height: 490px;
	background-color: #000;
}

.swiper-container {
	overflow: hidden;
	height: 490px;
}

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

.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.2;
}

.swiper-active-switch {
	background: #f54c18;
	opacity: 1;
}

/*轮播左右控件*/
.change-btn .banner-left, .banner-right {
	display: inline-block;
	width: 48px;
	height: 90px;
	z-index: 999;
	cursor: pointer;
	transition: 0.3s;
}

.change-btn .banner-left {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -55px;
	z-index: 999;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background: url("../images/index/swiper-button-prev@icon.png") no-repeat center;
	background-color: rgba(0,0,0,0.15);
}

.change-btn .banner-left:hover {
	background-color: rgba(0,0,0,0.15);
	opacity: .8;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
}

.change-btn .banner-right {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -55px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background: url("../images/index/swiper-button-next@icon.png") no-repeat center;
	background-color: rgba(0,0,0,0.2);
}

.change-btn .banner-right:hover {
	background-color: rgba(0,0,0,0.2);
	opacity: .8;
	filter: alpha(opacity=80);
}


/*智能报价快速计价*/
.index-banner .fast-instant {
	width: 460px;
	height: 428px;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 21;
	margin: auto;
	background-color: #fff;
	border-radius: 6px;
}

.index-banner .tabs {
	font-size: 16px;
	background: #c9caca;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	overflow: hidden;
}

.index-banner .tabs:after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	clear: both;
}

.index-banner .tabs li {
	float: left;
	width: 25%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	cursor: pointer;
	padding-top: 2px;
}

.index-banner .tabs .selected {
	background: #fff;
}

.index-banner .tab-box {
	padding-top: 30px;
	box-sizing: border-box;
	background: #fff;
}

.index-banner .tab-box .box-item{padding:0 32px;height:225px;display:none}
.index-banner .tab-box .box-item .item-row{margin-bottom:18px;position:relative;z-index:2}
.index-banner .tab-box .box-item .item-row:after{display:block;content:'';width:0;height:0;clear:both}
.index-banner .tab-box .box-item .item-row:first-child{position:relative;z-index:4}
.index-banner .tab-box .box-item .item-row input{border:0}
.index-banner .tab-box .box-item .row-l{float:left;width:189px;margin-right:20px}
.index-banner .tab-box .box-item .row-l .label{font-size:14px;color:#333;margin-bottom:4px}
.index-banner .tab-box .box-item .row-l .box-size{border:1px solid #d6d6d6;border-radius:2px;box-sizing:border-box}
.index-banner .tab-box .box-item .row-l .box-size:after{display:block;content:'';width:0;height:0;clear:both}
.index-banner .tab-box .box-item .row-l .box-size .flag{display:inline-block;font-size:16px;width:28px;height:32px;line-height:32px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;text-align:center;background:#efefef;float:left}
.index-banner .tab-box .box-item .row-l .box-size .length,.index-banner .tab-box .box-item .row-l .box-size .width{width:62px;height:32px;line-height:32px;text-align:center;border:0;float:left;background:#fff}
.index-banner .tab-box .box-item .row-l .box-size .unit{display:inline-block;width:32px;border-left:1px solid #d6d6d6;text-align:center;line-height:32px;background:#efefef;float:left;font-size:14px}
.index-banner .tab-box .box-item .row-l .box-size .number{width:130px;line-height:32px;height:32px;background:#fff;float:left;text-indent:10px}
.index-banner .tab-box .box-item .row-l .label{font-size:14px;color:#333;margin-bottom:4px}
.index-banner .tab-box .box-item .row-l .the-drop-down{position:relative;width:189px;height:32px;box-sizing:border-box;border:1px solid #d6d6d6;cursor:pointer}
.index-banner .tab-box .box-item .row-l .the-drop-down:after{display:block;content:'';background:url(../images/quote-select@icon.png) no-repeat center #efefef;width:36px;height:30px;position:absolute;top:0;right:0;border-left:1px solid #d6d6d6}
.index-banner .tab-box .box-item .row-l .the-drop-down .layers{height:30px;background:#fff;line-height:30px;width:150px;text-indent:10px;cursor:pointer}
.index-banner .tab-box .box-item .row-l .the-drop-down .drop-down{position:absolute;top:30px;left:-1px;width:152px;border:1px solid #d6d6d6;box-sizing:border-box;background:#fff;display:none}
.index-banner .tab-box .box-item .row-l .the-drop-down .drop-down li{height:25px;line-height:25px;text-indent:10px;cursor:pointer}
.index-banner .tab-box .box-item .row-l .the-drop-down .drop-down li:hover{background:#efefef}
.index-banner .tab-box .box-item .row-l .the-drop-down .drop-down .disabled{color:#a8a8a8;background:#efefef}
.index-banner .tab-box .box-item .row-r{float:left}
.index-banner .tab-box .box-item .row-r .box-size{border:1px solid #d6d6d6;border-radius:2px;box-sizing:border-box}
.index-banner .tab-box .box-item .row-r .box-size:after{display:block;content:'';width:0;height:0;clear:both}
.index-banner .tab-box .box-item .row-r .label{font-size:14px;color:#333;margin-bottom:4px}
.index-banner .tab-box .box-item .row-r .the-drop-down{position:relative;width:187px;height:32px;box-sizing:border-box;border:1px solid #d6d6d6;cursor:pointer}
.index-banner .tab-box .box-item .row-r .the-drop-down:after{display:block;content:'';background:url(../images/quote-select@icon.png) no-repeat center #efefef;width:36px;height:30px;position:absolute;top:0;right:0;border-left:1px solid #d6d6d6}
.index-banner .tab-box .box-item .row-r .the-drop-down .layers{height:30px;background:#fff;line-height:30px;width:148px;text-indent:10px;cursor:pointer}
.index-banner .tab-box .box-item .row-r .the-drop-down .drop-down{position:absolute;top:30px;left:-1px;width:150px;border:1px solid #d6d6d6;box-sizing:border-box;background:#fff;display:none}
.index-banner .tab-box .box-item .row-r .the-drop-down .drop-down li{height:28px;line-height:28px;text-indent:10px;cursor:pointer}
.index-banner .tab-box .box-item .row-r .the-drop-down .drop-down li:hover{background:#efefef}
.index-banner .tab-box .box-item .row-r .the-drop-down .drop-down .disabled{color:#a8a8a8;background:#efefef}
.index-banner .tab-box .box-item .quoteBtn{text-align:right;padding-top:5px}
.index-banner .tab-box .box-item .quoteBtn button{width:180px;height:44px;cursor:pointer;display:inline-block;font-size:16px;line-height:42px;border:1px solid #de4d00;text-align:center;background-color:#e8551e;color:#fff;border-radius:100px;box-shadow:0 2px 4px #ccc}
.index-banner .tab-box .box-item .quoteBtn button:hover{background-color:#f0531a;box-shadow:0 4px 6px #ccc}
.index-banner .tab-box .smt .row-l,.index-banner .tab-box .stencil .row-l{width:189px}
.index-banner .tab-box .smt .row-l .smt-num,.index-banner .tab-box .stencil .row-l .smt-num{width:100%;line-height:32px;height:32px;text-indent:10px;background:#fff}
.index-banner .tab-box .smt .row-r,.index-banner .tab-box .stencil .row-r{width:187px}
.index-banner .tab-box .smt .row-r .smt-num,.index-banner .tab-box .stencil .row-r .smt-num{width:100%;line-height:32px;height:32px;background:#fff;text-indent:10px}
.index-banner .tab-box .choose{position:relative}
.index-banner .tab-box .choose:after{display:block;content:'';width:0;height:0;clear:both}
.index-banner .tab-box .choose li{float:left;margin:0 8px 3px 0;padding:0 15px;height:32px;border:1px solid #d6d6d6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#fff;line-height:32px;cursor:pointer}
.index-banner .tab-box .choose li:hover{border:1px solid #fc5d0d;background:url(../images/quote/choose-active@ico.png) bottom right no-repeat #fff}
.index-banner .tab-box .choose .over{border:1px solid #fc5d0d;background:url(../images/quote/choose-active@ico.png) bottom right no-repeat #fff}
.index-banner .tab-box .stencil .row-l{width:189px}
.index-banner .tab-box .stencil .row-l .box-size{width:189px}
.index-banner .tab-box .stencil .row-r{width:187px}
.index-banner .tab-box .stencil .choose li{width:52px;text-align:center;padding:0;margin-right:5px;margin-bottom:0}

.index-banner .tab-box .bom .bomUpload .upload{ position:relative; overflow: hidden; height: 138px; padding: 15px 0 25px; border: 1px dashed #f49673; background-color: #fff8ee; border-radius: 3px; margin-top: 8px; text-align: center; font-size: 14px;}
.index-banner .tab-box .bom .bomUpload .upload i{ height: 47px;}
.index-banner .tab-box .bom .bomUpload .upload p{ margin-top: 4px;}

.index-banner .tab-box .bom .bomUpload .upload .bomFile {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}

.index-banner .tab-box .bom .bomUpload .upload .bomBtn{
	width: 138px;
	height: 36px;
	background-color: #fff;
	border:1px solid #f49673;
	border-radius: 3px;
	font-size: 14px;
	margin-top: 8px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

.index-banner .tab-box .bom .bomUpload .upload .bomBtn:hover{
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.index-banner .tab-box .bom .bomUpload .upload .upload-success{ 
	margin-top: 30px;
	}
.index-banner .tab-box .bom .bomUpload .upload .upload-success .name{
	max-width: 180px;
	display: inline-block;
	vertical-align: middle;
}

.index-banner .tab-box .bom .bomUpload .upload .upload-success .del{
	display: inline-block;
	vertical-align: middle;
	padding-left: 20px;
    background: url(../images/index/remove.png) left center no-repeat;
    cursor: pointer;
    color: #e8551e;
    margin-left: 5px;
}

.index-banner .tab-box .bom .bomUpload .upload .uploadSuccessBtn{
	display: block;
    width: 180px;
    height: 40px;
    margin:0 auto;
    margin-top: 18px;
    cursor: pointer;
    font-size: 16px;
    line-height: 40px;
    border: 1px solid #de4d00;
    text-align: center;
    background-color: #e8551e;
    color: #fff;
    border-radius: 100px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.index-banner .tab-box .bom .bomUpload .upload:hover{ box-shadow: 0 4px 8px rgba(0,0,0,0.05);}

.index-banner .tab-box .newUser-registration{ display: block; width: 404px; height: 99px; margin:0 auto; background: url(../images/index/registered-registration@bg.png);}  
.index-banner .tab-box .newUser-registration .coupon{}
.index-banner .tab-box .newUser-registration .coupon .price{ display:inline-block; vertical-align: middle; padding: 14px 40px; text-align: center; color: #fff; font-size: 16px;}
.index-banner .tab-box .newUser-registration .coupon .price span{ font-size: 24px; font-weight: bold;}
.index-banner .tab-box .newUser-registration .coupon .receive-btn{ display: inline-block; vertical-align: middle; width: 121px; height: 35px; margin-left: 5px; color: #333; font-size: 14px; line-height: 35px; background-color: #fff; border-radius: 35px; text-align: center;}
.index-banner .tab-box .newUser-registration .coupon:hover .receive-btn{ box-shadow: 0 2px 4px rgba(0,0,0,0.05);}


/*----------------订单查询----------------*/
.J-order-container .J-specialOffer-body{ height:312px ; padding: 45px 60px; background: url(../images/index/specialOffer-product@bg.png);}
.J-order-container .J-specialOffer-body .title{ float: left; width: 260px; margin-left: 2px; color: #fff;}
.J-order-container .J-specialOffer-body .title h3{ font-size: 36px; line-height: 1.3;}
.J-order-container .J-specialOffer-body .title .des{ position: relative; font-size: 18px; margin-top: 30px; }
.J-order-container .J-specialOffer-body .title .des i{ position: absolute; left: -29px; top: 0; z-index: 2; width: 23px; height: 33px; background: url(../images/index/special-order-speed@icon.png);}
.J-order-container .J-specialOffer-body .title .online-quotation{ display: block; width:180px;height:40px; margin-top: 35px; cursor:pointer; font-size:16px; line-height:42px; border:1px solid #de4d00; text-align:center; background-color:#e8551e; color:#fff; border-radius:100px; box-shadow:0 4px 6px rgba(0,0,0,0.2)}
.J-order-container .J-specialOffer-body .title .online-quotation:hover{ background-color: #f0531a; box-shadow:0 4px 6px rgba(0,0,0,0.3) }
.J-order-container .J-specialOffer-body .box{ float: left; width:830px; margin-left: 68px;}
.J-order-container .J-specialOffer-body .box .advantage{ color: #fff; font-size: 18px;}
.J-order-container .J-specialOffer-body .box .advantage dd { display: inline-block; margin-right: 16px;}
.J-order-container .J-specialOffer-body .box .advantage dd i{ display: inline-block; vertical-align: middle; width: 33px; height: 27px; background: url(../images/index/special-product-check@icon.png); }
.J-order-container .J-specialOffer-body .box .list{ margin-top: 12px;  }
.J-order-container .J-specialOffer-body .box .list li{ float:left; width: 260px; height: 297px; background-color: #fff; transition: All 0.3s ease-in-out;}
.J-order-container .J-specialOffer-body .box .list li .item{ padding: 25px 35px; }
.J-order-container .J-specialOffer-body .box .list li .item p.dt{ font-size: 24px;}
.J-order-container .J-specialOffer-body .box .list li .item p.dt span{ display: inline-block; vertical-align: middle; width: 37px; height: 22px; border-radius: 3px; margin: -2px 0 0 4px; font-size: 14px; line-height: 22px; text-align: center; color: #fff; background-color: #ff9537;}
.J-order-container .J-specialOffer-body .box .list li .item p.dt span.hot{ background-color: #e8551e;}
.J-order-container .J-specialOffer-body .box .list li .item p.des{ margin-top: 10px; font-size: 16px; color: #666;}
.J-order-container .J-specialOffer-body .box .list li .item p.price{ font-size: 36px; color: #e8551e; margin-top: 15px;}
.J-order-container .J-specialOffer-body .box .list li .item a.buy{ display: block; width: 190px; height: 38px; line-height: 38px; margin-top: 12px; text-align: center; font-size: 16px; border-radius: 38px; border: 1px solid #e8551e; color: #e8551e; box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
.J-order-container .J-specialOffer-body .box .list li .item a.buy:hover{ box-shadow: 0 4px 12px rgba(0,0,0,0.12) }
.J-order-container .J-specialOffer-body .box .list li.spacer{ margin-right: 25px;}

.J-order-container .J-process-body{ height: 40px; background: url(../images/index/specialOffer-process@bg.png); font-size: 14px;}
.J-order-container .J-process-body .dt{ float: left; width: 320px; color: #f5f5f5;}
.J-order-container .J-process-body .dt h4{ display:inline-block; line-height: 40px; margin-left: 70px;}
.J-order-container .J-process-body .dt .more{ font-size: 12px; text-decoration: underline; color: #f2f2f2; margin-left: 27px;}
.J-order-container .J-process-body .dt .more:hover{ color: #fff;}
.J-order-container .J-process-body .lines{ float: left; width: 960px; color: #cdcdcd;}
.J-order-container .J-process-body .lines p{ float: left; width: 127px; text-align: center; line-height: 40px; padding-right: 10px;}
.J-order-container .J-process-body .lines p a{ color: #cdcdcd;}
.J-order-container .J-process-body .lines p a:hover{ color: #f2f2f2; text-decoration: underline;}

/*楼层*/
.floor { position: relative; margin-top: 25px; }

/*----------------服务保障----------------*/
.J-service-container { overflow: hidden; height: 72px; border-bottom: 1px solid #e5e5e5; background-color: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.02);}
.J-service-container .J-service-body { overflow: hidden; padding: 24px 0;}

.J-service-container .J-service-body .keyWords{ position: relative; float: left; width: 534px; font-size: 14px; color: #666;}
.J-service-container .J-service-body .keyWords .dt{ display: inline-block; vertical-align: middle; margin-right: 30px; }
.J-service-container .J-service-body .keyWords .dt i{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -2px 4px 0 0; background: url(../images/index/keyWords@icon.png);}
.J-service-container .J-service-body .keyWords .txt{ display: inline-block; vertical-align: middle; }
.J-service-container .J-service-body .keyWords .txt a{ color: #666; }
.J-service-container .J-service-body .keyWords .txt a:hover{ text-decoration: underline; }
.J-service-container .J-service-body .keyWords .spacer{ position: absolute; right: 0; top: 0; z-index: 2; width: 1px; height:26px; background-color: #efefef;}

.J-service-container .J-service-body .news{ float: right; width: 632px; font-size: 14px; color: #666;}
.J-service-container .J-service-body .news .dt{ display: inline-block; vertical-align: middle; margin-right: 30px;}
.J-service-container .J-service-body .news .dt i{ display: inline-block; vertical-align: middle; width: 22px; height: 14px; margin: -2px 5px 0 0; background: url(../images/index/speaker@icon.png);}
.J-service-container .J-service-body .news .list{ display: inline-block; vertical-align: middle; overflow: hidden; margin-top: 2px; width: 320px; height:22px;}
.J-service-container .J-service-body .news .list ul{ color: #888;}
.J-service-container .J-service-body .news .list ul li a{ display: inline-block; vertical-align: middle; max-width: 295px; color: #888;}
.J-service-container .J-service-body .news .list ul li a:hover{ color: #777; text-decoration: underline; }
.J-service-container .J-service-body .news .list ul li a span{ margin-right:8px; }
.J-service-container .J-service-body .news .list ul li .hot{ display: inline-block; vertical-align: middle; margin-top: -2px; width: 24px; height: 14px; background: url(../images/index/news-hot@icon.png) no-repeat;}
.J-service-container .J-service-body .news .more{ float: right; color: #666; margin-top: 2px;}
.J-service-container .J-service-body .news .more:hover{ text-decoration: underline;}

/*产品展示*/
.J-product-container .J-product-body .item { position: relative; float: left; overflow: hidden; width: 305px; height: 238px; color: #484848; background-color: #fff; color: #333; padding: 2px 0; transition: All 0.3s ease-in-out;}
.J-product-container .J-product-body .item:hover{ transform: translate(0,-5px);}
.J-product-container .J-product-body .item .dt{ height: 53px; padding: 0 30px; line-height: 54px; border-bottom: 1px solid #efefef;}
.J-product-container .J-product-body .item .dt h4{ font-size: 24px; color: #e8551e;}
.J-product-container .J-product-body .item .dt i{ overflow: hidden; float: right; width: 50px; height: 30px; margin: 12px 0 0 0; border-radius: 30px; border: 1px solid #cbcbcb; background: url(../images/index/product-more@icon.png);}
.J-product-container .J-product-body .item:hover .dt i{ border: 1px solid #e8551e; background: url(../images/index/product-hover-more@icon.png) #e8551e; }
.J-product-container .J-product-body .item.spacer { margin-right: 20px; }
.J-product-container .J-product-body .item .des { display: inline-block; margin: 20px 0 0 28px; width: 285px; color: #595858;}
.J-product-container .J-product-body .item .des dt { position: relative; margin-bottom: 26px; font-size: 18px;}
.J-product-container .J-product-body .item .des dd{ position: relative; margin-bottom: 8px; color: #999;}
.J-product-container .J-product-body .item .des dd:before{ position: absolute; top: 8px; left: -10px; display: none; width: 5px; height: 5px; border-radius: 50%; background-color: #484848; content: "";}
.J-product-container .J-product-body .item .show{ position: absolute; right: 0; top:102px; z-index: 9; transition: all 0.2s;}


/*----------------关于捷多邦----------------*/
.J-special-process-container { margin-bottom: 25px; }
.J-special-process-container .J-special-process-body .title h3{ display: inline-block; font-size: 36px; line-height: 1; }
.J-special-process-container .J-special-process-body .title p{ display: inline-block; font-size: 18px; color: #666; margin-left: 10px;}
.J-special-process-container .J-special-process-body .box{ height: 380px; margin-top: 15px;}
.J-special-process-container .J-special-process-body .box .item{ position: relative; overflow: hidden; float: left; width: 740px; height: 380px; margin-right: 5px; }
.J-special-process-container .J-special-process-body .box .item .info{ display: none;}
.J-special-process-container .J-special-process-body .box .item .tabs{ position: relative; left: -25px; z-index: 3; display: block; animation: special-process 0.5s alternate;  }
.J-special-process-container .J-special-process-body .box .item .opacity{ display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color:rgba(0,0,0,0.3);}
.J-special-process-container .J-special-process-body .box .item .inner{ width: 480px; padding: 40px 48px; color: #fff;}
.J-special-process-container .J-special-process-body .box .item .inner .dt{ font-size: 21px; margin-top: 5px;}
.J-special-process-container .J-special-process-body .box .item .inner .des{ font-size: 14px; margin: 12px 0 0 0; }
.J-special-process-container .J-special-process-body .box .item .inner .des p{ margin-bottom: 9px; line-height: 1.2;}
.J-special-process-container .J-special-process-body .box .item .inner .lines{ width: 385px; overflow: hidden; margin-top: 15px; font-size: 14px;}
.J-special-process-container .J-special-process-body .box .item .inner .lines dd{ float: left; width:115px; margin-bottom: 5px;}
.J-special-process-container .J-special-process-body .box .item .inner .lines dd.w125{ position: relative; width: 125px; margin-left: -12px;}
.J-special-process-container .J-special-process-body .box .item .inner .online-quotation{ display: block; width: 180px; height: 40px; margin-top: 25px; cursor: pointer; font-size: 16px; line-height: 42px; border: 1px solid #de4d00; text-align: center; background-color: #e8551e; color: #fff; border-radius: 100px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.J-special-process-container .J-special-process-body .box .item .inner .online-quotation:hover{ background-color: #f0531a; box-shadow:0 4px 6px rgba(0,0,0,0.15) }
.J-special-process-container .J-special-process-body .box .item.cur .info{ display: block;  animation: special-process 0.5s alternate; }
.J-special-process-container .J-special-process-body .box .item.cur .tabs{ display: none; }
.J-special-process-container .J-special-process-body .box .item.cur .dt{ font-size: 24px; font-weight: bold; }
.J-special-process-container .J-special-process-body .box .item.cur .opacity{ display: none; background-color:rgba(0,0,0,0); }

@keyframes special-process {
    /*设置内容由显示变为隐藏*/
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

/*----------------捷多邦旗下品牌/工厂及事业部----------------*/
.J-about-container .J-about-body .brands{ float: left; width: 631px; height: 380px; background-color: #fff; }
.J-about-container .J-about-body .brands.spacer{ margin-right: 18px;}
.J-about-container .J-about-body .brands .box{ overflow: hidden; height: 300px; border-bottom:1px solid #f2f2f2;}
.J-about-container .J-about-body .brands .box .item{ float: left; width: 166px; height: 285px; padding: 18px 28px 0;}
.J-about-container .J-about-body .brands .box .item .dt{ position: relative; color: #1f8c17; margin-bottom: 25px;}
.J-about-container .J-about-body .brands .box .item .dt .space{ position: absolute; left: -28px; top: 9px; z-index: 9; width: 13px; height: 15px; background: url(../images/index/about-eye@icon.png);}
.J-about-container .J-about-body .brands .box .item .dt h3{ font-size: 20px; font-weight: bold; color: #239d60;}
.J-about-container .J-about-body .brands .box .item .meg{ color: #fc5d0d; color: #fff; background-color: #239d60; font-size: 16px; font-weight: bold; border-radius: 3px; text-align: center; padding: 6px 0; margin-top: 10px;}
.J-about-container .J-about-body .brands .box .item .list{ height: 160px; font-size: 14px;}
.J-about-container .J-about-body .brands .box .item .list dd{ position: relative; margin-bottom: 10px; padding-left: 2px;}
.J-about-container .J-about-body .brands .box .item .list dd i{ display: inline-block; vertical-align: middle; width: 12px; height: 14px; margin:-2px 8px 0 0; background: url(../images/index/about-trademark@icon.png);}
.J-about-container .J-about-body .brands .box .show{ position: relative; float: left; width: 382px; height: 262px; margin: 20px 0 0 8px;}
.J-about-container .J-about-body .brands .strength{ height: 70px;}
.J-about-container .J-about-body .brands .strength .lines{ position: relative; float: left; width: 129px; padding: 19px 40px;}
.J-about-container .J-about-body .brands .strength .lines i{ float: left; height: 28px; margin: 5px 8px 0 0;}
.J-about-container .J-about-body .brands .strength .lines .space{ position: absolute; right: 0; top: 35px; width: 1px; height: 30px; margin-top: -15px; background-color: #f2f2f2;}
.J-about-container .J-about-body .brands .strength .lines .dt{ color: #666;}
.J-about-container .J-about-body .brands .strength .lines .des{ font-weight: bold;}

.J-about-container .J-about-body .factory{ float: left; width: 630px; height: 380px; background-color: #fff; }
.J-about-container .J-about-body .factory.spacer{ margin-right: 20px;}
.J-about-container .J-about-body .factory .box{ overflow: hidden; height: 300px; border-bottom:1px solid #f2f2f2;}
.J-about-container .J-about-body .factory .box .item .dt{ position: relative; color: #1f8c17; margin-bottom: 25px;}
.J-about-container .J-about-body .factory .box .item{ float: left; width: 166px; height: 285px; padding: 18px 28px 0;}
.J-about-container .J-about-body .factory .box .item .dt .space{ position: absolute; left: -28px; top: 9px; z-index: 9; width: 13px; height: 15px; background: url(../images/index/about-eye@icon.png);}
.J-about-container .J-about-body .factory .box .item .dt h3{ font-size: 20px; font-weight: bold; color: #239d60;}
.J-about-container .J-about-body .factory .box .item .meg{ color: #fc5d0d; color: #fff; background-color: #ff731f; font-size: 16px; font-weight: bold; border-radius: 3px; text-align: center; padding: 6px 0; margin-top: 10px;}
.J-about-container .J-about-body .factory .box .item .list{ height: 160px;}
.J-about-container .J-about-body .factory .box .item .list dd{ position: relative; margin-bottom: 8px; padding-left: 2px; cursor: pointer;}
.J-about-container .J-about-body .factory .box .item .list dd.active{ font-weight: bold;}
.J-about-container .J-about-body .factory .box .item .list dd.active:after{ content:''; display: inline-block; width: 12px; height:11px; margin-left: 5px; z-index: 99; background: url(../images/index/about-arrow@icon.png);}
.J-about-container .J-about-body .factory .box .item .list dd.active{ color: #239d60;}
.J-about-container .J-about-body .factory .box .show{ position: relative; float: left; width: 382px; height: 262px; margin: 20px 0 0 8px;}
.J-about-container .J-about-body .factory .box .show .meg{ background: rgba(0,0,0,0.4) !important; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; z-index: 9; text-align: center; padding: 10px 10px; color: #fff;}
.J-about-container .J-about-body .factory .strength{ height: 70px;}
.J-about-container .J-about-body .factory .strength .lines{ position: relative; float: left; width: 129px; padding: 19px 40px;}
.J-about-container .J-about-body .factory .strength .lines i{ float: left; height: 28px; margin: 5px 8px 0 0;}
.J-about-container .J-about-body .factory .strength .lines .space{ position: absolute; right: 0; top: 35px; width: 1px; height: 30px; margin-top: -15px; background-color: #f2f2f2;}
.J-about-container .J-about-body .factory .strength .lines .dt{ color: #666;}
.J-about-container .J-about-body .factory .strength .lines .des{ font-weight: bold;}

/*全球20万家客户首选的PCB打样服务商*/
.J-global-footprint-container{ height: 528px; overflow: hidden;  }
.J-global-footprint-container .J-global-footprint-body{ padding: 52px 0;}
.J-global-footprint-container .J-global-footprint-body .box{ position: relative; z-index: 3; width: 450px;}
.J-global-footprint-container .J-global-footprint-body .box .title h3{ font-size: 36px; line-height: 1;}
.J-global-footprint-container .J-global-footprint-body .box .title .des{  font-size: 24px; margin-top: 10px; color: #666;}
.J-global-footprint-container .J-global-footprint-body .box .listData{ overflow: hidden; font-size: 14px; margin-top: 30px;}
.J-global-footprint-container .J-global-footprint-body .box .listData .item{ float: left; width: 184px; margin-right: 27px; padding: 15px 0 25px 0; border-top: 1px solid #e4e4e4; }
.J-global-footprint-container .J-global-footprint-body .box .listData .item.w202{ width: 202px;}
.J-global-footprint-container .J-global-footprint-body .box .listData .item .dt{ color: #999;}
.J-global-footprint-container .J-global-footprint-body .box .listData .item .data{ color: #555; line-height: 1; margin-top: 10px;}
.J-global-footprint-container .J-global-footprint-body .box .listData .item .data .nub{ font-size: 46px; font-family: arial; margin-right: 4px;}
.J-global-footprint-container .J-global-footprint-body .box .listData .dataScroll{ width: 100%; float: left; height: 118px; overflow: hidden;}
.J-global-footprint-container .J-global-footprint-body .box .listData .dataScroll ul li{ height: 118px;}
.J-global-footprint-container .J-global-footprint-body .box .more{ display: block; width: 168px; height: 42px; margin-top: 10px;  text-align: center; line-height: 42px; border-radius: 3px; border: 1px solid #e8551e; color: #e8551e; font-size: 16px; font-weight: bold;}
.J-global-footprint-container .J-global-footprint-body .box .more i{ width: 7px; height: 12px; display: inline-block; vertical-align: middle; margin:-4px 0 0 5px ; background: url(../images/index/global-footprint-more@icon.png);}
.J-global-footprint-container .J-global-footprint-body .box .more:hover{ border: 1px solid #f0531a; color: #f0531a; box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
.J-global-footprint-container .J-global-footprint-body .box .cooperation-logo{ position: absolute; right: -267px; top: 349px; z-index: ; width: 517px; height: 65px; background: url(../images/index/cooperation-logo@icon.png);}
.J-global-footprint-container .J-global-footprint-body .box .cooperation-logo .slide-logo li{ float: left; }
.J-global-footprint-container .J-global-footprint-body .world-map{ position: absolute; right: -120px; top:0; z-index: 2; width: 921px; height: 528px;background: url(../images/index/global-footprint-world@map.png) no-repeat;}

/*客户晒单*/
.J-customer-reviews-container { background-color: #fff; border-top:1px solid #efefef ;  }
.J-customer-reviews-container .J-customer-reviews-body{ background-color: #fff; font-size: 14px;}
.J-customer-reviews-container .J-customer-reviews-body .title{ height: 50px; padding:20px 0;}
.J-customer-reviews-container .J-customer-reviews-body .title h3 { display: inline-block; vertical-align: middle; font-size: 36px; margin: -4px 0 0 0; }
.J-customer-reviews-container .J-customer-reviews-body .title .des{ display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 16px; color: #888;}
.J-customer-reviews-container .J-customer-reviews-body .title .more{ display: inline-block; vertical-align: middle; width: 104px; height: 30px; margin: 0 0 0 18px; text-align: center; background-color: #e8551e; color: #fff; font-size: 14px; line-height: 30px; border-radius:15px; display: inline-block; vertical-align: middle; }
.J-customer-reviews-container .J-customer-reviews-body .title .more:hover{ background-color: #da4400;}
.J-customer-reviews-container .J-customer-reviews-body .title .release{ float: right; width: 158px; height: 38px; border-radius: 38px; text-align: center; font-size: 16px; line-height: 38px; margin-top: 3px; border: 1px solid #999; color: #666;}
.J-customer-reviews-container .J-customer-reviews-body .title .release span{ display: inline-block; vertical-align: top; font-size: 14px; margin-top: -2px; color: #e8551e;}
.J-customer-reviews-container .J-customer-reviews-body .title .release:hover{ border: 1px solid #e8551e; color: #e8551e; box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
.J-customer-reviews-container .J-customer-reviews-body .customer-reviews-box{ overflow: hidden; height: 520px; background: url(../images/index/customer-reviews@Bg.jpg);}
.J-customer-reviews-container .J-customer-reviews-body .comments{ overflow: hidden; padding: 54px 0 58px; }
.J-customer-reviews-container .J-customer-reviews-body .customer-reviews-box .control .arrow-left{ position:absolute; top:50%; left:-80px; z-index:99; margin-top:-40px; width:68px; height:68px; background:url(../images/index/single-left@icon.png); opacity:.2;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.J-customer-reviews-container .J-customer-reviews-body .customer-reviews-box .control .arrow-right{ position:absolute; top:50%; right:-80px; z-index:99;margin-top:-40px;width:68px;height:68px;background:url(../images/index/single-right@icon.png);opacity:.2;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.J-customer-reviews-container .J-customer-reviews-body .customer-reviews-box .control .arrow-left:hover{ opacity: 0.3; }
.J-customer-reviews-container .J-customer-reviews-body .customer-reviews-box .control .arrow-right:hover{ opacity: 0.3; }
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item { overflow: hidden; width: 308px; height: 392px; float: left; padding-bottom: 15px; background-color: #fff; overflow: hidden;}
.J-customer-reviews-container .J-customer-reviews-body .comments .quick-order{ width: 248px; height: 340px; float: left;}
.J-customer-reviews-container .J-customer-reviews-body .comments .quick-order a{ display: block; width: 200px; height: 45px; line-height: 45px; margin: 0 auto; text-align: center; margin-top: 270px; background-color: #fc5d0d; color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.J-customer-reviews-container .J-customer-reviews-body .comments .quick-order a:hover{ background-color: #e84817; }
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .show { overflow: hidden; width: 100%; height: 210px; }
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .show a { display: block; width: 100%; height: 210px; transition: all 0.3s;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item:hover .show a{ width: 100%; height: 210px; transform: scale(1.04);}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .head { height: 38px; padding: 6px 20px; border-bottom: 1px solid #f4f4f4;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .head .photo { float:left;  width: 40px;  height: 40px;  border-radius: 40px;  overflow: hidden; display: inline-block; vertical-align: middle;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .head .name{ float: left; width: 98px; height: 40px; line-height: 40px; padding: 0 10px;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .head .leave-box { float: right; margin-top: 10px;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .head .stars { background: url("../images/share/stars.png") no-repeat center;  width: 18px; height: 17px;  display: inline-block;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .info{  padding:15px 20px;   box-sizing: border-box; }
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .info .info-top .label { display: inline-block; height: 19px;  background-color: #ffeadf; border-radius: 3px; padding: 0 10px; font-size: 12px; color: #ff5d0c; vertical-align: top; font-weight: 700;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .info .info-top .tips { display: inline-block; text-overflow: ellipsis; overflow: hidden; line-height: 19px; white-space: nowrap; max-width: 164px; margin-left: 6px; color: #bbbbbb; font-size: 14px;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .info .info-des { height: 40px; margin-top: 10px; font-size: 14px; color: #333333; line-height: 20px;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .info .view-bar{ overflow: hidden; margin-top: 15px; color: #bbb;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .info .view-bar .view{ float: left;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .info .view-bar .view i { display: inline-block; vertical-align: middle; content: '';  background: url(../images/share/message.png) no-repeat center; width: 17px; height: 15px; margin: -4px 4px 0 0;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .info .view-bar .parse{ float: left; margin-left: 15px;}
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .info .view-bar .parse i { display: inline-block; vertical-align: middle;  content: '';  background: url(../images/share/parse.png) no-repeat center;  width: 16px;  height: 16px; margin: -4px 2px 0 0; }
.J-customer-reviews-container .J-customer-reviews-body .comments .customer-reviews-item .item .info .view-bar .time { float: right; }

/*新闻资讯*/
.J-news-container .J-news-body{ overflow: hidden; padding: 40px 0 40px; margin: 0 0 0 0;}
.J-news-container .J-news-body .title{ position: relative; height: 70px;}
.J-news-container .J-news-body .title h3{ display: inline-block; vertical-align: middle; font-size: 36px; line-height: 1;}
.J-news-container .J-news-body .title .des{ display: inline-block; vertical-align: middle; margin: 5px 0 0 15px; font-size: 14px; letter-spacing:3px}
.J-news-container .J-news-body .title .des i{ display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: -2px 5px 0 0; border: 3px solid #bca065; font-size: 0; border-radius: 10px;}
.J-news-container .J-news-body .title .spacer{ position: absolute; left: 0; bottom: 0; width: 55px; height: 3px; background-color: #bca065;}
.J-news-container .J-news-body .title .more{ position: absolute; right: 0; top: -10px; display: block; width: 160px; height: 40px; margin-top: 20px; line-height: 40px; font-size: 14px; border-radius: 40px; color: #999; text-align: center; border: 1px solid #999; }
.J-news-container .J-news-body .title .more i{ display: inline-block; width: 21px; height: 11px; background: url(../images/index/news-more@icon.png) no-repeat; margin-left: 18px;}
.J-news-container .J-news-body .title .more:hover{ border: 1px solid #e8551e; color: #e8551e; box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
.J-news-container .J-news-body .title .more:hover i{ background: url(../images/index/news-more-hover@icon.png);}
.J-news-container .J-news-body .box{ margin-top: 25px; font-size: 14px;}
.J-news-container .J-news-body .box .list li{ float:left; width: 297px; margin-right: 30px; transition: all 0.3s;}
.J-news-container .J-news-body .box .list li:nth-child(4){ margin-right: 0;}
.J-news-container .J-news-body .box .list li .item .date{ color: #999; font-size: 16px; margin-bottom: 15px;}
.J-news-container .J-news-body .box .list li .item .date span{ font-size: 62px; line-height: 1; margin-right: 10px;}
.J-news-container .J-news-body .box .list li .item .show{ overflow: hidden; height: 183px;}
.J-news-container .J-news-body .box .list li .item .show a{ display: block; height: 183px; }
.J-news-container .J-news-body .box .list li:hover .item .show a{ transform: scale(1.04);}
.J-news-container .J-news-body .box .list li .item .info{ padding: 18px 0;}
.J-news-container .J-news-body .box .list li .item .info .dt{ font-size: 16px;}
.J-news-container .J-news-body .box .list li .item .info .des{ height: 45px; color: #999; margin-top: 10px;}
.J-news-container .J-news-body .box .list li .item .btn{ display: block; width: 160px; height: 40px; margin-top: 20px; line-height: 40px; border-radius: 40px; color: #999; text-align: center; border: 1px solid #999;}
.J-news-container .J-news-body .box .list li .item .btn i{ display: inline-block; width: 21px; height: 11px; background: url(../images/index/news-more@icon.png) no-repeat; margin-left: 18px;}
.J-news-container .J-news-body .box .list li .item .btn:hover{ border: 1px solid #e8551e; color: #e8551e; box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
.J-news-container .J-news-body .box .list li .item .btn:hover i{ background: url(../images/index/news-more-hover@icon.png);}

/*在线问答*/
.J-online-container{  margin-top: 30px; margin-bottom: 60px;}
.J-online-container .J-online-body{ position: relative; height: 155px; background-color: #d3e7ec;}
.J-online-container .J-online-body .title{ position: absolute; bottom:-3px; left: 0; width: 260px; height: 195px; background: url(../images/index/online-title@icon.png);}
.J-online-container .J-online-body .title span{ display: block; width: 45px; height: 45px; text-align: center; font-size: 20px; margin: 58px 0 0 198px; line-height: 1.3;}
.J-online-container .J-online-body .box{ overflow: hidden; width: 950px; margin: 0 0 0 270px;}
.J-online-container .J-online-body .list{ overflow: hidden; margin-top: 30px; font-size: 14px; }
.J-online-container .J-online-body .list li{ float: left; width: 235px; margin-left: 80px;}
.J-online-container .J-online-body .list li .dt{ position: relative; font-size: 14px;}
.J-online-container .J-online-body .list li .dt i{ position: absolute; left: -28px; top: 2px; width: 21px; height: 21px; background: url(../images/index/online@icon.png);}
.J-online-container .J-online-body .list li .des{ font-size: 12px; margin-top: 10px; color: #57838f;}
.J-online-container .J-online-body .list li .des .but{ display: block; line-height: 26px; color: #57838f; border: 1px solid #57838f; border-radius: 26px; width: 100px; height: 26px; margin-top: 3px; text-align: center;}
.J-online-container .J-online-body .list li .des .but:hover{ border: 1px solid #e8551e; color: #e8551e;}
.J-online-container .ask-questions{ position: absolute; right: 0; top: -34px; height: 34px; line-height: 34px; font-size: 14px; background: orange; color: #fff; width: 108px; padding: 0 12px 0 5px; background-color: #cce0e6; color: #333;}
.J-online-container .ask-questions i{ display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: -2px 8px 0;  background: url(../images/index/ask-questions@icon.png);}
.J-online-container .ask-questions:before{ content: ''; display: inline-block; width: 25px; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transform: skew(30deg); transform: skew(-30deg); background: #cce0e6; left: -15px;}
.J-online-container .ask-questions:hover{ background-color: #c8dbe0;}
.J-online-container .ask-questions:hover:before{ background-color: #c8dbe0;}