@charset "utf-8"; .dpn{ display:none;} .im0l{display: block} .logo{width:280px;} #search_tips {margin:78px 0 0 360px;} /*左右布局*/ .m-screen .middle {width:692px;float:left;margin-left:255px;} .m-screen .right{width:238px;float:right;height:442px;padding:0px;} /*幻灯广告区域*/ .i_facility_mt_a1 { overflow:hidden;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);} .i_facility_mt_a1 .qc-head { height:50px; line-height:50px; font-size:16px; color:#555; width:100%; background:#f6f6f8; text-align:center;} .i_facility_mt_a1 .qc-head li { float:left; width:20%;border-top:2px solid #f6f6f8; cursor:pointer} .i_facility_mt_a1 .qc-head li.current { background:#fff; border-top:2px solid #069;} .i_facility_mt_a1 .qc-body { padding:0px 20px; background:#fff; height:457px;} .i_facility_mt_a1 .qc-body .item h2 { height:50px;width:100%; line-height:50px; display:block; font-size:20px; text-align:center; padding-top:20px;} .i_facility_mt_a1 .qc-body .item h2 a { color:#d80c18;} .i_facility_mt_a1 .qc-body .item .item_a0 { overflow:hidden; border-bottom:1px solid #eee; padding-bottom: 10px;width:100%} .i_facility_mt_a1 .qc-body .item .item_a0 span { width:165px; float:left; margin:10px 15px 0 0; display:block;} .i_facility_mt_a1 .qc-body .item .item_a0 span img { width:165px; } .i_facility_mt_a1 .qc-body .item .item_a0 span p { font-size:14px; display:block;width:100%; height:30px;line-height:30px; text-align:center;} .i_facility_mt_a1 .qc-body .item .item_a0 li { font-size: 16px;margin-top: 5px;line-height: 30px;display: block;height: 30px; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;} .i_facility_mt_a1 .qc-body .item .item_a0 li em{float: right;font-size:14px;color:#777} .i_facility_mt_a1 .qc-body .item .item_a1 li { width:50%; float:left; margin-top:17px; height:100px;} .i_facility_mt_a1 .qc-body .item .item_a1 li img { height:90px; float:left; margin-right:10px} .i_facility_mt_a1 .qc-body .item .item_a1 li p {overflow: hidden; font-size: 14px; line-height: 24px;padding-right:15px} .i_facility_mt_a1 .qc-body .item .item_a2 li { width:33.3333%; float:left; display:block; text-align:center; margin:30px 0px 0px;} .i_facility_mt_a1 .qc-body .item .item_a2 li img { width:160px; height:85px; border-radius:2px;} .i_facility_mt_a1 .qc-body .item .item_a2 li p { font-size:14px; line-height:24px; display:block; width:100%; height:24px; margin-top:5px;padding: 0px 5px;box-sizing: border-box;} .i_facility_mt_a1 .qc-body .item .item_a3 { border-bottom:1px solid #eee; padding:15px 0px;} .i_facility_mt_a1 .qc-body .item .item_n { border-bottom:0px solid #eee;} .i_facility_mt_a1 .qc-body .item .item_a3 li { display:block; width:100%; height:33px; line-height:33px; font-size:16px;} .i_facility_mt_a1 .qc-body .item .item_a3 li:nth-child(1) a p { font-weight:700; color:#d80c18;} .i_facility_mt_a1 .qc-body .item .item_a3 li:before { content:""; width:3px; height:3px; float:left; background:#999; margin:12px 10px 0px 0px;} .i_facility_mt_a1 .qc-body .item .item_a3 li p { float:left; overflow:hidden; height:33px;} .i_facility_mt_a1 .qc-body .item .item_a3 li em { float:right; color:#777;font-size:14px} .i_facility_mt_a1 .tline_a1{ width:100%; overflow:hidden; background:#fff;} .i_facility_mt_a1 .tline_a1 span { display:block; width:100%;border-top:1px solid #eee; height:48px; line-height:48px;} .i_facility_mt_a1 .tline_a1 span img { width:130px; float:left;} .i_facility_mt_a1 .tline_a1 span p { display:block: width:100%; height:48px; color:#666; font-size:16px;} /*右侧会员登陆区域*/ .member{overflow:hidden;padding:27px 10px 23px 10px;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);background:white} .member .btn-area{margin-top:10px;padding:0px 11px} .member .btn-area>a{display: block;width: 90px;height:28px;line-height:28px;text-align: center;color: #fff;background:#0180cd;border-radius:2px;border:#0180cd 1px solid;} .member .btn-area>a:hover{background-color:#0180cd;borer:#0180cd 1px solid} .member .btn-area a:nth-child(odd){float:left} .member .btn-area a:nth-child(even){float:right; background:white;border:#0180cd 1px solid;color:#0180cd} .wel{font-size:14px; text-align:center;} .wel p{line-height:25px} .wel .user_img { width: 40px; height:40px; border-radius:50%;overflow: hidden; margin:0px auto 9px;} .wel .user_img img { width: 40px;} .m-screen .right .inter{border-top:#f7f7f7 1px solid;overflow:hidden;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);background:white} .m-screen .right .inter ul li { float:left; width: 33.333333%; height:80px; text-align:center;border-bottom:1px solid #f7f7f7; border-right:1px solid #f7f7f7;padding-top:2px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;} .m-screen .right .inter ul li:nth-child(3n 3) { border-right:none;} .m-screen .right .inter ul li:nth-child(1n 4) { border-bottom:none;} .m-screen .right .inter ul li:hover {padding-top:0px;} .m-screen .right .inter ul li:hover a {color:#0180cd;} .m-screen .right .inter ul li a { color:#666;} .m-screen .right .inter ul li a i { font-size: 26px;} .m-screen .right .inter ul li a p { font-size: 12px; line-height:24px;} /*公告区域切换样式*/ .tz{overflow:hidden; background:white;margin-top:15px;box-shadow: 0px 0px 8px rgba(0,0,0,0.05)} .tz .qc-head{clear:both;font-size:14px;line-height:35px;text-align:center;overflow:hidden;background:#f5f5f5;} .tz .qc-head li{float:left;list-style-type:none;width:33%;font-weight:normal; cursor:pointer;} .tz .qc-head li.current{color:#0180cd; background:white;font-weight:bold} .tz .qc-body dl{overflow:hidden;background:white;padding:14px 10px 10px;} .tz .item{overflow:hidden;padding:0px 0px} .tz .item p{font-size:22px;color:#ff5400} .tz .qc-body dl ul{padding:2px 10px 0px 10px} .tz .qc-body dl li{line-height:30px;font-size:12px;height:30px;overflow:hidden} /*楼层开始*/ .i-title{font-size:14px;height:24px;overflow:hidden; color:#777} .i-title b{font-size:20px;color:#000} .brand-list {background: #fff; box-shadow: rgba(227,227,227,.5) 0 0 6px; overflow: hidden;} .brand-list ul {overflow: hidden;} .brand-list li {float: left; width: 170px; height: 75px; border:#e9e9e9 solid ; border-width: 0 0 1px 1px; overflow: hidden;} .brand-list li a {display:block; position: relative; height: 100%; text-align: center} .brand-list li a img {margin: 13px auto; width:138px;} .brand-list li a p {position: absolute; left: 0px; bottom: -23px; display: block; height: 22px; width: 100%; line-height: 22px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;} .brand-list li a p span {display: block; position: relative; width: 100%; line-height: 22px; text-align: center; font-size: 13px; color: #fff; z-index: 1;} .brand-list li a p::after {background: #000; display: block; content: ""; width: 100%; height: 22px; margin-top: -22px; opacity: 0.5; filter: alpha(opacity=50)} .brand-list li a:hover p {bottom: 0} .floor .top01 { background: -o-linear-gradient(top, #3c84ff, #6bc6ff); background: -webkit-gradient(linear, left top, left bottom, from(#3c84ff), to(#6bc6ff)); background: linear-gradient(to bottom, #3c84ff, #6bc6ff); } .floor .top02 { background: -o-linear-gradient(top, #7633ff, #778aff); background: -webkit-gradient(linear, left top, left bottom, from(#7633ff), to(#778aff)); background: linear-gradient(to bottom, #7633ff, #778aff); } .floor .top03 { background: -o-linear-gradient(top, #3ba8bd, #23c8ce); background: -webkit-gradient(linear, left top, left bottom, from(#3ba8bd), to(#23c8ce)); background: linear-gradient(to bottom, #3ba8bd, #23c8ce); } .floor .top04 { background: -o-linear-gradient(top, #e8b64a, #fbd953); background: -webkit-gradient(linear, left top, left bottom, from(#e8b64a), to(#fbd953)); background: linear-gradient(to bottom, #e8b64a, #fbd953); } .floor .top05 { background: -o-linear-gradient(top, #8b96b3, #adbcd2); background: -webkit-gradient(linear, left top, left bottom, from(#8b96b3), to(#adbcd2)); background: linear-gradient(to bottom, #8b96b3, #adbcd2); } .floor .top06 { background: -o-linear-gradient(top, #be7b93, #e2abbc); background: -webkit-gradient(linear, left top, left bottom, from(#be7b93), to(#e2abbc)); background: linear-gradient(to bottom, #be7b93, #e2abbc); } .floor .top07 { background: -o-linear-gradient(top, #ff8929, #ffad2d); background: -webkit-gradient(linear, left top, left bottom, from(#ff8929), to(#ffad2d)); background: linear-gradient(to bottom, #ff8929, #ffad2d); } .floor .top08 { background: -o-linear-gradient(top, #f44e4e, #ff7f7f); background: -webkit-gradient(linear, left top, left bottom, from(#f44e4e), to(#ff7f7f)); background: linear-gradient(to bottom, #f44e4e, #ff7f7f); } .floor .top09 { background: -o-linear-gradient(top, #8a86ff, #a1b3ff); background: -webkit-gradient(linear, left top, left bottom, from(#8a86ff), to(#a1b3ff)); background: linear-gradient(to bottom, #8a86ff, #a1b3ff); } .floor .top010 { background: -o-linear-gradient(top, #5ea08b, #74cfb2); background: -webkit-gradient(linear, left top, left bottom, from(#5ea08b), to(#74cfb2)); background: linear-gradient(to bottom, #5ea08b, #74cfb2); } .floor .top011 { background: -o-linear-gradient(top, #5280de, #62acff); background: -webkit-gradient(linear, left top, left bottom, from(#5280de), to(#62acff)); background: linear-gradient(to bottom, #5280de, #62acff); } .floor .top012 { background: -o-linear-gradient(top, #46be63, #55e177); background: -webkit-gradient(linear, left top, left bottom, from(#46be63), to(#55e177)); background: linear-gradient(to bottom, #46be63, #55e177); } .floor .top013 { background: -o-linear-gradient(top, #be7b93, #e2abbc); background: -webkit-gradient(linear, left top, left bottom, from(#be7b93), to(#e2abbc)); background: linear-gradient(to bottom, #be7b93, #e2abbc); } .floor .top014 { background: -o-linear-gradient(top, #ff8929, #ffad2d); background: -webkit-gradient(linear, left top, left bottom, from(#ff8929), to(#ffad2d)); background: linear-gradient(to bottom, #ff8929, #ffad2d); } .m div.floor:nth-child(even){float:left} .m div.floor:nth-child(odd){float:right} .floor{width:592px;overflow:hidden;margin-top:20px;box-shadow: 0px 0px 8px rgba(0,0,0,0.09);} .floor:hover{box-shadow: 0px 0px 8px rgba(0,0,0,0.19)} .floor .left {width:185px;float:left;height:380px} .floor .left h2 { display: block;height: 60px;line-height: 60px;font-size: 18px;padding: 0 10px;width:100px; background-color: rgba(0, 0, 0, .3); border-radius:0px 0px 30px 0} .floor .left h2 a { color:#fff; margin-left:10px;} .floor .left h2 i { color:#fff;} .floor .cat { padding:20px 20px;} .floor .left .cat h3 {height: 30px; line-height: 30px; font-size: 19px; color: #fff; opacity: 0.8;font-weight:normal;} .floor .left .cat p {height: 20px; line-height: 20px; font-size: 15px; color: #fff; opacity: 0.5; margin-bottom:20px;} .floor .left .cat img{width:100%;transition: all 0.2s;} .floor .left .cat:hover img{transform: scale(1.02);} .floor .right {overflow:hidden; height: 339px;padding:20px 0 20px 20px; border:1px solid #eee; background:#fff;} .floor .right dl { float:left; width: 49%; margin:0 1% 20px 0; overflow:hidden; } .floor .right dl dt { display: block; height: 25px; font-size: 14px;} .floor .right dl dt a{color:#000;} .floor .right dl dt a:hover{color:#ee2e2c;} .floor .right dl dd{height:75px;overflow:hidden;} .floor .right dl dd a { display: inline-block;color:#777;margin-right: 15px;font-size: 12px; line-height:25px;} .floor .right dl dd a:hover{color:#ff6700;} .i-title{font-size:14px;height:24px;overflow:hidden; color:#777} .i-title b{font-size:20px;color:#000} .floor-menu{float:right} .floor-menu>.more{ font-size: 16px; color: #666; } .floor-menu>.more>i{ top:4px; width:20px; height:20px; margin-left:5px; background-position: 0 0; } .floor-menu>.more:hover{ color: #e56639; } .floor-menu>.more:hover>i{ background-position: -20px 0; } .tc-gs-i{ position: relative; display: inline-block; background-image: url(/uploads/image/spimg/tc-gongsi-icons.png); background-repeat: no-repeat; } .floor-menu>.more,.floor-menu>.more>i{ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .hq-recommend{width:1230px} .hq-recommend dl{width:592px; background:white; position:relative; overflow:hidden;margin:20px 15px 0px 0;float:left;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);} .hq-recommend dl em{overflow:hidden;display:block;height:22px;line-height:22px;width:55px;border:#ff6700 1px solid;border-radius:5px; text-align:center; position:absolute; right:30px;top:20px} .hq-recommend dl em a{color:#ff6700} .hq-recommend dl em:hover{background:#ff6700;} .hq-recommend dl em:hover a{color:white} .hq-recommend dl dt{color:#333;padding:22px 20px;border-bottom:#f7f7f7 1px solid;background:#f9f9f9;overflow:hidden} .hq-recommend dl h5{font-size:16px;font-weight:normal} .hq-recommend dl dt p{font-size:12px;margin-top:10px;} .hq-recommend dl dt p span{margin-right:30px} .hq-recommend dl dt p i{color:#ff6700} .hq-recommend dl ul{padding:30px 0;overflow:hidden} .hq-recommend dl ul li{float:left;width:100px; overflow:hidden; text-align:center;font-size:14px;padding:0px 20px 0px 26px} .hq-recommend dl ul li img{width:100px;} .hq-recommend dl ul li:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;} .hq-recommend dl ul li p{width:100px;height:20px;line-height:20px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:20px} .hq-recommend dl ul li p.price{color:#e50a11;margin-top:10px;font-size:16px;} /*牛商推荐*/ .slns ul{width:1230px;} .slns ul li{float:left;width:260px;margin-right:14px;background:white;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);padding:25px 15px;margin-bottom:15px; text-align:center;border-top:#ff6700 2px solid} .slns ul li img{width:120px;height:60px; text-align:center;} .slns ul li h5{font-size:16px;font-weight:normal;overflow:hidden;padding:10px 0} .slns ul li p{color:#999} /*产地宝*/ .white{background:white;overflow:hidden;padding:30px 0;width:100%} .chandibao{width:1250px;margin-top:20px} .chandibao li {margin-right: 15px;margin-bottom: 20px;float:left;width:200px;box-shadow: 0px 0px 3px rgba(0,0,0,0.05); position:relative;padding:14px 14px 18px;overflow:hidden} .chandibao li:hover{box-shadow: 0px 0px 5px rgba(0,0,0,0.15)} .chandibao li img{width:100%} .chandibao li p.s-title{font-size:16px;line-height:20px;height:20px;margin:15px 0;text-align:center;font-weight:bold} .chandibao li p.com{ text-align:center;} .chandibao li p.com a{font-size:14px;line-height:24px;height:24px;background:#b3aa9a;border-radius:14px;color:white;display:block;padding:0px 20px} .chandibao li:hover p.com a{background: linear-gradient(75deg, #0180cd, #d10000);color:white} .chandibao li .mark{position:absolute;top:14px;right:13px;width:47px;height:61px;background:url(/uploads/image/spimg/chandibao.png) no-repeat;background-size:47px 61px} /*猜你喜欢*/ .guess-like{width:1250px;margin-top:20px} .guess-like li {margin-right: 15px;margin-bottom: 20px;float:left;width:200px;background:white;box-shadow: 0px 0px 8px rgba(0,0,0,0.05); position:relative;padding:14px;overflow:hidden} .guess-like li:hover{box-shadow: 0px 0px 8px rgba(0,0,0,0.15);} .guess-like li img{width:100%} .guess-like li p.s-title{font-size:14px;line-height:20px;height:40px;margin-top:10px;color:#555} .like {width: 100%;height: 85px;background: linear-gradient(75deg, #0180cd, #ff6700);text-align: center;color: #fff;position: absolute;bottom: -85px;visibility: hidden;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;-ms-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;left:0} .guess-like li:hover .like {visibility: visible;bottom: 0px;} .like p{font-size:12px} .like i{font-size:16px;border-bottom:#f9f9f9 1px solid;display:block;height:30px;margin:10px 70px 10px;} .guess-like li p.price{font-size:18px;line-height:20px;margin-top:10px;} .guess-like li p.price em{float:left;color:#ff6600;font-weight:bold} .guess-like li p.price em i{font-size:12px} .guess-like li p.price span{float:right;font-size:12px;color:#777} /*友情链接*/ .link{padding:10px 20px 15px;overflow:hidden;line-height:23px;font-size:14px;background:white;} .link dt{padding-right:5px;font-size:14px;height:30px;margin-bottom:8px;color:#000} .link dt em{border-bottom:#ff6700 2px solid;height:28px;display:block;float:left} .link a{white-space:nowrap; color:#777; margin:0 8px 0px 0px; display:inline-block; line-height:23px;font-size:12px} .link a:hover{color:#ff6700} .industry-bar { position:fixed;top:200px;left:50%;margin-left:-680px;width:70px;display:none;box-shadow: 0px 0px 8px rgba(0,0,0,0.15); z-index:1000; background:white; } .industry-bar h5{height:26px;line-height:26px;padding:5px 0;background:#0180cd;text-align:center;color:#fff} .industry-bar.hover { display:block } .industry-bar ul { background:#fff; } .industry-bar li { padding:8px 8px;line-height:16px; text-align:center;border-bottom:#e9e9e9 1px solid } .industry-bar li a { display:block;line-height:16px;font-size:12px; } .industry-bar li.current {background:#0180cd } .industry-bar li.current a{color:white} /*----------------------------------2020-5-14----------------------------------*/ .s-floor-a .top01 { background: -o-linear-gradient(top, #3c84ff, #6bc6ff 80%); background: -webkit-gradient(linear, left top, left bottom, from(#3c84ff), to(#6bc6ff) 80%); background: linear-gradient(160deg, #3c84ff 20%, #6bc6ff 80%); } .s-floor-a .top02 { background: -o-linear-gradient(top, #7633ff, #778aff 80%); background: -webkit-gradient(linear, left top, left bottom, from(#7633ff), to(#778aff) 80%); background: linear-gradient(160deg, #7633ff 20%, #778aff 80%); } .s-floor-a .top03 { background: -o-linear-gradient(top, #3ba8bd, #23c8ce 80%); background: -webkit-gradient(linear, left top, left bottom, from(#3ba8bd), to(#23c8ce) 80%); background: linear-gradient(160deg, #3ba8bd 20%, #23c8ce 80%); } .s-floor-a .top04 { background: -o-linear-gradient(top, #e8b64a, #fbd953 80%); background: -webkit-gradient(linear, left top, left bottom, from(#e8b64a), to(#fbd953) 80%); background: linear-gradient(160deg, #e8b64a 20%, #fbd953 80%); } .s-floor-a .top05 { background: -o-linear-gradient(top, #8b96b3, #adbcd2 80%); background: -webkit-gradient(linear, left top, left bottom, from(#8b96b3), to(#adbcd2) 80%); background: linear-gradient(160deg, #8b96b3 20%, #adbcd2 80%); } .s-floor-a .top06 { background: -o-linear-gradient(top, #be7b93, #e2abbc 80%); background: -webkit-gradient(linear, left top, left bottom, from(#be7b93), to(#e2abbc) 80%); background: linear-gradient(160deg, #be7b93 20%, #e2abbc 80%); } .s-floor-a .top07 { background: -o-linear-gradient(top, #f44e4e, #ff7f7f 80%); background: -webkit-gradient(linear, left top, left bottom, from(#f44e4e), to(#ff7f7f) 80%); background: linear-gradient(160deg, #f44e4e 20%, #ff7f7f 80%); } .s-floor-a .top09 { background: -o-linear-gradient(top, #8a86ff, #a1b3ff 80%); background: -webkit-gradient(linear, left top, left bottom, from(#8a86ff), to(#a1b3ff) 80%); background: linear-gradient(160deg, #8a86ff 20%, #a1b3ff 80%); } .s-floor-a .top010 { background: -o-linear-gradient(top, #5ea08b, #74cfb2 80%); background: -webkit-gradient(linear, left top, left bottom, from(#5ea08b), to(#74cfb2) 80%); background: linear-gradient(160deg, #5ea08b 20%, #74cfb2 80%); } .s-floor-a .top011 { background: -o-linear-gradient(top, #5280de, #62acff 80%); background: -webkit-gradient(linear, left top, left bottom, from(#5280de), to(#62acff) 80%); background: linear-gradient(160deg, #5280de 20%, #62acff 80%); } .s-floor-a .top012 { background: -o-linear-gradient(top, #46be63, #55e177 80%); background: -webkit-gradient(linear, left top, left bottom, from(#46be63), to(#55e177) 80%); background: linear-gradient(160deg, #46be63 20%, #55e177 80%); } .s-floor-a .top013 { background: -o-linear-gradient(top, #be7b93, #e2abbc 80%); background: -webkit-gradient(linear, left top, left bottom, from(#be7b93), to(#e2abbc) 80%); background: linear-gradient(160deg, #be7b93 20%, #e2abbc 80%); } .s-floor-a .top014 { background: -o-linear-gradient(top, #ff8929, #ffad2d 80%); background: -webkit-gradient(linear, left top, left bottom, from(#ff8929), to(#ffad2d) 80%); background: linear-gradient(160deg, #ff8929 20%, #ffad2d 80%); } .s-floor-a { background:#fff; overflow:hidden; position:relative;} .s-floor-a .left{width:260px;float:left; height:533px;padding-top:30px; position:relative;} .s-floor-a .left h3{font-size:26px; text-align:left; padding-left:20px; line-height:35px; font-weight:700;} .s-floor-a .left h3 a { color: #fff;} .s-floor-a .left .s_banner {padding:5px 15px;overflow:hidden;} .s-floor-a .left .s_banner img { width:100%;} .s-floor-a .left .s_banner_img { padding:30px 15px;height: 340px; overflow:hidden;} .s-floor-a .left .s_banner_img img { width:100%} .s-floor-a .left .s_banner_img p { margin: 5px 0px 7px;letter-spacing: .7px;font-size: 16px;color: #fff;padding-left: 20px;} .s-floor-a .left .cat { position:absolute; bottom:20px; left:0px;} .s-floor-a .left .cat dl{font-size:12px;line-height:23px;margin-top:10px;overflow:hidden;} .s-floor-a .left .cat dl a{width:110px; display:block; border-radius:15px; height:30px;line-height:30px;font-size:14px;margin-top:10px; text-align:center; color: #fff;border: 1px solid #fff;border: 1px solid hsla(0,0%,100%,.6);background: hsla(0,0%,95%,.2); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .s-floor-a .left .cat dl a:hover {background: hsla(0,0%,95%,.5);} .s-floor-a .left .cat dl dd{ width:45%; display:block;float:left;margin-left:3%;} .s-floor-a .right{overflow:hidden;width:940px;float:left; border-top:1px solid #eee;} .s-floor-a .right img{width:150px;margin:0px 10px;height:200px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .s-floor-a .right ul li:hover img { margin-left:-5px;} .s-floor-a .right li{float: left; width: 170px; height: 240px; padding: 20px 32px; background: white; overflow: hidden; position: relative; border-right: 1px solid #eee; border-bottom: 1px solid #eee;} .s-floor-a .right p{height:40px; line-height:20px; font-size:14px; color:#333; margin-top:10px; overflow:hidden;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .s_company_img ul li {float: left;background: white;padding: 15px;overflow: hidden;border: #eee 1px solid;width: 361px;margin-right: 10px;} .s_company_img ul li:nth-child(3n 3) {margin-right:0px;} .s_company_img ul li .s_image {float: left;margin-right: 10px;} .s_company_img ul li .s_image img {width: 100px;height: 100px;} .s_company_img ul li .s_info {overflow: hidden;color: #999;font-size: 14px;padding-bottom:4px;} .s_company_img ul li .s_info h2 { display:block; margin-bottom:8px;} .s_company_img ul li .s_info p { display:block; margin-bottom:6px;} .s_company_img ul li .s_info .s_aniu a { padding:5px 15px; background:#ee2e2c; color:#fff; font-size:14px; border-radius:3px;} /*///////////////////////2020-5-25///////////////////////*/ .right-qieh { height:563px; position:absolute; top:0px; left:260px;} .right-qieh .qc-head { width:260px; float:left; position:absolute; left:-260px; bottom:40px;} .right-qieh .qc-head li,.right-qieh .qc-head .more { width: 45%;display: block;float: left; margin-left:3%;} .right-qieh .qc-head li a,.right-qieh .qc-head .more a { width: 90px; padding:0 10px;display: block;border-radius: 15px;height: 30px;line-height: 30px;font-size: 14px;margin-top: 10px;text-align: center;color: #fff;border: 1px solid #fff;border: 1px solid hsla(0,0%,100%,.6);background: hsla(0,0%,95%,.2);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .right-qieh .qc-head li a:hover,.right-qieh .qc-head .more a:hover {background: hsla(0,0%,95%,.5);} .right-qieh .qc-head .more a { margin-left:0;} .right-qieh .qc-body { overflow:hidden;} .right-qieh .qc-body dd { width:25%; float:left; box-sizing:border-box; padding:20px; border:1px solid #eee; height:282px; text-align:center;} .right-qieh .qc-body dd img { max-width:75%;} .right-qieh .qc-body dd:nth-child(1n 2) { border-left:none;} .right-qieh .qc-body dd:nth-child(1n 5) { border-top:none;} .right-qieh .qc-body dd p { font-size:14px; line-height:20px; margin-top:10px;overflow: hidden; width: 100%; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /*//////////////////////////////////////////////*/ .news{ width:1198px; height:517px; margin:20px auto; background:#fff; overflow:hidden;border:1px solid #eee;} .news_title{ width:1148px; height:68px; padding:0 25px; border-bottom:#eee 1px solid} .news_title h2{ float:left; line-height:68px; background:url(/uploads/image/spimg/news_title_bg.png) left no-repeat; text-indent:30px; font-size:20px; color:#0180cd;} .news_title p{ float:right; height:14px; line-height:14px; font-size:14px; text-align:right; margin-top:27px;} .news_title p a{ margin-left:10px;} .news_title p a:hover{color:#ee2e2c} .news_content{ width:1200px; height:450px; position:relative;} .news_content_left{ float:left; width:359px;padding:15px; height:450px;} .news_content_center{ float:left; width:500px;border-left:#eee 1px solid; height:450px;overflow:hidden} .news_content_center p{ height:60px; padding:19px 20px 10px; line-height:30px; font-size:12px; color:#999; overflow:hidden;} .news_content_center p a{ font-size:18px; padding-left:25px; background:url(/uploads/image/spimg/news_content_center_p_a_bg.png) left no-repeat;font-weight:bold} .news_content_center ul{ padding:15px 20px 14px; border-bottom:1px solid #eee;} .news_content_center ul li{ height:30px; line-height:30px; font-size:12px;list-style:inside;float:none;} .news_content_center ul li a{ font-size:14px; padding-right:10px;} .news_content_center ul li span{ color:#999; float:right;} .news_content_right{ float:left; width:308px; height:449px; overflow:hidden; border-right:1px solid #eee; border-left:1px solid #eee; } .news_content_right_top{ width:100%; height:89px; border-bottom:1px solid #eee; background:url(/uploads/image/spimg/news_content_right_top_bg.png) no-repeat top right;} .news_content_right p{ width:270px; height:80px; margin:0 19px; padding:15px 0 19px; border-top:1px dashed #eee; line-height:20px; color:#999; font-size:12px;} .news_content_right p:nth-child(2){border-top:none} .news_content_right p a{ font-size:14px;color:#000} .news_content_right p a:hover{color:#ee2e2c} .news_content_right p span a{ font-size:12px; color:#2277e6; padding-right:4px;} .box ul{padding:0px 0px} .box ul li{line-height:33px;font-size:14px;height:33px;overflow:hidden} .box ul li:nth-child(1) em ,.box ul li:nth-child(2) em ,.box ul li:nth-child(3) em{background:#0180cd} .box ul li em{background:#999; display:block;width:20px; height:20px;float:left;margin-right:8px; text-align:center;line-height:18px;color:white;margin-top:8px;font-size:14px;border-radius:50%; font-style:normal} .news_content_left .i_slide_n { width: 360px; height: 240px;} .news_content_left .i_slide_n ul li img { width: 360px; height: 240px;} .news_content_left .i_slide_n ul li { height: 240px;} .news_content_left .i_slide_n .hislider-title{position:absolute;z-index:3;} .news_content_left .i_slide_n .hislider-btn-prev,.news_content_left .i_slide_n .hislider-btn-next{position:absolute;z-index:5;top:50%;height:50px;width:20px;background:#000;margin-top:-25px; overflow:hidden;opacity:.6;filter:alpha(opacity:60);font-size:0px;} .news_content_left .i_slide_n .hislider-btn-prev:before { content:"\e728"; font-family: "iconfont"; font-size:26px; margin-left:-4px; color:rgba(255,255,255,.6);} .news_content_left .i_slide_n .hislider-btn-next:before { content:"\e729"; font-family: "iconfont"; font-size:26px; color:rgba(255,255,255,.6);} .news_content_left .i_slide_n .hislider-btn-prev{left:0px} .news_content_left .i_slide_n .hislider-btn-next{right:0px;} .news_content_left .i_slide_n .hislider-btn-prev:hover,.news_content_left .i_slide_n .hislider-btn-next:hover{opacity:1;filter:alpha(opacity:100)} .news_content_left .i_slide_n .hislider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2; text-align:center; height:30px; line-height:30px; font-size:14px;} .news_content_left .i_slide_n .hislider-pages{bottom:10px;right:10px;text-align:right;display:none;} .colum { background:#fff; margin:20px 0 20px; overflow:hidden;position:relative;} .colum .cdx-title {height: 60px; line-height:60px; padding: 0 25px;border-bottom: #eee 1px solid; font-size:20px;} .colum .cdx-title h2 { font-size:20px; float:left; color:#0180cd;} .colum .cdx-title span { font-size:14px; float:right;} .colum .cdx-title span a { color:#999;} .colum .qc-body {padding:5px 0px 20px;overflow:hidden;font-size:14px;line-height:25px;} .colum .qc-body dl dd { float:left; width:178px;margin-left:18px;margin-top:15px;} .colum .qc-body dl dd a img { width:100%;} .colum .qc-body dl dd p.price{text-align: center;color:#f60;font-weight: bold;}