﻿/* by nana */
.hide{display:none}
.fl {
    float: left;
}
.fr{
    float: right;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.textc{
    text-align: center;
}
.font16{
  font-size: 16px;  
}
.font14{
    font-size: 14px;
}
.font12{
    font-size: 12px;
}
.border-b{
border:1px solid #e6e6e6;
}
/*.icon {
    font-family: ICKEY!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}*/
.classify-all .classify-tit b {
    margin-left: 2px;
    font-size: 12px;
    font-weight: 400;
    float: right;
    color: #fff;
    position: absolute;
    margin-top: 15px;
    right: 15px;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    transform: rotateZ(0);
    -moz-transition: transform .25s ease-in 0s,-moz-transform .25s ease-in 0s;
    transition: transform .25s ease-in 0s;
    transition: transform .25s ease-in 0s,-webkit-transform .25s ease-in 0s,-moz-transform .25s ease-in 0s;
}
.btn-group>.btn-group, .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-2, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .dropdown-menu {
    float: left;
}
/*放假提示*/
#ie7-warning{background:rgb(255,255,225); position:absolute; top:0; left:0; font-size:12px; color:#333; width:100%; padding:5px 0; text-align:center; z-index:99999; }
#topNotice {background:#FFF9D9;}
#topNotice_close {background:url(http://images.cecb2b.com/images/index_2014/top_arrow.png); cursor:pointer; margin-right:10px; margin-top:10px; overflow:hidden; width:9px; height:9px; float:right;}
#topNotice_content {color:#ff3300; background:#fff2d4; line-height:32px; height:32px; overflow:hidden; text-align: center;font-size: 12px;}
/*右下角弹窗*/
#webim {
    width: 280px;
    height: 188px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999999;
}
#webim .dlstyle {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
}
/*内容开始*/
.navbar{
    position: relative;
    min-height: 41px;
/*    border: 1px solid transparent;*/
}
.navbar-default{
    background-color: #fafafa;
    border-color: #fafafa;
    font-size: 16px;
}
.nav-main {
    border-bottom: 1px solid #e6e6e6!important;
}
.col-md-4,.col-sm-4 {
    width: 20.666667%;
        position: relative;
}
.classify-all{
width: 240px;
}
.classify-all .classify-tit {
    background-color: #0062c4;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
}
.classify-all .classify-tit a {
    color: #fff;
    height: 41px;
    line-height: 41px;
    display: inline-block;
    padding-left: 14px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fff;
}
.col-md-17, .col-sm-17 {
    width: 70.83333333%;
}
.nav-main-menu {
    height: 41px;
    overflow: hidden;
}
.nav>li,.nav>li>a {
    display: block;
    position: relative;
}
.nav-main-menu li {
    float: left;
}
/*@media (min-width: 768px)
.navbar-nav>li {
    float: left;
}*/
.nav-main-menu li a {
    padding-right: 24px;
    padding-left: 24px;
    position: relative;
    color: #fff;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    color: #fff;
}
.nav>li>a {
    padding: 10px 30px;
}
.backgroun37{
    background-color: #3776d3;
}
/*精灵图*/
.icon-sort,.ico-triode,.ico-passive,.ico-discrete,.ico-mechanical,.ico-Security,.ico-meter,.ico-synthesis,.icon-hshh,.lt,.gt,.icon-product,.icon-demand,.icon-solution,.icon-Science,.icon-exhibition,.icon-finance,.icon-release,.icon-talk,.icon-match,.icon-buy,.icon-shop,.icon-open,.icon-bidding,.icon-weixin,.icon-price,.icon-goods,.settop,.yqj,.zfzz-logo,.icon-shopcar
{
    background-image: url(http://images.cecb2b.com/images/index2016/yqj.png);
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.icon-sort{
    width: 20px;
    height: 15px;
    background-position: -63px -82px;
    margin-left: 20px;
}
.rel{
    position: relative;
}
.nav-collapse {
    left: 0;
    position: absolute;
    top: 41px;
    width: 100%;
    z-index: 999;
}
.nav-collapse .nav-content:hover {
    display: block;
}
.nav-collapse .nav-content .nav-item:hover {
    display: block;
}
.nav-sort {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    background-color: #f8f8f8;
    height: 528px;
    z-index: 2;
}
.nav-sort, .nav-sort li {
    position: relative;
}
.nav-sort, .nav-sort li.active {
    border-bottom: 1px solid #e6e6e6;
}
.nav-sort .nav-tit{
/*padding: 0 20px;*/
}
.nav-sort .nav-tit .tab-t {
/*    border-bottom: 1px solid #eeeeee;*/
    border-top-color: #fff;
       padding: 20px 16px 10px 60px;
    height: 42px;
    line-height: 16px;
    position: relative;
}
.nav-sort .nav-tit .tab-t.active{
    background: #3776d3;
}
.nav-sort .nav-tit .tab-t.active h3,.nav-sort .nav-tit .tab-t.active a,.nav-sort .nav-tit .tab-t.active i{
    color: #fff;
}

.line-bottom{
border:0px;
width: 80%;
border-bottom: 1px solid #eeeeee;
margin: 0 auto;
}
.nav-sort .nav-tit .firsttab{
    height: 50px;
    padding: 25px 40px 6px 60px;
}
.nav-sort .nav-tit .lasttab{
    padding: 15px 28px 25px 60px;
}
.ico-triode,.ico-passive,.ico-discrete,.ico-mechanical,.ico-synthesis,.ico-meter,.ico-Security{
  width: 22px;
  height: 22px;  
}
.nav-tit .ico-passive,.nav-tit .ico-discrete,.nav-tit .ico-mechanical,.nav-tit .ico-synthesis,.nav-tit .ico-meter,.nav-tit .ico-Security{
    position: absolute;
    left: 25px;
    top: 20px;
}
.nav-tit .ico-triode{
    position: absolute;
    left: 25px;
    top: 24px;
}
.ico-triode{
    background-position: 0px 0px;
}
.ico-passive{
   background-position: -67px 0px; 
}
.ico-discrete{
   background-position:-33px  0px; 
}
.ico-mechanical{
    background-position: -100px 0px;
}
.ico-Security{
background-position: -133px 0px;
}
.ico-meter{
background-position: -163px 0px;
}
.ico-synthesis{
background-position: -195px 0px;
}
.active .ico-triode{
    background-position: 0px -34px;
}
.active .ico-passive{
   background-position: -67px -32px; 
}
.active .ico-discrete{
   background-position:-33px  -34px; 
}
.active .ico-mechanical{
    background-position: -100px -34px;
}
.active .ico-Security{
background-position: -133px -34px;
}
.active .ico-meter{
background-position: -163px -34px;
}
.active .ico-synthesis{
background-position: -195px -34px;
}
.nav-tit h3{
    height: 20px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}
.nav-tit p a{
    font-size: 12px;
    color: #999;
    margin-right: 10px;
    float: left;
    white-space: nowrap;
}
.nav-tit p{
    line-height: 20px;
}
.nav-tit p a:hover{
    color: #3776d3;
    text-decoration: underline;
}
.ico-gt {
    position: absolute;
    z-index: 1;
    top: 24px;
    right: 18px;
    width: 4px;
    height: 14px;
    font-family:'SimSun';
    font-size: 16px;
    font-style: normal;
    color:#ccc;
}
.firsttab .ico-gt{
    position: absolute;
    top: 28px;
}
.nav-content {
    position: absolute;
    background: #fff;
    top: 0;
    left: 239px;
    width: 720px;
/*    border: 1px solid #ddd;*/
    min-height: 528px;
    _height: 528px;
    box-shadow: 1px 0 8px #666;
    -webkit-box-shadow:1px 0 8px #666;
    -moz-box-shadow:1px 0 8px #666;
    display: none;
}
.nav-content.active{
    display: block;
}
.nav-content .nav-item{
    display: none;
    width: 720px;
    height: 528px;
}

.nav-content .nav-item .nav-l{
    width: 440px;
    height: 503px;
    float: left;
    padding-top: 25px;
    padding-left: 40px;
}
.nav-content .nav-item .nav-r{
    width: 240px;
    height: 528px;
    float: right;
}
.nav-r .nav-adv-top{
width: 240px;
height: 218px;

border-bottom: 1px solid #e6e6e6;
overflow: hidden;
}
.nav-r .nav-adv-bottom{
width: 240px;
height: 309px;

}
.nav-l h1{
    font-size: 18px;
    color: #333;
    border-left: 3px solid #3776d3;
    text-indent: 0.5em;
    margin-bottom: 10px;
}
.nav-l .dl-l{
    float: left;
    margin-right: 50px;
}
.nav-l .dl-r{
    float: left;
}
.nav-l dl{
    width: 178px;
    margin-top: 8px;
}
.nav-l dl dt{
    font-size: 14px;
    color: #333;
    margin-bottom: 12px;
}
.nav-l dl dd a{
display: inline-block;
color: #666;
margin-right: 10px;
line-height: 28px;
}
.nav-l dl dd a:hover{
  color: #3776d3;  
}



.uislider-service {
    height: 508px;
    padding: 20px 0 0 260px;
}
.uislider-service  .uislider-l{
width: 680px;
height: 508px;
float: left;
}
.uislider{
    overflow: hidden;
    width: 680px;
    position: relative;
        height: 300px;
}
.uislider-service .service-menu{
width: 240px;
height: 508px;
float: right;
}
.uislider-content li {
    display: block;
    z-index: 1;
    height: 300px;
}

.uislider .next {
    right: 0;
    border-radius: 5px 0 0 5px;
}

.uislider .prev {
    left: 0;
    border-radius: 0 5px 5px 0;
}

.uislider .uislider-pager {
    display: none;
}

.uislider:hover .uislider-pager {
    display: block;
}
.uislider-pager .next,
.uislider-pager .prev{
    position: absolute;
    top: 50%;
    margin-top: -31px;
    z-index: 1;
    width: 28px;
    height: 62px;
    line-height: 62px;
    background: #000;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    font-family: simsun;
    cursor: pointer;
    filter: alpha(opacity=20);
}
.uislider-pager .next:hover,.uislider-pager .prev:hover{
    background: rgba(0, 0, 0, .7);
    filter: alpha(opacity=70);
}
.dots-div {
    position: absolute;
    bottom: 20px;
    right: 15px;
}
.dots {
    display: inline-block;
}
.dots .dot {
    background: #090b0d;
    float: left;
    display: inline;
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%;
    margin-left: 2px;
    margin-right: 2px;
}
.dots .dot.active {
    background: #fa7018;
}
.goods-box{
height:185px;
padding-top: 25px;
}
.goods-box .icon-hshh{
    background-position: 0px -185px;
    width: 87px;
    height: 20px;
    float: left;
}
.goods-box .titps-box{
    width: 400px;
    float: right;
    height: 18px;
    overflow: hidden;
    position: relative;
}
.tit-box{
    height: 20px;
}
.titps-box{
    text-align: right;
}
.rollBox{
}
.rollBox a{
    color: #666;
}
.rollBox .list-tip{
    float: right;
}
.good-silder{
    width: 680px;
    height: 163px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    /*margin-top: 8px;*/
}
.good-silder .good-wrap{
width: 610px;
height: 155px;
margin: 0 auto;
overflow: hidden;
margin-top: 8px;
}
.good-silder .good-wrap ul{
    width: 99999px;
    position: absolute;

}
.good-silder .good-wrap ul li{
    width: 122px;
    height: 155px;
    float: left;
    position: relative;

}
.good-silder .good-wrap ul li a {


}
.good-silder .good-wrap ul li a .pImg{
/*    margin: 0 auto;*/

}
.good-silder .good-wrap ul li .buy-div{position: absolute;width: 122px;height: 155px;top: 0;left: 0;display: none;z-index: 2;box-shadow: 0px 0px 15px rgba(159,159,159,0.2);-webkit-box-shadow: 0px 0px 15px rgba(159,159,159,0.2);-moz-box-shadow: 0px 0px 15px rgba(159,159,159,0.2);-o-box-shadow: 0px 0px 15px rgba(159,159,159,0.2);}
.good-silder .good-wrap ul li .buy-btn{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #fff;background: #fa7018;display: inline-block;text-align: center;position: absolute;bottom: 0;}
.good-silder .good-wrap ul li:hover .buy-div{display: block;}
/*-webkit-box-shadow: 0 15px 30px rgba(159,159,159,0.2); -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1); -o-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1);*/
.good-btn a{
    display: inline-block;
}
.lt,.gt{
    width: 12px;
    height: 23px;
    display: inline-block;
}
.lt{
    background-position: -6px -218px;
    position: absolute;
    bottom: 70px;
    left: 10px;
}
.gt{
background-position: -38px -218px;
position:absolute;
bottom: 70px;
right: 10px;
}

.service-menu .shortcut{
    height: 48px;
    background: #3776d3;
    overflow: hidden;
}
.shortcut li a {
    display: block;
    height: 48px;
    overflow: hidden;
}
.icon-product{
    width: 26px;
    height: 24px;
    display: inline-block;
    background-position: 0 -131px;
}
.icon-demand{
    width: 26px;
    height: 23px;
    display: inline-block;
    background-position: -41px -132px;
}
.shortcut li {
    text-align: center;
    font-size: 12px;
    width: 119px;
    float: left;
    line-height: 48px;
    height: 48px;
}
.shortcut li.short-li{
border-right: 1px solid #fff;
}
.shortcut li a{
    color: #fff
}
.shortcut li a:hover{
    color:#fff;
    background-color: #1a5dbf;
}
.mark-dynamic{
    padding: 0 15px;
    height: 101px;
    overflow: hidden;  
}
.mark-dynamic h1{
    font-size: 14px;
    color: #383838;
    border-bottom: 1px solid #e6e6e6;
    height: 40px;
    line-height: 45px;
    margin-bottom: 12px;
}
.mark-dynamic ul li{
    font-size: 12px;
    color: #999;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}
.mark-dynamic ul li a{
    color: #333;
}
.mark-dynamic ul li a:hover{
    color: #3776d3;
}
.mark-dynamic ul li span i{
    color: #fa7018;
    font-style: normal;
}
.provider-tab{
    padding: 0 15px;
    height: 190px;
   /* overflow: hidden;*/
}
/*.tab-content{
    height: 130px;
}*/
.prvider-tit,.service-tab .service-tit{
    font-size: 14px;
    color: #383838;
    border-bottom: 1px solid #e6e6e6;
    height: 40px;
}
.prvider-tit span.active,.service-tab .service-tit span.active{
   border-bottom: 1px solid #3776d3;
}
.prvider-tit span,.service-tab .service-tit span{
    height: 40px;
    line-height: 42px;
    display: inline-block;
    margin-right: 13px;
    cursor: pointer;
}
.tit-cell{
    padding-top: 10px;
}
.tit-cell ul{
    line-height: 26px;
    overflow: hidden;
}
.tit-cell ul li{
    height: 26px;
    overflow: hidden;
    padding-left: 47px;
    width: 164px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tit-cell ul li img {
    position: absolute;
    left: 6px;
    top: 5px;
}
.brand-list{
    overflow: hidden;
    height: 138px;
    position: relative;
    z-index: 1;
    clear: both;
     width: 225px;
}
.supplier-cell{
    height: 128px;
    margin-top: 10px;
}
.supplier-cell .ul .li{
 /*   overflow: hidden;*/
    clear: both;
    height: 58px;
    margin-bottom: 10px;
}
.supplier-cell .ul a{
    float:left;
    width:60px;
    padding-right:14px;
    height:60px;
    display:inline; 
    position:relative;
    z-index:1;
    cursor:pointer
}
.supplier-cell .ul a img{
    display:block;
    border:1px solid #ddd;
}
.supplier-cell .ul a p{
    width: 191px;
    height: 53px;
    position: absolute;
    background: #3776d3;
    right: -135px;
    top: 68px;
    padding: 7px 10px 0 9px;
    color: #fff;
    line-height: 20px;
    display: none;
}
.supplier-cell .ul a p.p2{
    position: absolute;
    left: -75px;
}
.supplier-cell .ul a p.p3{
    position: absolute;
    left: -150px;

}
.supplier-cell .ul a p.p4{
  position: absolute;
  top:-68px;
}
.supplier-cell .ul a p.p5{
  position: absolute;
  top:-68px; 
   right: -60px; 
}
.supplier-cell .ul a p.p6{
  position: absolute;
  top:-68px;
  right: 15px;  
}
.provider-tab .tab-content{
height: 140px;
overflow: hidden;
}
/*采购服务*/
.service-tab{
    padding: 0 15px;
    height: 170px;
    overflow: hidden;
}
.service-tab .service-cell{
    margin: 20px 0px 0;
    height: 118px;
    overflow: hidden;
    width: 220px;
/*    background-color: red;*/
}

.service-tab .service-cell li{
    float: left;
    width: 40px;
    text-align: center;
    margin-right: 15px;
}
.icon-solution,.icon-Science,.icon-exhibition,.icon-finance,.icon-release,.icon-talk,.icon-match,.icon-buy,.icon-shop,.icon-open,.icon-bidding,.icon-weixin{
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-bottom: 10px;
}
.icon-solution{
   background-position: 0px -361px;
}
.icon-Science{
  background-position: -54px -361px;  
}
.icon-exhibition{
  background-position: -110px -361px;  
}
.icon-finance{
 background-position: -167px -361px;  
}
.icon-release{
 background-position: 0px -263px;
}
.icon-talk{
background-position: -54px -263px;
}
.icon-match{
    background-position: -110px -263px;
}
.icon-buy{
 background-position: -167px -263px;
}
.icon-shop{
background-position: 0px -311px;
}
.icon-open{
background-position: -54px -311px;
}
.icon-bidding{
background-position: -110px -311px;
}
.icon-weixin{
background-position: -167px -311px;
}
.service-tab .service-cell li .listspan{
     width: 24px;
    display: inline-block;
}
/*广告位*/
.adv-box{
    height: 90px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.adv-box-t{
    margin-top: 0px;
}
.adv-box .adv-l{
    width: 940px;
    height: 90px;
    float: left;
}
.adv-box .adv-r{
    width: 240px;
    height: 90px;
    float: right;
}
/*1f*/
.floor .tits{
    height: 46px;
    position: relative;
}
.floor .tits h2{
    font-size: 20px;
    color: #333;
    height: 46px;
    line-height: 38px;
}
.floor .tits h2 i{
    font-size: 20px;
    color: #3776d3;
    font-style: normal;
    display: inline-block;
    margin-right: 10px;
}
.floor .tits .settop {
    position: absolute;
    top: 15px;
    right: 0;
    height: 22px;
    line-height: 22px;
    color: #999;
    text-align: center;
    width: 70px;
    background-position:-1px -525px; 
}
.floor .tits .settop:hover{
    background-position:-81px -525px; 
    color: #fff;
}
.floor .tits .settop span {
    float: left;
    width: 64px;
    height: 20px;
    text-align: center;
    overflow: hidden;
    line-height: 22px;
}
/*.floor .tits .settop i {
    width: 16px;
    height: 16px;
    float: left;
    position: absolute;
    top: 10px;
}*/
.floor .tits .canseltop {
    position: absolute;
    top: 15px;
    right: 0;
    width: 70px;
    height: 22px;
    line-height: 22px;
    color: #999;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    overflow: hidden;
    text-align: center;
    display: none;
}
.floor{
    height: 505px;
    position: relative;
}
.development-banner {
    height: 460px;
    width: 260px;
    position: relative;
    overflow: hidden;
    float: left;
}
.fl{
    float: left;
    width: 260px;
    text-align: center;
}
.banner-slide {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
/*.banner-slide .hd {

}*/
.centerpoints .hd1 {
    /*transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);   */
    position: absolute;
    left: 50%;
    top: 282px;
    z-index: 100;
    display: inline-block;
    margin-left: -25px;
}
.banner-slide .hd1 li {
    text-indent: -9999px;
    background: #e4e4e4;
    cursor: pointer;
    float: left;
    height: 10px;
    width: 10px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
}
.smallpoints .hd1 li {
    width: 8px;
    height: 8px;
    margin: 3px;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=70);
}
.smallpoints .hd1 li.on {
    background: #0979e9;
    opacity: .7;
    filter: alpha(opacity=80);
}
.centerpoints .hd2{
    top: 282px;
}
.floor2 .centerpoints .hd1{
    top: 242px;
}
.floor3 .centerpoints .hd1{
    top: 242px;
}
.floor4 .centerpoints .hd1{
    top: 242px;
    margin-left: -20px;
}
.floor5 .centerpoints .hd1{
    top: 242px;
}
.floor6 .centerpoints .hd1{
    top: 242px;
    margin-left: -10px;
}
.floor7 .centerpoints .hd1{
    top: 242px;
    margin-left: -20px;
}
.linklist {
    text-align: center;
    background: rgba(255,255,255,.5);
    line-height: 20px;
    padding: 11px 0;
    font-size: 14px;
    top: 263px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);

}
.linklist,.fastlink-list{
    position: absolute;
    left: 0;
    z-index: 100;
    width: 100%;
}
.linklist-t{
    top:303px;
}
.fastlink-list {
    bottom: 0;
    background: rgba(255,255,255,.75);
    padding-left: 20px;
    line-height: 22px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
}
.linklist .zpbz{
margin-right: 15px;
}
.bd{
    height: 460px;
}
.bd ul{
    width: 999px;
    height: 460px;
}
.bd ul li{
    float: left;
    width: 260px;
    height: inherit;
    display: table;
}
.bd ul li a{
    display: table-cell;
    vertical-align:middle;
}
.bd ul li a .pImg{
    margin: 0 auto;
}
.icon-goods,.icon-price{
    width: 30px;
    height: 30px;
    display: inline-block;
}
.icon-goods{
       background-position: -110px -80px;
}
.icon-price{
    background-position: -142px -80px;
}
.fastlink-list a{
    font-size: 12px;
    color: #333;
    display: inline-block;
    margin-right: 15px;
    width: 220px;
    overflow: hidden;
/*    height: 28px;
    line-height: 28px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
     line-height: 28px;
    float: left;
}
.fastlink-list1{
    height: 95px;
    padding-top: 10px;
    overflow: hidden;
}
.fastlink-list1 a{
    width: 100px;
}
.tab-box{
    width: 700px;
    height: 458px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    float: left;
    overflow: hidden;
}
.tab-hd{
height: 58px;
background-color: #f5f5f5;
padding-left: 15px;
}
.tab-hd .model,.tab-hd .brand,.tab-hd .encap,.tab-hd .batch,.tab-hd .t-price{line-height: 58px;}
.model,.brand,.encap,.batch,.t-price{
    float: left;
    font-size: 14px;
    color: #666;
    height: 50px;
    line-height: 50px;
}
.model{
    width: 218px;
}
.brand{
    width: 96px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.encap{
    width: 86px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.batch{
    width: 80px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.t-price{
    width: 65px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tab-bd .serch-list{
     height: 50px;
    width: 685px;
    margin: 0 auto;
    padding-left: 15px;
}
.tab-bd .serch-list span{
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 12px;
}
.tab-bd .serch-list span a{color: #666;}
.tab-bd .serch-list span.buy-now{
    width: 80px;
    height: 28px;
    line-height: 28px;
    background: #fa7018;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    margin-top: 11px;
}
.tab-bd .serch-list span.buy-now a,.tab-bd .serch-list span.buy-now a:hover{color: #fff;}
.tab-bd .serch-list span .spot-goods{
background-color: #00a8ff;
color: #fff;
font-style: normal;
margin-left: 8px;
}
.tab-bd .serch-list span .hot-sale{
background-color: #cc0000;
color: #fff;
font-style: normal;
margin-left: 8px;
}
.tab-bd .serch-list span.brand,.tab-bd .serch-list span.encap,.tab-bd .serch-list span.batch{color: #999;}
.tab-bd .serch-list span.model a{width: 203px;padding-right: 15px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clolry{
    color: #fa7018;
}
.backgroung{
    background-color: #f5f5f5 !important;
}

.Power-sellers{
    float: left;
    width: 238px;
    height: 458px;
    border: 1px solid #e6e6e6;
}
.Power-sellers h1{
    font-size: 14px;
    color: #333333;
    border-bottom: 1px solid #e6e6e6;
    height: 48px;
    line-height: 48px;
    text-indent: 1em;
}
.power-box{
    width: 224px;
    height: 409px;
    overflow: hidden;
    padding-left: 14px;
}
.power-box ul li{
    height: 82px;
    border-bottom: 1px dashed #e6e6e6;
    width: 210px;
/*    margin: 0 auto;*/
    padding-top: 20px;
    position: relative;
}
.power-box ul li .power-tit a{
color: #333;
font-size: 12px;
height: 20px;
float: left;
overflow: hidden;
line-height: 26px;
}
.power-box ul li .power-tit a:hover{
    color: #3776d3;
}
.power-box ul li .le a{
    color: #3776d3;
    height: 20px;
    margin-top: 10px;
    float: left;
    width: 100px;
    overflow: hidden;
}
.power-box ul li .rt{
    position: absolute;bottom: 10px;
    right: 0px;

}
/*一楼广告位*/
.if1{
    height: 90px;
    clear: both;
}
/*2f*/
.floor2{
    height: 605px;
}
.floor3,.floor4,.floor5,.floor6{
height: 577px;
}
.floor7,.floor8{
     height: 486px;
}
.floor2 .bd,.floor3 .bd,.floor4 .bd,.floor5 .bd,.floor6 .bd,.floor7 .bd{
    height: 421px;
}
.floor2 .bd ul,.floor3 .bd ul,.floor4 .bd ul,.floor5 .bd ul,.floor6 .bd ul,.floor7 .bd ul{
height: 421px;
}
.floor2 .development-banner,.floor3 .development-banner,.floor4 .development-banner,.floor5 .development-banner,.floor6 .development-banner,.floor7 .development-banner{
    height: 421px;
}
.floor2  .fastlink-list,.floor3  .fastlink-list,.floor4  .fastlink-list,.floor5  .fastlink-list,.floor6  .fastlink-list,.floor7  .fastlink-list{
    height: 78px;
    padding-top: 12px;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
}

.device-box{
    width: 481px;
    height: 419px;
    border: 1px solid #e6e6e6;
    float: left;
    border-left: 0 none;
}
.device-l,.device-r{
    width: 208px;
    padding-left: 30px;
    float: left;
}
.device-tit{
    display: block;
    height: 24px;
    margin-top: 20px;
    position: relative;
}
.device-tit strong a{
    font-size: 14px;
    color: #333;
}
.otherlist{
    cursor: pointer;
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    background: url(http://images.cecb2b.com/images/index2016/yqj.png) -64px -224px;
}
.otherlist.active{
    background: url(http://images.cecb2b.com/images/index2016/yqj.png) -85px -224px;
}
/*.otherlist:hover+.other-detil{
    display: block;
}*/
.device-con a{
    display: inline-block;
    line-height: 24px;
    margin-right: 10px;
}
.other-list{

}
.tit-cont{
    display: inline-block;
    border: 1px solid #ffdec8;
    background-color: #ffeee3;
    color:#fa7018;
    padding: 2px 10px;
    margin-top: 10px;
}

.other-detil{
    width: 420px;
    border: 1px solid #ddd;
    padding: 8px 0 8px 12px;
    text-align: left;
    display: none; 
    background: #fff;
    z-index: 2;
    position: absolute;
    top: 24px;
}
/*.other-detil:hover{
    display: block;
}*/
.other-detil .poptit {
    height: 25px;
    line-height: 25px;
    font-weight: bold;
}
.other-detil .ps {
    line-height: 24px;
    word-break: break-all;
}
.other-detil .ps a {
    white-space: nowrap;
    margin-right: 10px;
    color: #115599;
}
.other-detil .ps a:hover{
    text-decoration: underline;
}
.other-detil .arrow {
    width: 11px;
    height: 6px;
    position: absolute;
    top: -6px;
    left: 0px;
    background: url(http://images.cecb2b.com/images/index_2014/index.gif) 0 -393px;
    overflow: hidden;
}
.other-detilr{
    position: absolute;
    top: 24px;
    left: -240px;
/*    display: block;*/
}

.sort-adv{
    width: 216px;
    height: auto;
    float: left;
    border-top: 1px solid #e6e6e6;
        /*padding-top: 2px;*/
}
.sort-adv ol li{
  width: 196px;
  height: 119px;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 20px;
  padding-top: 20px;
  position: relative;
}
.sort-adv ol li .sort-tit a{
    font-size: 14px;
    color: #333;
    height: 20px;
}
.sort-adv ol li .sort-price a{
font-size: 18px;
color: #fa7018;
height: 20px;
margin-top: 6px;
display: inline-block;
    font-weight: bold;
}
.sort-adv ol li .sort-price a i{
    font-style: normal;
    font-size: 14px;
}
.sort-adv ol li .sort-img{
width: 100px;
height: 100px;
position:absolute;
bottom: 0px;
right: 10px;
}
.sort-bigadv{
    border:1px solid #e6e6e6;
    float: left;
    width: 240px;
    height: 418px;
    display: table;
    border-bottom: 2px solid #e6e6e6;
}
.sort-bigadv a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.sort-bigadv a .pImg{
    margin: 0 auto;
}

.bottom-adv{
    height: 118px;
    border: 1px solid #e6e6e6;
    border-top: 0 none;
    clear: both;
    overflow: hidden;
}
.floor3 .bottom-adv,.floor4 .bottom-adv, .floor5 .bottom-adv, .floor6 .bottom-adv{
    height: 90px;
}
.bottom-ul{
    width: 1201px;
}
.bottom-adv .bottom-li{
float: left;
border-right: 1px dashed #e6e6e6;
margin-top: 20px;
width: 199px;
text-align: center;
}
.bottom-adv .bottom-li span{
    overflow: hidden;
    height: 16px;
    display: inline-block;
    line-height: 16px; 
}
.bottom-adv .bottom-li img{
    width: 148px;
    height: 54px;
}

.h20{
    height: 20px;
}
/*8f*/
.news-box{
    height: 380px;
    border-top: 2px solid #ccc;
}
.new-atlas{
width: 260px;
height: 380px;
margin-top: 15px;
float: left;
margin-right: 70px;
}
.latest-news{
width: 560px;
height: 380px;
float: left;
margin-right: 70px;
}
.market-trends{
width: 240px;
height: 380px;
float: left;
}
.new-atlas h1{
    font-size: 14px;
    color: #333;
    height: 55px;
    line-height: 50px;
    font-weight: bold;
}
.new-atlas .new-img{
width: 260px;
height: 195px;
position: relative;

}
.new-atlas .new-img .pos-word{
position: absolute;
bottom: 0px;
}
.new-atlas .new-img .pos-word {
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,.5);
    width: 260px;
    display: inline-block;
    text-align: center;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);

}
.new-atlas .new-img .pos-word a{
    color: #fff;
    font-size: 14px;
}
.new-atlas .new-img .pos-word a:hover{
    color: #3776d3;
}
.hot-top .tags{
    line-height: 24px;
}
.hot-top .tags a{
    white-space: nowrap;
}
.hot-top h1{
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.colorc{
    color: #cccccc;
    font-style: normal;
}
.latest-news h1{
    font-size: 14px;
    color: #333;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    margin-top: 15px;
}
.latest-news .latest-cont h2{
font-size: 16px;
color: #333;
font-weight: bold;
height: 30px;
line-height: 30px;
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.latest-news .latest-cont p{
    color: #666;
    line-height: 24px;
}
.latest-news .latest-cont p a{
    color: #3776d3;
    display: inline-block;
    margin-left: 5px;
}
.latest-box{
    height: 178px;
    border-bottom: 1px dashed #e6e6e6;
}
.latest-box .latest-cont{
    margin-top: 10px;
}
.check-box{
    padding-top: 25px;
}
.check-box ul li{
    height: 42px;
    line-height: 36px;
    float: left;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 40px;

}
.check-box ul li input{
    margin-right: 5px;
}
.market-trends{

}
.market-trends .market-box h1{
    font-size: 14px;
    color: #333;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    margin-top: 20px;
    position: relative;
}
.market-trends .market-box h1 a{
    color: #333;
    position: absolute;
    right: 0px;
    font-size: 12px;
    font-weight: normal;
}
.market-trends .market-box h1 a:hover{
    color: #3776d3;
}

.newsul li{
    color: #383838;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.square{
    width: 8px;
    height: 8px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    margin-right: 6px;
}
.lf_img1{ display:block; position:absolute; top:0; right:17px; cursor:pointer;width:18px;height:18px;background:url(http://images.cecb2b.com/images/index_2014/index.gif) 0 -68px;}
.rt_img2{ display:block; position:absolute; top:0; right:0; cursor:pointer;width:17px;height:18px;background:url(http://images.cecb2b.com/images/index_2014/index.gif) -18px -68px}
.rollBox img{border:none;}
.rollBox{width:400px;height:18px; float:left;display:inline; overflow:hidden;color:#999}
.rollBox .Cont{width:400px;overflow:hidden; height:18px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:390px;float:left; height:18px; line-height:18px;display:inline; overflow:hidden ; padding-left:10px; text-align:right}
*+html .rollBox .Cont .pic{width:390px;float:left; height:24px;display:inline; overflow:hidden;padding-left:10px;line-height:24px;}
.rollBox .Cont a{color:#999}
.rollBox .Cont a:hover{color:#3776d3;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

#marquee4 { width:225px !important}
/*图动的样式*/
.sort-adv ol li:hover .test{
    transform: translateX(-5px) !important;
    cursor: pointer;
}
.test{
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    -moz-transition: transform .4s ease-out,-moz-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out,-webkit-transform .4s ease-out,-moz-transform .4s ease-out;

    }

    .ihide {
    display: none !important
}

.navbar-default .navbar-nav>li>a:hover{
    background: #0062c4;
}
.zfzz-logo{
    width: 117px;
    height: 20px;
    display: inline-block;
    background-position:-83px -133px;
}

 .arrow-top{
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #3776d3 transparent;
    width: 0px;
    height: 0;
    font-size: 0;
    position: absolute;
    top: -14px;
    left: 22px;
}
.arrow-bottom{
   border-width: 8px;
    border-style: solid dashed dashed dashed;
    border-color: #3776d3 transparent transparent transparent;
    width: 0px;
    height: 0;
    font-size: 0;
    position: absolute;
    top: 58px;
    left: 22px;
}
#close{
position: absolute;
top: 8px;
right: 20px;
width: 15px;
height: 16px;
display: inline-block;
overflow: hidden;
background: url(http://images.cecb2b.com/images/index2016/yqj.png) 0 -162px;
}
#close:hover{
background: url(http://images.cecb2b.com/images/index2016/yqj.png) -16px -162px;
}
.imgbox p{text-align: center;font-size: 14px;}
.colory{color: #f97723;margin-top: 2px;}
.good-wrap ul li a:hover{color: inherit;}
.icon-hot {
    width: 25px;
    height: 15px;
    background-position: 0px -17px;
    position: absolute;
    top: 7px;
    left: 105px;
    background-image: url(http://images.cecb2b.com/images/common-service/zfn/zfa-new.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.sort-adv ol li .buynow-div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align: center;display: none;z-index: 2;box-shadow: 0px 0px 15px rgba(159,159,159,0.4);-webkit-box-shadow: 0px 0px 15px rgba(159,159,159,0.4);-moz-box-shadow: 0px 0px 15px rgba(159,159,159,0.4);-o-box-shadow: 0px 0px 15px rgba(159,159,159,0.4);}
.sort-adv ol li .buynow-div span.buy-now{width:100%;height: 32px;line-height: 32px;background: #3776d3;font-size: 15px;display: inline-block;text-align: center;color: #fff;background: #fa7018;position: absolute;bottom: 0px;left: 0px;}
.sort-adv ol li:hover .buynow-div{display: block;}
/*合并样式*/
/*.new-advwrap{width: 698px;float: left;}
.new-advwrap .sort-adv{width: auto;}
.new-advwrap .sort-adv ol li{width: 210px;border-right: 1px solid #e6e6e6;float: left;}*/
/*.new-advwrap .sort-adv:last-child{border-right: 0 none;}*/

/*不合并*/
.new-advwrap{width: 698px;float: left;}
.new-advwrap .sort-adv{width: 232px;border-right: 1px solid #e6e6e6;}
.new-advwrap .sort-adv ol li{width: 212px;}
.new-advwrap .sort-adv:last-child{border-right: 0 none;}