/*index 只有首页需要调用*/
.carousel-indicators li{width:12px;height:12px;margin:0 10px;border:none;background:rgba(255,255,255,0.5);}
.carousel-indicators .active{background:#399FD8;margin:0 10px;}
.preferential{margin-bottom:30px;margin-top:30px;}
.preferential title{display:block;font-size:30px}
@media screen and (max-width:1024px){
	.preferential title{font-size:20px}
}
.preferential .cot{display:flex;justify-content:space-between}
@media screen and (max-width:1024px){
	.preferential .cot{flex-direction:column}
}
.preferential .cot>div{background-color:#fff;border-radius:6px;flex:1;padding:10px}
.preferential .cot>div:first-child{margin-right:10px}
.preferential .cot>div:last-child{margin-right:0}
.preferential .cot>div a{display:block;width:100%}
.preferential .cot>div a .banner{border-radius:4px;width:100%}
.preferential .cot>div ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3px;}
.preferential .cot>div ul li{border:1px solid hsla(0,0%,83%,.3);border-radius:6px;height:245px;margin-bottom:5px;transition:all .3s;width:178px}
.preferential .cot>div ul li:hover{box-shadow:0 0 15px -7px #ccc}
.preferential .cot>div ul li a{align-items:center;display:flex;flex-direction:column;height:100%;padding:10px;width:100%}
.preferential .cot>div ul li a .img{height:80px;margin-bottom:20px;width:80px}
.preferential .cot>div ul li a>div{width:100%}
.preferential .cot>div ul li a>div .tag{background-color:#ff6221;border-radius:2px;color:#fff;display:inline-block;font-size:10px;margin-bottom:10px;padding:4px}
.preferential .cot>div ul li a>div b{color:#333;font-weight:400;margin-bottom:5px}
.preferential .cot>div ul li a>div span{color:#999;font-size:14px}
.preferential .cot>div ul li a>div .warning{color:#ff6221;line-height:26px;margin-top:8px}
.preferential .cot>div ul li a>div em{font-size:14px; display:block;}
.preferential .cot>div ul li a>div .rfq{background-color:#4066b8;border-radius:4px;color:#fff;display:inline-block;margin-top:8px;margin-bottom:0;padding:5px 10px}
@media screen and (max-width:1024px){
	.preferential .cot>div{margin-bottom:20px;width:100%}
	.preferential .cot>div:last-child{margin-bottom:0}
	.preferential .cot>div .banner{height:unset;width:100%}
	.preferential .cot>div ul li{width:49%}
}
.hotSaleParts{margin-bottom:30px}
.hotSaleParts title{display:block;font-size:30px}
.hotSaleParts .item{background-color:#fff;border-radius:6px;display:flex;height:412px;position:relative;width:100%}
.hotSaleParts .item .left,.hotSaleParts .item .right{font-family:ThemeIcons;font-style:normal;align-items:center;background-color:#33333380;color:#fff;cursor:pointer;display:flex;font-size:20px;height:46px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:26px;z-index:2}
.hotSaleParts .item .left:before{content:"\e260";}
.hotSaleParts .item .right:before{content:"\e263";}
.hotSaleParts .item .left:hover,.hotSaleParts .item .right:hover{background-color:#333c}
.hotSaleParts .item .left{border-radius:0 4px 4px 0;left:0}
.hotSaleParts .item .right{border-radius:4px 0 0 4px;right:0}
.hotSaleParts .item .imgBox{height:100%;position:relative;width:260px}
.hotSaleParts .item .imgBox>img{height:100%;width:260px}
.hotSaleParts .item .imgBox .circle{align-items:center;bottom:10px;display:flex;justify-content:center;left:50%;position:absolute;transform:translate(-50%)}
.hotSaleParts .item .imgBox .circle span{align-items:center;background-color:#333c;border-radius:50%;cursor:pointer;display:flex;height:12px;width:12px}
.hotSaleParts .item .imgBox .circle span.active{background-color:#fff}
.hotSaleParts .item .imgBox .circle span+span{margin-left:12px}
.hotSaleParts .item ul{display:flex;flex:1;flex-wrap:wrap;height:100%}
.hotSaleParts .item ul li{border:1px solid hsla(0,0%,83%,.3);border-radius:6px;height:50%;transform:scale(.95);transition:all .3s;width:20%}
.hotSaleParts .item ul li a{align-items:center;display:flex;flex-direction:column;height:100%;padding:20px 30px 20px;width:100%}
.hotSaleParts .item ul li a .img{height:80px;margin-bottom:20px;width:80px}
.hotSaleParts .item ul li a b{color:#333;font-size:14px;font-weight:400;margin-bottom:8px}
.hotSaleParts .item ul li a p{color:#999;font-size:14px}
.hotSaleParts .item ul li:hover{box-shadow:-2px 2px 9px #0000001a}
@media screen and (max-width:1024px){
	.hotSaleParts title{font-size:20px}
	.hotSaleParts .item{height:unset}
	.hotSaleParts .item .iconfont,.hotSaleParts .item .imgBox{display:none}
	.hotSaleParts .item ul li{width:50%}
}
.recParts{margin-bottom:30px}
.recParts title{display:block;font-size:30px}
@media screen and (max-width:1024px){
	.recParts title{font-size:20px}
}
.recParts ul{background-color:#fff;border-radius:6px;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}
.recParts ul li{border:1px solid hsla(0,0%,83%,.3);border-radius:6px;transform:scale(.95);transition:all .3s;width:16.6%}
@media screen and (max-width:1024px){
	.recParts ul li{width:50%}
}
.recParts ul li a{align-items:center;display:flex;flex-direction:column;height:100%;padding:40px 30px 20px;width:100%}
.recParts ul li a .img{height:80px;margin-bottom:10px;width:80px}
.recParts ul li a b{color:#333;font-weight:400;margin-bottom:8px}
.recParts ul li a p{color:#999;font-size:14px}
.recParts ul li:hover{box-shadow:-2px 2px 9px #0000001a}
.popuManu{margin-bottom:30px}
.popuManu title{display:block;font-size:30px}
.popuManu ul{background-color:#fff;border-radius:6px;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}
.popuManu ul li{height:120px;transition:all .3s;width:16.6%;}
.popuManu ul li:hover{box-shadow:-2px 2px 9px #0000001a}
.popuManu ul li a{align-items:center;display:flex;height:100%;justify-content:center;width:100%}
.popuManu ul li a img{width:70%}
@media screen and (max-width:1024px){
	.popuManu title{font-size:20px}
	.popuManu ul li{width:33.33%}
	.popuManu ul li a img{width:90%}
}
.theBlogs{margin-bottom:30px}
.theBlogs .title{align-items:center;display:flex;font-size:30px;justify-content:space-between}
.theBlogs .title a{color:#4066b8;font-size:14px;font-style:oblique;font-weight:400}
.theBlogs .title a:hover{text-decoration:underline}
@media screen and (max-width:1024px){
	.theBlogs .title{font-size:20px}
}
.theBlogs ul{display:flex}
.theBlogs ul li{background-color:#fff;border-radius:6px;flex:1;height:300px;overflow:hidden;transition:all .3s}
.theBlogs ul li:hover{box-shadow:-2px 2px 9px #0000001a}
.theBlogs ul li+li{margin-left:20px}
.theBlogs ul li a{flex-direction:column;height:100%;padding:20px 16px;width:100%}
.theBlogs ul li a,.theBlogs ul li a div{display:flex;justify-content:space-between}
.theBlogs ul li a div{align-items:center}
.theBlogs ul li a div .iconfont{color:#fea531;font-size:18px}
.theBlogs ul li a b{color:#333;display:block;font-size:14px;font-weight:400;height:40px;line-height:20px;overflow:hidden;position:relative}
.theBlogs ul li a b:after{background-color:#4066b8;bottom:-6px;content:"";display:block;height:2px;left:0;position:absolute;width:30px}
.theBlogs ul li a img{border-radius:6px;height:167px;width:100%}
@media screen and (max-width:1024px){
	.theBlogs{margin-bottom:10px}
	.theBlogs title{font-size:20px}
	.theBlogs ul{flex-wrap:wrap}
	.theBlogs ul li{flex:unset;margin-bottom:10px;margin-left:0!important;width:100%}
}
.thePosts{margin-bottom:30px}
.thePosts .title{align-items:center;display:flex;font-size:30px;justify-content:space-between}
.thePosts .title a{color:#4066b8;font-size:14px;font-style:oblique;font-weight:400}
.thePosts .title a:hover{text-decoration:underline}
@media screen and (max-width:1024px){
	.thePosts .title{font-size:20px}
}
.thePosts ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.thePosts ul li{background-color:#fff;border-radius:6px;height:140px;margin-bottom:16px;transition:all .3s;width:560px}
.thePosts ul li:hover{box-shadow:-2px 2px 9px #0000001a}
.thePosts ul li a{display:flex;height:100%;padding:20px;width:100%}
.thePosts ul li a .img{align-items:center;background-color:#fff;border-radius:8px;display:flex;height:100%;justify-content:center;margin-right:16px;width:166px}
.thePosts ul li a .img img{height:80%}
.thePosts ul li a .cot{display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between}
.thePosts ul li a .cot b{color:#333;font-size:14px;font-weight:400}
.thePosts ul li a .cot p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;display:-webkit-box;height:40px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}
.thePosts ul li a .cot span{color:#4066b8}
@media screen and (max-width:1024px){
	.thePosts title{font-size:20px}
	.thePosts ul li{height:120px;width:100%}
	.thePosts ul li a{padding:10px}
	.thePosts ul li a .img{width:100px}
	.thePosts ul li a .img img{width:80px}
}

/*********** QUICK TABS & HOME TABS ***********/
.ui-tabs{}
.home-page{background:#fff;margin:40px auto 40px;padding:0 0 20px 0;border-radius:20px;overflow:hidden;}
.ui-tabs .ui-tabs-nav{margin:0 0 25px;border-bottom:1px solid #ccc;}
.ui-tabs .ui-tabs-nav li a{display:block;background-color:#ccc;padding:8px 24px;font:normal 14px 'eurostile';}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-state-active.ui-tabs-active a{background-color:#399FD8;color:#fff;opacity:1!important;}
.ui-tabs .ui-tabs-panel{background-color:#fff;}
.ui-tabs .ui-tabs-panel p{margin:0 0 10px;line-height:20px;}
.ui-tabs .ui-tabs-panel p b{font-weight:normal;}
.ui-tabs .ui-tabs-hide{display:none;}
.home-page .ui-tabs{/*width:90%;*//*margin:40px auto 40px;*/}
.home-page .ui-tabs .title{display:none;}
.home-page .ui-tabs .ui-tabs-nav li a{padding:15px 20px;font-size:14px;text-transform:uppercase;outline:none!important;}
.home-page-quick-tabs-header-item{font-size:14px;font-weight:normal;margin:0;}
.topic-block.images img{padding:0 15px 0px 0;}
.item-box{position:relative;width:100%;float:left;margin:20px 0 0;padding:5px;}
.item-box:first-child{margin-top:0!important;}
.item-box .picture{overflow:hidden;background-color:#fff;margin:0 0 30px;}
.item-box .picture a{display:block;position:relative;}
.home-page .item-box{padding:0 5px;}
.home-page .item-box h2{line-height:1;margin-bottom:0;}
.category-item{padding:0 5px;}
.category-container > div{text-align:center;/*padding:0 10px;*/}
.homepage-category-description{text-align:left;margin-top:10px;}
#quickTab-homepage-popular-category{padding:0 10px;}
@media all and (min-width:481px){
	.ui-tabs .ui-tabs-nav li{width:350px;}
}
@media all and (min-width:769px){
	.ui-tabs .ui-tabs-nav li{display:inline-block;width:auto;}
	.home-page .ui-tabs .ui-tabs-nav li{display:table-cell;}
	.item-box{width:33.33333%; /*three per row*/}
	.item-box:nth-child(1),.item-box:nth-child(2),.item-box:nth-child(3){margin-top:0!important;}
	.item-box:nth-child(2n+1){clear:none; /*revert the second item*/}
	.item-box:nth-child(3n+1){clear:both;}
}
@media all and (min-width:1001px){
	.home-page .ui-tabs .ui-tabs-nav li{display:inline-block;}
}

/* banner ads */
.index-8{display:none;background:url(../images/index_8_bg.png) no-repeat center;height:130px;}
.index-8 .container{display:table;height:100%;}
.index-8 .container>div{display:table-cell;vertical-align:middle;margin-right:50px;}
.index-8 a{display:inline-block;border-radius:3px;color:#fff;font-size:16px;width:160px;height:40px;text-align:center;line-height:40px;background:#FF9163;}
.index-8 span{display:table-cell;vertical-align:middle;font-size:24px;color:#fff;padding:0 50px 0 100px;}
.index-8 ul{display:table-cell;color:#fff;}
.index-8 li{float:left;list-style:disc inside;width:260px;margin-top:19px;}
.index-8 li:hover{list-style-type:square;}
.index-8 li:nth-child(2n+1){clear:both;}
@media all and (min-width:1001px){
	.index-8{display:block;}
}
.index-9 .col-lg-6:nth-child(2n){clear:both;}

/* 20231010 添加 */
.iconicon_arrow_right:before{font-size: 10px;}
.header-primary.container{padding-left:15px;}
.hp-block.left-column.col-lg-4{padding-left:0;}

.iconhanbaocaidan:before{content:"\e67b";}
.recommend,.recommend .top{margin-bottom:20px}
.recommend .top{align-items:flex-end;display:flex;height:420px;justify-content:space-between}
.recommend .top .cate{height:100%;width:250px}
.recommend .top .cate>ul{background-color:#fff;display:flex;flex-direction:column;height:100%;position:relative;width:100%}
.recommend .top .cate>ul>li{align-items:center;display:flex;flex:1;padding:0 10px}
.recommend .top .cate>ul>li>a{-webkit-line-clamp:1;-webkit-box-orient:vertical;align-items:center;color:#333;display:-webkit-box;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%;word-break:break-all}
.recommend .top .cate>ul>li>a .iconfont{margin-right:6px}
.recommend .top .cate>ul>li:hover{background-color:#f4f4f4}
.recommend .top .cate>ul>li:hover .items{display:flex}
.recommend .top .cate>ul>li:hover a{color:#4066b8}
.recommend .top .cate>ul>li .items{background-color:#fff;box-shadow:1px 0 6px #00000029;display:none;flex-direction:column;height:420px;left:250px;padding:20px 0 20px 20px;position:absolute;top:0;width:866px;z-index:100}
.recommend .top .cate>ul>li .items .title{align-items:center;display:flex;margin-bottom:20px}
.recommend .top .cate>ul>li .items .title a{color:#4066b8;font-size:14px}
.recommend .top .cate>ul>li .items .title a:hover{text-decoration:underline}
.recommend .top .cate>ul>li .items .title .iconfont{font-size:10px;margin-left:10px}
.recommend .top .cate>ul>li .items .cot{flex:1;overflow-y:auto}
.recommend .top .cate>ul>li .items .cot::-webkit-scrollbar{width:8px}
.recommend .top .cate>ul>li .items .cot::-webkit-scrollbar-thumb{background-color:#4066b8;border-radius:8px}
.recommend .top .cate>ul>li .items .cot ul{display:flex;flex-wrap:wrap;overflow-y:auto}
.recommend .top .cate>ul>li .items .cot ul li{margin-bottom:15px;padding:0 5px;width:50%}
.recommend .top .cate>ul>li .items .cot ul li a{color:#333}
.recommend .top .cate>ul>li .items .cot ul li a:hover{color:#4066b8;text-decoration:underline}
.recommend .top .banner{border-radius:6px;height:410px;overflow:hidden;width:640px}
.recommend .top .banner .swiper-button-next,.recommend .top .banner .swiper-button-prev{background-color:#0000001a;border-radius:4px;color:#f4f4f4}
.recommend .top .banner .swiper-button-next:after,.recommend .top .banner .swiper-button-prev:after{font-size:16px}
.recommend .top .banner .swiper-pagination-bullet{border-radius:10px;height:5px;width:20px}
.recommend .top .banner .swiper-pagination-bullet-active{background-color:#fff}
.recommend .top .toolBox{display:flex;flex-direction:column;height:410px;justify-content:space-between;width:200px}
.recommend .top .toolBox li{background:#fff;border-radius:6px;box-shadow:0 0 15px -7px #ccc;height:96px;transition:all .3s;width:200px}
.recommend .top .toolBox li a{align-items:center;color:#333;display:flex;height:100%;justify-content:space-between;padding:16px;width:100%}
.recommend .top .toolBox li a div{display:flex;flex-direction:column;height:100%;justify-content:space-around}
.recommend .top .toolBox li a div b{font-size:16px}
.recommend .top .toolBox li a div p{color:#4066b8;font-size:16px;font-style:oblique}
.recommend .top .toolBox li a div p .iconfont{font-size:12px}
.recommend .top .toolBox li a img{height:55px;width:53px}
.recommend .top .toolBox li:hover{box-shadow:0 0 10px #ccc}
@media screen and (max-width:1024px){
	.recommend{display:none;width:100%}
	.recommend .top{height:unset;width:100%}
	.recommend .top .cate{display:none}
	.recommend .top .banner{border-radius:10px;overflow:hidden}
	.recommend .top .banner,.recommend .top .banner img{height:174px;width:355px}
	.recommend .top .toolBox{display:none}
}

.hotSaleParts .item .left, .hotSaleParts .item .right{font-family: ThemeIcons !important;}