.top1height{ height: 320px;} .top2height{ height: 405px;} .top4height {height: 395px;} .top5height{ height: 262px;} .top6height{ height: 385px;} /*全局title*/ .jdtitle{height:41px;line-height:40px;overflow: hidden;} .jdtitle span { height: 39px; border-bottom: 2px solid #ffc000; display: inline-block; font-size: 16px; font-weight: bold; position: relative; z-index: 2; } .jdtitle .black { border-bottom: 2px solid #24282e; } .jdtitle b { border-bottom: 1px solid #e9e9e9; display: inline-block; width: 100%; position: absolute; left: 0; bottom: 0; } .jdtitle .moreico { width: 41px; height: 15px; background-position: -110px -145px; float: right; margin-top: 15px; } .jdtitle .moreico:hover { background-position: -180px -145px; } /**热门产品分类**/ .jdtitleyellow { text-align: center; height: 39px; line-height: 39px; background: #ffab00; color: #fff; font-weight: bold; font-size: 16px; } .jdhotcp { overflow: hidden; margin-top: 4px; } .jdhotcp li { width: 82px; height: 30px; text-align: center; line-height: 32px; border: 1px solid #e9e9e9; margin: 0 4px 3px 0; float: left; } .jdhotcp li:hover { background: #ffc000; border: 1px solid #ffc000; } .jdhotcp li:hover a { color: #fff; } .jdhotcp li a { width: 84px; margin: 0 auto; height: 32px; padding: 0 5px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .layui-carousel img { width: 550px; height: 320px; } /**网站服务**/ .jdwf { overflow: hidden; margin-top: 4px; border-top:1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } .jdwf li { width: 84px; height: 91px; border-left: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; float: left; text-align: center; } .jdwfico { background: url(/img/wzfw.png) no-repeat; display: inline-block; margin: 10px 0 5px 0; } .wf1_ico { width: 38px; height: 40px; background-position: -24px -91px; } .wf2_ico { width: 38px; height: 40px; background-position: -112px -91px; } .wf3_ico { width: 40px; height: 40px; background-position: -198px -91px; } .wf4_ico { width: 46px; height: 40px; background-position: -292px -91px; } .wf5_ico { width: 39px; height: 40px; background-position: -391px -91px; } .wf6_ico { width: 50px; height: 40px; background-position: -485px -91px; } .wf7_ico { width: 41px; height: 40px; background-position: -589px -91px; } .wf8_ico { width: 43px; height: 40px; background-position: -684px -91px; } .wf9_ico { width: 49px; height: 40px; background-position: -781px -91px; } .jdwf li:hover a { color: #ffc000; } .jdwf li:hover .wf1_ico { background-position: -24px -21px; } .jdwf li:hover .wf2_ico { background-position: -112px -21px; } .jdwf li:hover .wf3_ico { background-position: -198px -21px; } .jdwf li:hover .wf4_ico { background-position: -292px -21px; } .jdwf li:hover .wf5_ico { background-position: -391px -21px; } .jdwf li:hover .wf6_ico { background-position: -485px -20px; } .jdwf li:hover .wf7_ico { background-position: -589px -20px; } .jdwf li:hover .wf8_ico { background-position: -684px -21px; } .jdwf li:hover .wf9_ico { background-position: -781px -21px; } /**热门地区**/ .jdhotarea { font-size: 0; } .jdhottitle { width: 80px; height: 40px; background: #24284e; font-weight: bold; font-size: 16px; color: #fff; text-align: center; line-height: 40px; display: inline-block; vertical-align: bottom; } .jdhotlist { display: inline-block; width: 1016px; border: 2px solid #24284e; height: 36px; font-size: 14px; line-height: 36px; } .jdhotlist a { margin-left: 20px; } /**最新求购**/ .jdqgico { width: 20px; height: 18px; background-position: -20px -16px; position: relative; top: -8px; } /**最新供应**/ .jdgyxx li { height: 32px; line-height: 32px; float: left; margin-right: 30px; width: 260px; } .jdgyxx li a { width: 180px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jdgyico { width: 20px; height: 18px; background-position: -65px -16px; position: relative; top: -8px; } .color666 { color: #afafaf; float: right; } /*资料下载*/ .jdzlico { width: 20px; height: 18px; background-position: -110px -16px; position: relative; top: -8px; } /*产品*/ .jdcp {width: 817px;padding: 0 20px;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;border: 1px solid #e9e9e9;float: left;border-top: none;} .jdcp ul{ width: 800px; padding: 0 0 20px 5px; overflow: hidden;margin-top: -5px;} .jdcp li{ display: block; float: left; margin: 20px 50px 0 0; overflow: hidden; width: 113px; height: 130px; } .jdcp li:hover a.img{border: 1px solid #ffc000;} .jdcp li .imgtitle:hover {background:#ffc000;} .jdcp li a{ display: block; text-align: center;} .jdcp li a.img { width: 111px; border: 1px solid #dcdcdc; height: 98px; } .jdcp li a.img img { width: 103px; height: 90px; display: block; margin: 4px; } .jdcp li .imgtitle { height: 30px; line-height: 30px; text-align: center; background: #afafaf; display: inline-block; width: 93px; color: #fff; overflow: hidden; padding: 0 10px; } .jdtab{ overflow: hidden; margin: 0 auto; width: 276px;margin-top: 5px;} .jdtab a{ width: 70px; height: 40px; text-align: center; line-height: 40px; color: #000;display: block; float: left;border-bottom:1px solid #e9e9e9;margin-right: 15px;} .jdtab a.on{ font-weight: bold;border-bottom: solid 1px #ffc000;color: #ffc000;} .jdsj { width: 283px; border-left: none; padding: 0 10px; } .jdsj .jdtab { width: 185px; } .jdsj ul { width: 283px; margin-top: 15px; padding: 0 0 0 5px; } .jdsj ul li { width: 283px; margin: 0; height: 60px; line-height: 20px; } .jdsj ul li a { text-align:left; display: inline-block; width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .emvipleft { float: left; height: 60px; } .afhover { color: #afafaf !important; } .afhover:hover { color: #ffc000 !important; } /*资讯中心*/ .layui-colla-item { overflow: hidden; } .layui-colla-title { width: 300px; float: left; height: 48px; line-height: 48px; width: 260px; border-top: 1px solid #fff; font-size: 16px; } .layui-colla-content { width: 478px; height: 325px; float: left; border-top: none; position: absolute; right: 281px; top: 41px; } .layui-colla-icon { right: 15px; left: auto; } .layui-colla-item { border-top: none; } .layui-collapse { height: 342px; } .onclick { font-weight: bold; background: #fff; } .zxtitle { margin-top: 4px; } .zxtitle p { font-weight: bold; width: 450px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .zxtitle p .yellowline { height: 15px; width: 5px; background: #ffc000; display: inline-block; margin-right: 10px; vertical-align: sub; } .zxcontent { font-size: 12px; color: #afafaf; line-height: 25px; margin-top: 10px; text-indent: 25px; height: 100px; overflow: hidden; } .jdzx { margin-top: 8px; } .jdzx li a { width: 350px; } /*招聘信息*/ .jdzp { padding: 0; width: 260px; border: 1px solid #e9e9e9; } .jdzp ul li { height: 54px; } .jdzp ul { height: 327px; padding-left: 10px; } .ysanjiao_ico { width: 5px; height: 8px; background-position: -466px -195px; } /*行业培训*/ .jdpx { height: 354px; border: 1px solid #e9e9e9; padding: 20px; } .jdpx .jdpxtop { overflow: hidden; } .jdpx .jdpxtop li { display: block; float: left; margin: 20px 34px 0 0; overflow: hidden; width: 169px; height: 180px; text-align: center; } .jdpx .jdpxtop li:hover .img{ border: 1px solid #ffc000; } .jdpx .jdpxtop li .img { width: 167px; border: 1px solid #e9e9e9; height: 118px; display: block; } .jdpx .jdpxtop li a.img img { width: 159px; height: 110px; display: block; margin: 4px; } .jdpx .jdpxtop li a { display: block; width: 169px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jdpx .jdpxtop li .imgtitle { margin-top: 15px; margin-bottom: 5px; } .jdpx .jdpxtop li .imgtitle1 { color: #afafaf; } .jdpx .jdpxtop li .imgtitle1:hover { color: #ffc000; } .dashline { width: 770px; border-top: 1px dashed #e9e9e9; margin: 30px auto 0 auto; } .jdpxbottom { overflow: hidden; margin-top: 10px; } .jdpxbottom .jdpxbottomtitle { margin-bottom: 10px; } .jdpxbottom .yellowline { height: 15px; width: 5px; background: #ffc000; display: inline-block; margin-right: 10px; vertical-align: sub; } .jdpxbottom li { margin-right: 132px; float: left; width: 172px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; } .jdpxico { width: 5px; height: 5px; background: #afafaf; display: inline-block; margin-right: 5px; position: relative; top: -2px; } /*机电一体化论坛*/ .jdgkong .ysanjiao_ico { position: relative; top: -11px; } /*展会预告*/ .jdzhyg .zhtm{ float: left; margin-left: 10px; } .jdzhyg .zhdd{ float: left; margin-left: 10px; } .jdzhyg li { position: relative; } .jdzhyg li a { width: 415px; float: left; } .jdzhyg .ysanjiao_ico { top: 13px; float: left; } /*求职信息*/ .jdqz { height: 354px; } .jdqz ul li { height: 57px; }