@charset "utf-8"; /* css document */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-family:"微软雅黑"; font-size:14px;} fieldset,img{border:0} address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal} ol,ul{list-style:none} abbr,acronym{border:0} table {border-collapse:collapse; border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */ img{ -ms-interpolation-mode:bicubic; } h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} button, input, select, textarea {font-size: 100%;} a,a:link,a:visited,a:focus,a:hover,a:active {text-decoration:none;} article, aside, dialog, footer, header, section, footer, nav, figure {display: block;} :focus {outline-color: -moz-use-text-color;outline-style: none;outline-width: 0;} *{ box-sizing:content-box} .clear:after,.area:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;} .clear1 { clear: both; width: 100%; height: 0; font-size: 0; overflow: hidden;} .hide { display:none } input{vertical-align:middle} input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } .fl{ float:left;} .fr{ float:right;} /*头部第一部分--灰色条*/ .header { width: 100%; height: 40px; background: #f6f6f6; color: #666; zoom: 1; font-size: 14px; line-height: 40px; border-bottom: 1px solid #ddd; } .wrap { position: relative; width:1200px; margin:0 auto; } .header .wrap a{ color:#666;} .header-right { width: 700px; float: right; text-align: right; } .header-right a { padding: 5px 10px; } .header-left { width: 480px; float: left; } .header-left a { margin: 0 15px 0 0; color: #666; } .icons-services { background-position: 0 -12px; width: 16px; height: 20px; margin: -3px 3px 0 0; line-height: 10px; vertical-align: middle; } .icons { background-image: url(/uploads/image/snimages/icon.png); background-repeat: no-repeat; display: inline-block; overflow: hidden; } /*头部logo*/ .header-fix { width: 100%; background: #fff; height: 72px; z-index: 999; padding: 32px 0 0; } .header-fix.fixed{ position:fixed; top:0px; border-bottom: 1px solid #ccc; box-shadow: 2px 2px 4px #999; padding:0; height:70px; z-index: 1000; } .header-fix.fixed .top-search{ padding-top: 10px; } .top-search { float: right; width: 370px; /*height: 38px;*/ /*margin-top: 9px;*/ } .kf_rx{ width: 210px; float: right; line-height: 30px; font-weight: bold; color: #016cba; font-size: 17px; padding-left: 26px; background-image: url(/uploads/image/snimages/toubu-tel.png); background-repeat: no-repeat; background-position: 0 7px; } #quote_search { width: 230px; height: 30px; border: 2px solid #016cba; background-color: #016cba; float: right; } #quote_search:hover{ background-color:#005c9f;} #quote_search input[type=text] { width: 170px; border: none; height: 30px; text-indent: 10px; font-size:14px; color:#666; } #quote_search input[type=submit] { float: right; width: 57px; height: 30px; background-color: transparent; color: #fff; cursor: pointer; } #quote_search input[type=submit]:hover{ } input[type=button], input[type=submit] { border: none; } .top-sale:hover { /*font-weight: bold;*/ background-color:#f50; color:#fff; } .top-sale { display: inline-block; width: 110px; height: 63px; margin: 0 0 0 7px; border: 1px solid #ddd; position: relative; line-height: 87px; text-align: center; background-color: #f50; /*font-weight: bold;*/ color: #fff; font-size: 16px; text-decoration: none; cursor: pointer; background-image: ; background-repeat: no-repeat; background-position: center 7px; } .header-fix .top-logo { width: 452px; height: 72px; float: left; padding-left: 4px; } /*.top-form, .top-cart,*/ .top-sale { float: right; } .header-fix .top-logo { width: 452px; height: 72px; float: left; padding-left: 4px; } .top-logo a { background-image: url(/uploads/image/snimages/logo.png); background-repeat: no-repeat; width: 373px; height: 72px; display: block; } /*导航菜单*/ .menu_nav{ width:1200px; margin:0 auto; padding-top:30px;position:relative;overflow:hidden;} .menu_nav .navdh li{ padding:0 25px; display:inline-block; float:left; height:38px;} .menu_nav .navdh li a{ color:#333; font-size:18px; padding:5px 0; display:block;} .menu_nav .navdh li a:hover,.menu_nav ul.navdh li a.active{ border-bottom:4px solid #f50;} /*banner上的右侧内容*/ .banner_lunbo{position:relative; width:100%; height:400px; overflow:hidden;} .banner_lunbo .content{ position:relative; z-index:8; width:1200px; margin:0 auto;} .banner_right{ z-index:9; position:absolute; top:10px; right:0; width:290px; height:380px; background-color:#fff; border: 1px solid #e9e9e9; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.15); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.15); box-shadow: 5px 5px 8px rgba(0,0,0,0.15); overflow: hidden;} .banner_right .login {width: 290px;} .banner_right .login .login_box dt { width:210px; height:115px; padding:10px 40px; background:#fafafa; } .banner_right .login .login_box dt .infor { width: 210px; height: 60px; margin-bottom: 15px; } .banner_right .login .login_box dt .infor .pic { width: 60px; float: left; margin-right: 10px; } .banner_right .login .login_box dt .infor .pic a { display: block; width: 60px; height: 60px; border-radius: 30px; } .banner_right .login .login_box dt .infor .pic a img { width: 60px; height: 60px; border-radius: 30px; -ms-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; } .banner_right .login .login_box dt .infor .text { width: 130px; float: left; } .banner_right .login .login_box dt .infor .text p { width: 130px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; line-height: 24px; font-size: 14px; } .banner_right .login .login_box dt .infor .text p.p1 { color: #999; } .banner_right .login .login_box dt .login_btn { text-align: center; } .banner_right .login .login_box dt .login_btn a:hover,.banner_right .login .login_box dt .login_btn.login_f a,.banner_right .login .login_box dt .login_btn a.orange { background: #f50; } .banner_right .login .login_box dt .login_btn a { display: inline-block; margin: 0 5px; width: 86px; height: 30px; text-align: center; line-height: 29px; border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; font-size: 14px; background: #32aceb; } .banner_right .login .login_box dd { width: 290px; background: url(/uploads/image/snimages/dfk_bg.jpg) repeat-x; } .banner_right .login .login_box dd ul { width: 100%; overflow: hidden; } .banner_right .login .login_box dd ul li { width: 33%; float: left; height: 49px; line-height:49px; line-height: 20px; border-right: 1px solid #3392ec; text-align: center; } .banner_right .login .login_box dd ul li a { display: inline-block; display: block!important; height: 49px; line-height:49px; color: #fff; outline: none; background: left bottom no-repeat; background-size: 74px 0; background: none\9; transition: background-size .2s linear 0s; } .banner_right .login .login_box dd ul li.no { width:96px; border-right:0;} .banner_right .login .tab { width: 290px; background: #459ce9 url(/uploads/image/snimages/tab-bg.jpg) repeat-x; } .banner_right .login .tab .tab_content { width:290px; padding:12px 0;} .banner_right .login .tab .tab_content ul li { float: left; width: 94px;} .banner_right .login .tab .tab_content ul li.g9 { height:77px; width:96px;} .banner_right .login .tab .tab_content ul li.g9 a{ display: inline-block; display: block!important; width: 100%; padding-top: 48px; text-align: center; color: #999; outline: none; font-size:14px; background-color: #fff; padding-bottom: 10px; border: 1px solid #e8e8e8; } .banner_right .login .tab .tab_content ul li.g9 a:hover{ color: #999; border: #f50 solid 1px; font-weight: normal; color: #f50; position: relative; z-index: 100000; width: 95px; height: 18px; } .banner_right .login .tab .tab_content ul li.g9 a.bg1{ background: url(/uploads/image/simages_new/5b5195fb184da.jpg) no-repeat; background-size: 500px; background-position: -15px -380px; border-left: 0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg1:hover{ border-left:0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg2{ background: url(/uploads/image/simages_new/5b5195fb184da.jpg) no-repeat; background-size: 490px; background-position: -202px -281px; } .banner_right .login .tab .tab_content ul li.g9 a.bg3{ background: url(/uploads/image/simages_new/5b5195fb184da.jpg) no-repeat; background-size: 500px; background-position: -300px -380px; border-right:0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg3:hover{ width: 96px; border-right:0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg4{ background: url(/uploads/image/simages_new/5b5195fb184da.jpg) no-repeat; background-size: 480px; background-position: -285px -448px; border-left: 0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg4:hover{ border-left:0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg5{ background: url(/uploads/image/simages_new/5b5195fb184da.jpg) no-repeat; background-size: 480px; background-position: -375px -448px; } .banner_right .login .tab .tab_content ul li.g9 a.bg6{ background: url(/uploads/image/simages_new/5b5195fb184da.jpg) no-repeat; background-size: 480px; background-position: -375px -547px; border-right:0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg6:hover{ width: 96px; border-right:0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg7{ background: url(/uploads/image/simages_new/5b5195fb184da.jpg) no-repeat; background-size: 500px; background-position: -15px -288px; border-bottom: 0px; border-left: 0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg7:hover{ height: 19px; border-bottom: 0px; border-left: 0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg8{ background: url(/uploads/image/simages_new/5b5195fb184da.jpg) no-repeat; background-size: 490px; background-position: -101px -375px; border-bottom: 0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg8:hover{ height: 19px; border-bottom: 0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg9{ background: url(/uploads/image/simages_new/5b5195fb184da.jpg) no-repeat; background-size: 500px; background-position: -203px -91px; border-right:0px; border-bottom: 0px; } .banner_right .login .tab .tab_content ul li.g9 a.bg9:hover{ width: 96px; height: 19px; border-right:0px; border-bottom: 0px; } .banner_right .login .tab .tab_content ul li.ico12, .banner_right .login .tab .tab_content ul li.ico22, .banner_right .login .tab .tab_content ul li.ico32 { width:96px;} .banner_right .login .tab .tab_content ul li.ico11 a { background: url(/uploads/image/snimages/jiachunquan.png) no-repeat center top;} .banner_right .login .tab .tab_content ul li.ico12 a { background: url(/uploads/image/snimages/esmt.png) no-repeat center top;} .banner_right .login .tab .tab_content ul li.ico13 a { background: url(/uploads/image/snimages/jianyi.png) no-repeat center top;} .banner_right .login .tab .tab_content ul li a:hover { font-weight: bold; color: #fff;} .banner_right .login .tab .tab_content ul li a { display: inline-block; display: block!important; width: 100%; padding-top: 48px; text-align: center; color: #fff; outline: none; font-size:14px; } .banner_right .news {width:270px; padding:5px 10px; background:#fff;} .banner_right .news h3 { font-size: 14px; height: 24px; line-height: 24px; position:relative; } .banner_right .news h3 a{color:#333; font-weight:bold;} .banner .banner_right .news .box { position: relative; } .banner_right .news .hd { position: absolute; right: 0; top:7px; width: 32px; height: 10px; } .banner_right .news .hd .prev { background: url(/uploads/image/snimages/sy1.png) no-repeat -589px -4px; } .banner_right .news .hd .next { background: url(/uploads/image/snimages/sy1.png) no-repeat -583px -4px; } .banner_right .news .hd .prev, .banner_right .news .hd .next { display: inline-block; width: 6px; height: 9px; margin: 0 5px; overflow: hidden; cursor: pointer; } .banner_right .news .box .bd { width: 270px; overflow: hidden; height: 70px; } .banner_right .news .box ul { overflow: hidden; zoom: 1; } .banner_right .news .box ul li { padding-left: 10px; width: 260px; height: 24px; overflow: hidden; line-height: 24px; background: url(/uploads/image/snimages/sy1.png) no-repeat -8px -445px; } .banner_right .news .box ul li span { float: right; color: #b0b0b0; font-size: 12px; margin-left: 10px; } .banner_right .news .box ul li a { color: #666; font-size:12px; } /*banner左侧悬框*/ .sellerbuy { position: absolute; top:10px; left:0; width: 290px; height: 380px; background-color: #fff; z-index: 3; border: 1px solid #e9e9e9; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.15); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.15); box-shadow: 5px 5px 8px rgba(0,0,0,0.15); /* overflow: hidden; */ } .sellerbuy #mytab { height: 44px; padding-left: 0; } .sellerbuy #mytab li { display: block; float: left; background-color: #e9e9e9; width:33%; line-height: 44px; text-align: center; } .sellerbuy #mytab #index_gong{ border-left: 1px solid #fff; border-right: 1px solid #fff; } .sellerbuy #mytab li.active a { background-color: #fff; color: #e13911; } .sellerbuy #mytab li a { display: block; font-size: 18px; text-decoration: none; color:#999; } .tab-content { margin-top: 10px; } .tab-content>.active { display: block; } /*.tab-content>.tab-pane { display: none; }*/ .fade.in { opacity: 1; } .searchbuy { width: 290px; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .tab-content .form-group { margin-bottom: 10px !important; } .searchbuy span.span01 { font-size: 14px; color: #999; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } .col-xs-7 { width: 210px; height:37px;} .col-xs-7 ul.list_items{ float:left; margin-right:0px; padding:0px; } .col-xs-7 ul.list_items li{ float:left; border-right:none; } .col-xs-7 ul.list_items li a{ margin:1px; padding:2px 8px; display:block; line-height:30px; height:30px; border:1px solid #ccc; position:relative; color:#565656; font-size: 12px; } .col-xs-7 ul.list_items li a.active i{ width:14px; height:14px; position:absolute; top:23px; right:-4px; display:block; background:url(/uploads/image/snimages/icon.png) no-repeat -225px -186px; font-size: 12px; } .col-xs-7 ul.list_items li:hover a,ul.list_items li a.active{ border:1px solid #0082e6; text-decoration:none; color:#0082e6; font-size: 12px; } /*----地区选择器-------------------------------------------------------------------------------*/ .arrow,.cb,.rb{background-image:url(/uploads/image/simages_new/icon_3.png);} .sb{ border:solid 1px #cfcfcf;cursor:pointer;background-color:#ffffff;position:relative;float:left;margin:0 10px 0 0;display:inline-block; } .che_ti * .opts{ width: 85px!important;; } .che_ti{margin-right: 0px!important; margin-left:20px;} .che_ti .sb{width: 78px!important;} .sb *{color:#666666!important;font:normal 12px song;cursor:pointer;background-color:#fff;} .sb .opts{border:1px solid #ccc;cursor:pointer;display:none;height:auto;left:0;max-height:121px;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:auto;z-index:99;} .sb > .selected{ padding:0 15px 0 10px;overflow:hidden;position:absolute;cursor:pointer;left:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .sb .opts a{width:auto;height:24px;line-height:24px;padding:0 5px;cursor:default;outline:none;white-space:nowrap;text-decoration:none;display:block;cursor:pointer;} .sb .opts a.selected{background:#ffffe1;} .sb .opts a.none{background:#fff;} .sb .opts a:hover{background:#e5f5ff;cursor:pointer;} .sb .sb_icon{width:7px;height:4px;overflow:hidden;position:absolute;cursor:pointer;right:4px;} .sb .arrow{background-position:-27px -18px;} .sb_active .arrow{background-position:-27px -4px; } .top-area .sb{ border:none; width:115px; margin:0} /*-------------------------*/ .col-xs-3 { width: 60px;} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10 { float: left; position: relative; min-height: 1px; padding-left:15px; padding-right:15px; } .searchbuy .col-xs-7 { padding-left: 0; } .form-control { display: block; width: 100%; height: 27px; padding: 4px 12px; font-size: 14px; line-height: 1.82857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .pull-left { float: left !important; } .text-center { text-align: center; } .col-xs-9 { width: 220px; margin-left:25px;} .searchbuy input[type='submit'] { width: 100%; } .btn-danger { color: #fff; background-color: #e13911; border-color: #c9330f; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.82857143; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*首页招竞标样式开始*/ .container{ width:1200px; margin:0 auto; position:relative;} .index-bid .index_bid_01 h4{ margin-bottom:0px; font-size:18px; margin-top:30px; font-weight:500; line-height:40px; border-bottom:3px solid #e54926; width:81px; text-align:center;} .index-bid .index_bid_01 h4 a{ font-size:14px; color:#999;} .index-bid .index_bid_01 h4 a:hover{color:#f50;} .index_bid_02{ border:1px solid #ddd; border-top:1px solid #ff9229;} .index_bid_02 .index_bid_right{ width:259px; padding:0 15px 10px 15px; position:relative;} .index_bid_02 .index_bid_right h5 { margin: 15px 0; font-size: 14px;} .index_bid_02 .index_bid_right ul li a { display: block; height:30px; line-height:30px; text-decoration: none; color:#333;} .index_bid_02 .index_bid_left{ width: 900px; border-right: 1px solid #ddd;} .index_bid_list{ position:relative; padding:18px 0 18px 80px;} .index_bid_list img{ position:absolute; left:0; top:0;} .index_bid_list_right{ float:right; width:300px; text-align:center; color:#666; border-left:1px solid #ddd;} .index_bid_list_right p { margin:0 auto; text-align:center; width:220px; font-size:15px;} .index_bid_list_right p a.index_bid_btn{ display:block; width:220px; height:38px; line-height:38px; text-align:center; color:#fff; font-size:16px; border-radius:3px; margin-top:5px;} .index_bid_list_left{ float:left; font-size:14px;} .index_bid_list_left h3{ font-size:16px; font-weight:bold; padding-bottom:18px;} .index_bid_list_left .canshu{float:left;width:167px;} .index_bid_list_left .canshu p{ line-height:22px; font-size:14px;} /*首页招竞标样式结束*/ /*产品推荐样式*/ .recommend .recommend01 h4 { margin-bottom:0px; font-size:18px; margin-top:30px; font-weight:500; line-height:40px;} .recommend .recommend01 h4 a{ font-size:14px; color:#999;} .recommend .recommend01 h4 a:hover{color:#f50;} .recommend .recommend02{position: relative;float: left;margin-right:35px;background-color: #fff; transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;} .recommend .recommend02:last-child{margin-right: 0px;margin-right: 0px\9;} .recommend .recommend0200{margin-right: 0px;} .recommend .recommend02 .recommend02_01{width: 210px; height: 180px;text-align: center;border: 1px solid #dcdcdc; } .recommend .recommend02 .recommend02_01 .re1{background-color: #e5e5e5;} .recommend .recommend02 .recommend02_01 .re1 h5{margin: 0;line-height: 45px;font-size: 16px;} .recommend .recommend02 .recommend02_01 .re2 h3{margin: 12px 0;} .recommend .recommend02 .recommend02_01 .re2 p span{ font-size:14px; color:#333;} .recommend .recommend02 .recommend02_02{background: no-repeat -2px -51px;width:37px;height: 48px;position: absolute;left: -6px;top: -5px;} .recommend .recommend02 .rep{background-position: -43px -51px;} .recommend .recommend02 .recommend02_03 a{display:block;background: no-repeat -2px -102px;width:78px;height: 78px;position: absolute;left: 135px;top: 105px;} .recommend .recommend02:hover { -webkit-transform: translatey(-5px); transform: translatey(-5px); } .recommend .recommend02:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .recommend02:hover:before, .recommend02:focus:before, .recommend02:active:before { opacity: 1; -webkit-transform: translatey(5px); transform: translatey(5px); } /*2019-7-3版首页招竞标样式*/ .recommend .gq_box_g{ width:100%; overflow: hidden;height:222px;} .recommend .gq_box_g li{ margin-right: 35px; float: left;} .recommend .recommend03{position: relative;float: left;background-color: #fff; transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;} .recommend .recommend03:last-child{margin-right: 0px;margin-right: 0px\9;} .recommend .recommend0300{margin-right: 0px;} .recommend .recommend03 .recommend02_01{width: 374px; height: 220px;text-align: center;border: 1px solid #dcdcdc; } .recommend .recommend03 .recommend02_01 .re1{background-color: #e5e5e5; color:#fff;} .recommend .recommend03 .recommend02_01 .re1 .tip{ width:65px; float: left; line-height: 45px; font-size: 16px; border-right:1px solid #fff;} .recommend .recommend03 .recommend02_01 .re1 h5{margin: 0;line-height: 45px;font-size: 16px;} .recommend .recommend03 .recommend02_01 .re2 h3{margin: 12px 0;} .recommend .recommend03 .recommend02_01 .re2 p span{ font-size:14px; color:#333;} .recommend .recommend03 .recommend02_01 .re2 .canshu{ width:49%; float: left; line-height: 25px;margin-top:10px;} .recommend .recommend03 .recommend02_01 .re2 .index_bid_list_right{ width:50%; float: left;line-height: 25px;margin-top:10px;} .recommend .recommend03 .recommend02_01 .re2 .index_bid_list_right p{ width: 100%;} .recommend .recommend03 .recommend02_01 .re2 .jpjg {background: #f5f5f5; border: 1px solid #eaeaea; width:334px; margin:10px auto; font-size:16px;} .recommend .recommend03 .recommend02_01 .re2 .jpjg span{ line-height: 36px; margin-left:10px;} .recommend .recommend03 .recommend02_01 .re2 .jpjg span.tip{ background: no-repeat;background-size: 20px ; } .recommend .recommend03 .recommend02_01 .re2 a.index_bid_btn{ display:block; width:220px; height:38px; line-height:38px; text-align:center; color:#fff; font-size:16px; border-radius:3px; margin-top:5px;margin-left: auto; margin-right: auto} .recommend .recommend03 .recommend02_01 .re2 a.tip_line{ position: absolute; bottom: 21px; right: 20px; font-size: 12px; color: #000;} .recommend .recommend03 .recommend02_02{background: no-repeat -2px -51px;width:37px;height: 48px;position: absolute;left: -6px;top: -5px; } .recommend .recommend03 .rep{background-position: -43px -51px;} .recommend .recommend03 .recommend02_03 a{display:block;background: no-repeat -2px -102px;width:78px;height: 78px;position: absolute;left: 135px;top: 105px;} /*.recommend .recommend03:hover { -webkit-transform: translatey(-5px); transform: translatey(-5px); }*/ .recommend .recommend03:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .recommend03:hover:before, .recommend03:focus:before, .recommend03:active:before { opacity: 1; -webkit-transform: translatey(5px); transform: translatey(5px); } b, strong { font-weight: bold; } .text-danger { color: #e13911; } h3, .h3 { font-size: 24px; } /*两个广告*/ .ad_banner { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 25px; } .ad_b_top_l { width: 585px; height: 80px; float: left; overflow: hidden; } .ad_b_top_r { width: 585px; height: 80px; float: right; overflow: hidden; } /*撮合版块*/ .bt h4 { margin-bottom: 0px; font-size:20px; margin-top:25px; line-height:40px; font-family:"微软雅黑";} .bt h4 a{ font-size:14px;} .f50{ color:#f50;} .left_side { position: absolute; width: 212px; height: 380px; left: 0; top: 40; } .left_side .ch_but{ height: 126px; width: 100%; background-color:#eb5e19; } .left_side .ch_but a.but1{ width: 90px; height: 32px; background:url(/uploads/image/snimages/shouye_cuohebtn.png) no-repeat 0px 0px; display: block; float: left; margin-top: 45px; margin-left: 10px; } .left_side .ch_but a.but1:hover{ background-position:0px -32px; } .left_side .ch_but a.but2{ width: 90px; height: 32px; background:url(/uploads/image/snimages/shouye_cuohebtn.png) no-repeat -90px 0px; display: block; float: left; margin-top: 45px; margin-left: 10px; } .left_side .ch_but a.but2:hover{ background-position:-90px -32px; } .cuohe_content{ margin-left: 212px; overflow: hidden; border:1px solid #ddd; height: 378px; } .tablebp { margin-bottom: 0; } .table { width: 100%; max-width: 100%;background-color: transparent;border-collapse: collapse; border-spacing: 0; font-size:13px; table-layout:fixed; } thead { display: table-header-group; vertical-align: middle; border-color: inherit; } tr { display: table-row; vertical-align: inherit; border-color: inherit; } .table>caption thead>tr:first-child>th, .table>colgroup thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption thead>tr:first-child>td, .table>colgroup thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td { border-top: 0; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { border-top: 1px solid #ededed; } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 8px 4px; line-height: 1.82857143; vertical-align: top; border-top: 1px solid #ddd; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*.table>thead>tr>th:hover, .table>tbody>tr>th:hover, .table>tfoot>tr>th:hover, .table>thead>tr>td:hover, .table>tbody>tr>td:hover, .table>tfoot>tr>td:hover { text-overflow:inherit; overflow:visible; }*/ .tablebp thead th { color: #999; font-weight: normal; border-bottom: none!important; } th { text-align: left; } td, th { padding: 0; } tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9; } .tablebp tbody tr td span { background: url(/uploads/image/snimages/iconnote.png) no-repeat -125px -3px; width: 19px; height: 23px; display: block; margin-left: 5px; } .tablebp tbody tr td .span01 { background-position: -153px -3px; } .anniu{ display:block; color:#fff; padding:0 9px; line-height:25px; text-align:center;} .bgf50{background-color:#f50;} .bgblue{ background-color:#0088de;} .bggrey{ background-color:#ddd;} .cuohe_chengjiao{ border-top:1px solid #ddd;} .cuohe_chengjiao span { display: inline-block; color: #f50; width: 100px; font-size: 18px; line-height: 45px; padding: 0 15px; font-weight: bold; float: left; } .xmarquee_c { width: 850px; overflow: hidden; } .xmarquee_c ol{ padding:0; margin:0; list-style:none; font-size:14px; font-weight:bold;} .xmarquee_c ol li{ float:left; width:270px; line-height:45px;} .xmarquee_c ol li a{ color:#f50;} /*纸货交易*/ .green{ color:#41d081;} .changwai_content{ margin-left: 212px; overflow: hidden; border:1px solid #ddd; height: 378px; } .f2_chengjiao{ width:234px;} .f2_chengjiao h5{ margin:15px 0; font-size:14px;} .newtransaction02 { height: 240px; overflow: hidden; } .newtransaction02 ul{ list-style:none; padding-left:10px;} .newtransaction02 ul li{background: no-repeat;height: 55px;padding-left: 20px;background-position-y:bottom;} .newtransaction02 ul li span{width: 90px;display: inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:14px; color:#999;} hr { margin-top: 20px; margin-bottom: 12px; border: 0; border-top: 1px solid #eee; } .changwaifabu{ text-align:center; width:213px; padding-left:22px; margin-top:21px;} .changwaifabu a{ display:block; width:190px; height:40px; line-height:38px; text-align:center; color:#fff; font-weight:600; font-size:20px; background-color:#fb7303; border:1px solid #fb7303; border-radius:3px;} /*供求交易*/ .yellow{ color:#f90;} .changwai_content{ margin-left: 212px; overflow: hidden; border:1px solid #ddd; height: 378px; } .zhongjian{ width:750px; border-right:1px solid #ddd;} .tuijiankuqu{ border-bottom:1px solid #ddd; height:85px; line-height:85px;} .tuijiankuqu span{ font-weight:bold; padding:0 10px; float:left;} ul.list_brands { overflow: hidden; zoom: 1; } ul.list_brands li { float: left; _display: inline; width: 126px; height: 48px; padding: 0; background: #fff; text-align: center; margin: 1px 2px; } ul.list_brands li a { display: block; height: 44px; width: 122px; border: 1px #ddd solid; overflow: hidden; padding: 1px; zoom: 1; color: #005aa0; line-height: 46px; text-align: center; position: relative; } ul.list_brands li a img { margin: 5px 11px; vertical-align: top; } .list_search{ overflow:hidden; float:left; padding-top:17px;} .gqw { width:116px; text-align:center;} .gqfabu_left,.gqfabu_right{ width:86px; margin:0 auto;} .gqfabu_left h5{ font-size:20px; line-height:20px; color:#ff7300;} .gqfabu_left p,.gqfabu_right p{ font-size:14px; color:#999; text-align:left;} .anniu_gongqiu{ width:86px; text-align:center; line-height:30px; height:30px; color:#fff; font-size:14px; font-weight:bold; display:block; margin-top:15px; border:1px solid #ff7300; border-radius:3px;} .bgyellow{ background-color:#ff7300;border:1px solid #ff7300;} .gqfabu_right h5{ font-size:20px; line-height:20px; color:#0088de;} .anniu_gongqiu{ width:86px; text-align:center; line-height:30px; height:30px; color:#fff; font-size:14px; font-weight:bold; display:block; margin-top:15px; border-radius:3px;} .bgblue2{ background-color:#0088de;border:1px solid #0088de;} .bordr{ border-right:1px solid #ddd;} /*资讯信息*/ .bt h4{ position:relative; width:1200px;} .bt .diqu { position: absolute; width: 668px; left: 450px; top:3px; font-size: 0.7em; font-weight: bold; line-height: 34px; text-align: right; font-size:14px; color:#4388ff; } .bt .diqu a { display: inline-block; margin: 0 2px; padding: 0 3px; font-weight: bold; color: #f90; height: 34px; overflow: hidden; } .blue{ color:#4388ff;} .sy_news_content{ border-width:3px 1px 1px 1px; border-style:solid; border-color:#0081f7 #ddd #ddd #ddd; color:#ddd;} .sy_news_content{ padding:22px 28px;} .sy_news_content .sy_news_l{ float:left; margin-right:38px; width:385px;} .sy_news_content .sy_news_m{ float:left; margin-right:38px; width:280px;} .sy_news_content .sy_news_r{ float:right; width:385px;} .sy_news_content h4 { height: 30px; width: 100%; text-align: left; line-height: 30px; padding-bottom:10px; border-bottom: 1px solid #ddd; font-size: 16px; color: #0081f7; margin-bottom: 20px; font-family: 微软雅黑; font-weight:bold; position:relative; } .sy_news_content h4 span{color: #0081f7;} .sy_news_content h4 a{ color:#666; font-size:12px; float:right;} .sy_news_content .sy_news_l1 li { height: 28px; line-height: 28px; text-align: left; } .sy_news_content .sy_news_l1 li img { margin-top: -1px; margin-right: 3px; } .sy_news_content .sy_news_l1 li a { color: #333; } .sy_news_content .sy_news_l1 li span { float: right; text-align: right; display: block; height: 25px; line-height: 25px; color: #333; } .con { width: 130px; float: left; margin-right: 20px; margin-bottom: 20px; } /*友情链接*/ .list_tables{ border-width:0 1px 1px 1px; border-style:solid; border-color:#ddd; padding:20px 30px; } .list_tables table tr a{ line-height:30px; color:#333;} /*底部footer .footer1{ }*/ .footer1{margin-top:25px; padding:30px 0 0; border-top:1px solid #f6f6f6;width:100%; background-color:#f6f6f6; position:relative; z-index:101} .footer1 .list{ padding:0 0 30px;} .footer1 .list .one{ float:left; display:inline; width:160px; margin:0 80px 0 0; text-align:center; font-size:1em; color:#999;} .footer1 .list .one img{ display:block;} .footer1 .list .one h5{ color:#666; font-size:0.8em;} .footer1 .list .two{ position:relative; float:left; display:inline; width:139px; margin:0 70px 0 0; border-right:1px solid #cfcfcf;} .footer1 .list .two .icon_buy{ position:absolute; top:0; left:-40px; display:block; width:34px; height:34px; background-position:-223px -66px; overflow:hidden;} .footer1 .list .two h4{ padding:10px 0; color:#666; font-size:1em;} .footer1 .list .two li{ line-height:24px;} .footer1 .list .two li a{ color:#707070; font-size:0.8em;} .footer1 .list .three{ position:relative; float:left; display:inline; width:139px; margin:0 70px 0 0; border-right:1px solid #cfcfcf;} .footer1 .list .three .icon_sale{ position:absolute; top:0; left:-40px; display:block; width:34px; height:34px; background-position:-223px -32px; overflow:hidden;} .footer1 .list .three h4{ padding:10px 0; color:#666; font-size:1em;} .footer1 .list .three li{ line-height:24px;} .footer1 .list .three li a{ color:#707070; font-size:0.8em;} .footer1 .list .four{ position:relative; float:left; display:inline; width:149px; margin:0 70px 0 0; border-right:1px solid #cfcfcf;} .footer1 .list .four .icon_business{ position:absolute; top:0; left:-40px; display:block; width:34px; height:34px; background-position:-223px -100px; overflow:hidden;} .footer1 .list .four h4{ padding:10px 0; color:#666; font-size:1em;} .footer1 .list .four li{ line-height:24px;} .footer1 .list .four li a{ color:#707070; font-size:0.8em;} .footer1 .list .five{ position:relative; float:left; display:inline; width:139px; margin:0 30px 0 0; border-right:1px solid #cfcfcf;} .footer1 .list .five .icon_question { position:absolute; top:0; left:-40px; display:block; width:34px; height:34px; background-position:-223px -134px; overflow:hidden;} .footer1 .list .five h4{ padding:10px 0; color:#666; font-size:1em;} .footer1 .list .five li{ line-height:24px;} .footer1 .list .five li a{ color:#707070; font-size:0.8em;} .footer1 .list .six{ float:left; display:inline; width:120px; margin-left:20px;} .footer1 .list .six img{ display:block;} .footer2{ background-color:#565656; width:100%; height:85px; padding:20px 0 15px 0;} .w1200{ width:1200px; margin:0 auto; position:relative;} .footer2 .footer-nav{ position: absolute; left: 0; top: 15px; font-size:12px} .footer2 .footer-nav p { margin-bottom: 14px;color:#fff; } .footer2 .footer-nav p a{ color:#fff;} .footer2 .footer-nav-cut{ margin: 0 10px; color: #a5a5a5;} .footer2 .img-zheng{ width: 230px; position: absolute; top: 10px; right: 0;} #adshow_img{ background-color:#fff; background-size: 285px 305px; width: 564px; min-height: 190px; padding: 10px; top: 20%; left: 50%; margin-left: -142px; border-radius: 5px; border:1px solid #1647d2; color: #1647d2; } .nav_er{ border-top:1px solid #ddd; background:#fff; width:100%; z-index:100; text-align:center; } .nav_er ul{ width:1200px; margin:0 auto;border-bottom:1px solid #ddd; height:40px; line-height:40px; margin-bottom:15px;} .nav_er ul li{ float:left; font-size:14px; color:#333;} .nav_er ul li a{color:#333; display:block;} .nav_er ul li a span{ padding: 0 25px; border-right: 1px solid #e6e6e6;} .nav_er ul li a.active_jiaoyi{ color:#f50; border-bottom:2px solid #f50; font-weight:bold;} .table .th{ text-align: center} #menu_tip1{ position:absolute; left:68px;top:68px; width:150px; min-height:20px; background-color:#fff; border:1px solid #ddd; padding:10px; font-size:16px; line-height:30px;z-index:1000;} #menu_tip2{ position:absolute; left:199px;top:68px; width:150px; min-height:20px; background-color:#fff; border:1px solid #ddd; padding:10px; font-size:16px; line-height:30px;z-index:1000; } #menu_tip3{ position:absolute; left:336px;top:68px; width:150px; min-height:20px; background-color:#fff; border:1px solid #ddd; padding:10px; font-size:16px; line-height:30px;z-index:1000;} .gongqiufabu{ margin-top:10px; } .top-search .seach_box { /* margin-right: auto;*/ margin-left: 0px; width: 580px; overflow:hidden; /* float: right;*/ } .top-search .seach_box_span { margin-top: 0px; width: 330px; overflow:hidden; } .top-search .seach_box_span span{ display: block; float: left; padding:3px 10px 5px 10px; font-size: 14px; color:#0088de; cursor: pointer; } .top-search .seach_box_span span.sel{ color:#fff; background-color: #0088de; border-radius: 5px; } .top-search .seach_box_form{ width: 550px; overflow: hidden; /*background-color: #fff;*/ margin-top: -3px; /*margin-bottom: 30px;*/ } .top-search .seach_box_form .sea_inp{ font-size: 16px; padding: 5px; border:2px solid #0088de; width: 345px; float: left; } .top-search .seach_box_form .sea_but{ font-size: 16px; color: #fff; background-color: #0088de; width: 70px; line-height: 35px; float:left; } .top-search .seabar { width: 100%; border-bottom: 2px solid #0088de; overflow: hidden; } .top-search .seabar span{ display: block; float: left; font-size: 16px; color:#0088de; cursor: pointer; line-height: 36px; padding: 0px 25px; color: #000; background-color: #e6e5e5; margin-left: 1px; } .top-search .seabar span.title{ display: block; float: left; width: 140px; font-weight: bold; font-size: 16px; line-height: 30px; padding: 0px; color:#000; background-color: #fff; } .top-search .seabar span.sel{ color:#fff; background-color: #0088de; }