/*--------------------------------------------------
慧一科技版权 定制购买destoon模板找慧一科技 QQ:3292628658 - http://www.destoon.info 微信：huiyikeji8  淘宝店地址：https://destoonhy.taobao.com
--------------------------------------------------*/
@charset "utf-8";
.dpn{ display:none;}
.im0l{display: block}
.logo{width:300px;}
#search_tips {margin:78px 0 0 360px;}
/*左右布局*/
.m-screen .middle {width:600px;float:left;margin-left:300px;}
.m-screen .right{width:280px;float:right;height:442px;padding:0px;}

/*幻灯广告区域*/
#focus{width:600px;height:375px;overflow:hidden;position:relative;}
#focus ul{height:375px;position:absolute;}
#focus ul li{float:left;width:600px;height:375px;overflow:hidden;position:relative;}
#focus ul li img{width:600px;height:375px;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus ul li p{display: block;position: absolute;bottom: 40px;font-size: 24px;color: #fff;font-weight: bold;height: 30px;line-height: 30px;padding-left: 30px;}
#focus .btn{position:absolute;width:200px;height:14px;right:10px;bottom:15px;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:20px;height:3px;_font-size:0;margin-right:5px;cursor:pointer;margin-top: 7px; background:rgba(255,255,255,.6)}
#focus .btn span.on{background:#fff;height: 3px;width:20px;margin-top: 10px;}
#focus .preNext{width:45px;height:100px;position:absolute;top:150px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;display:block;opacity:1}
#focus .pre{left:10px;}
#focus .next{right:10px;background-position:right top;}
/*幻灯区域下产品推荐*/
.recomment-box{ width:600px; margin-top:15px; overflow:hidden;position:relative;height:165px}
.recomment-box li{float:left;width:600px;overflow:hidden;transition: all 0.2s linear 0s;font-size:12px;position:relative;}
.recomment-box .slick-btn-left{ width:30px; height:50px;background:url(../images/leri.png) no-repeat 0px -60px; position:absolute; top:50%; z-index:1; left:0px; margin-top:-24px; cursor:pointer;}
.recomment-box .slick-btn-right{ width:30px; height:50px;background:url(../images/leri.png) no-repeat; position:absolute; top:50%; z-index:1; right:0px; margin-top:-24px; cursor:pointer;}
.recomment-box .slick-btn-left,.recomment-box .slick-btn-right { opacity:0;}
.recomment-box:hover .slick-btn-left,.recomment-box:hover .slick-btn-right { opacity:.9;}
.recomment-box li dd { width:292px; height:165px; float:left;background:url(../images/20191224924.jpg) no-repeat center; background-size:292px 165px;}
.recomment-box li dd:nth-child(1) { margin-right:16px;}
.recomment-box li dd a { display:block; font-size:22px;margin:30px 0 0 30px; width:80%; overflow:hidden; height:30px; background: linear-gradient(45deg,#c900ed 20%,#f44609 100%);-webkit-background-clip: text;color: transparent;}
.recomment-box li dd p { display:block; margin:20px 0 0 30px; font-size:12px; color:#757575; line-height:20px; width:80%; font-weight:700;}
.recomment-box li dd p em { width:85px; height:22px;background: linear-gradient(to right, #2524ca, #d21ea6);color:#fff; display:block; margin-bottom:8px; line-height:22px; text-align:center; border-radius:15px;}

/*右侧会员登陆区域*/
.member{overflow:hidden;padding:27px 15px 23px 15px;background:white}
.member .btn-area{margin-top:10px;}
.member .btn-area>a{display: block;width: 118px;height:30px;line-height:30px;text-align: center;color: #fff;background:#8c4e00;border:#8c4e00 1px solid;font-size:14px;}
.member .btn-area>a:hover{background-color:#8c4e00;borer:#8c4e00 1px solid}
.member .btn-area a:nth-child(odd){float:left}
.member .btn-area a:nth-child(even){float:right; background:#F8E2DF;border:#F8E2DF 1px solid;color:#8c4e00;}
.wel{font-size:12px; text-align:center; color:#333;}
.wel p{line-height:25px}
.wel .user_img { width: 48px; height:48px; border-radius:50%;overflow: hidden; margin:0px auto 9px;}
.wel .user_img img { width: 48px;}
.m-screen .right .inter{overflow:hidden; background:#fff; }
.m-screen .right .inter ul { overflow:hhidden;border-top:#ddd 1px solid;margin:0px 15px;padding-top:15px;}



.m-screen .right .inter ul li { float:left; width: 25%; height:80px; text-align:center;
-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:#8c4e00;}
.m-screen .right .inter ul li:hover a i { color:#8c4e00;border: 1px solid #8c4e00;}
.m-screen .right .inter ul li a { color:#666;}
.m-screen .right .inter ul li a i {font-size: 22px;border: 1px solid #ddd;height: 48px;line-height: 48px;display: block;width: 48px;text-align: center;border-radius: 4px; margin:0 auto; color:#999;}
.m-screen .right .inter ul li a p { font-size: 12px; line-height:24px;}

/*公告区域切换样式*/
.tz{overflow:hidden; background:white;margin-top:15px; padding:0px 20px 16px;}
.tz strong { font-size: 16px;padding: 22px 0 10px;font-family: PingFangSC-Medium;font-weight: 400;color: #323232; display:block;}
.tz ul li { font-size: 12px;font-weight: 400;margin-top: 8px;}
.tz ul li a { color:#757575;}

/*楼层开始*/
.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}
.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: linear-gradient(to right, #FF9900, #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:#8c4e00 2px solid}
.slns ul li img{width:175px;height:175px;;text-align:center;border:none;padding:0px 40px}
.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, #FF9900, #d10000);color:white}
.chandibao li .mark{position:absolute;top:14px;right:13px;width:47px;height:61px;background:url(../images/chandibao.png) no-repeat;background-size:47px 61px}
/*猜你喜欢*/


.guess-like { background:#fff; overflow:hidden;}
.guess-like{width:1200px;}
.guess-like ul { padding:0px 20px;}
.guess-like li {float:left;width:190px;height: 300px;background:white;border: 1px solid #eaeef2; position:relative;padding:14px;overflow:hidden;margin:0px 15px 25px 0px;}
.guess-like li:nth-child(5n+5) { margin:0px 0px 25px 0px;}  
    
.guess-like li:hover{border: 1px solid #8c4e00;}
.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;overflow:hidden;}
.like {width: 100%;height: 85px;background: #8c4e00;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:#8c4e00;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{overflow:hidden;line-height:23px;font-size:14px;background:white;}

.link dl {padding:0px 20px 20px;}
.link a{white-space:nowrap; color:#666; margin:0 8px 0px 0px; display:inline-block; line-height:23px;font-size:14px}
.link a:hover{color:#8c4e00;}



.industry-bar {
    position:fixed;top:220px;left:50%;margin-left:-680px;width:56px;display:none;
	z-index:1000;
	
}
.industry-bar.hover {
    display:block
}
.industry-bar h5 {
    height:56px;line-height:56px;background:#8c4e00;text-align:center;color:#fff
}

.industry-bar li {
    padding:10px 12px;height:36px;line-height:16px;margin:0 auto;text-align:center; background:#e1e1e2;margin-top: 3px;
	
}
.industry-bar li a {
    display:block;line-height:16px;font-size:14px;line-height: 20px; color: #333;
}
.industry-bar li.current {background:#8c4e00;
    color:#fff;
}
.industry-bar li:hover {background:#8c4e00;}
.industry-bar li:hover a { color:#fff;}
.industry-bar li.current a{color:white}
















/*SSM the*/

.good-shop { overflow:hidden; background:#fff;}
.title-A1 { font-size: 16px;padding:0px 20px; height:60px; line-height:60px; font-weight: 700; color: #323232; display:block;}
.title-A1 em { font-size:14px; color:#757575; margin-left:20px; font-weight:400;}
.title-A1:before {content: "";background: #8c4e00;float: left;margin-right: 10px;height: 20px;width: 4px;margin-top: 20px;border-radius: 2px;}






.good-shop dl { width: 371px;float: left;box-shadow: 0px 1px 4px 0px rgba(222,224,228,0.4);border: 1px solid #eaeef2;margin:0 0 20px 20px; overflow:hidden; padding-bottom:20px;}

.good-shop dl dt h5 {padding:0 18px; position: relative;width: 100%;height: 60px; line-height:60px;background: #F8FAFB; font-size:14px; font-weight:400; box-sizing:border-box;}
.good-shop dl dt h5 em { float:right;}
.good-shop dl dt h5 em a { background:#8c4e00; color:#e1e1e1; border-radius:4px; padding:5px 15px;}
.good-shop dl dt h5 em a:hover { background:#ee2e2c; color:#fff; }
.good-shop dl dt h5 a { color: #2d2c34;}
.good-shop dl ul li { float:left; margin:20px 0 0 18px; width:100px;}
.good-shop dl ul li img { width:100px; height:100px;}
.good-shop dl ul li p { font-size: 14px;color: #979797; width:100%; height:20px; line-height:20px;text-align:center; margin-top:8px; overflow:hidden; display:block;}



.industry-A1 { width:100%; height:640px;}
.industry-A1 .tab-wrapper-A {width:100%; height:60px; background:#fff;border-bottom: 2px solid #8c4e00; position:relative;}
.industry-A1 .tab-menu>li { cursor:pointer; display:block;width:150px;float:left; text-align:center;font-size:14px;}
.industry-A1 .tab-menu>li span { color:#333;line-height:60px; display:block;width:150px; height:60px;}
.industry-A1 .tab-menu>li span:before{ font-family: "iconfont"; display:inline-block;  font-size:26px;display: inline-block;font-size: 26px;width: 30px;height: 30px;position: relative;top: 4px;line-height: 24px;margin-right:5px; color:#8c4e00;}

.industry-A1 .tab-menu>li:nth-child(1) span:before { content:"\e795";}
.industry-A1 .tab-menu>li:nth-child(2) span:before { content:"\e740";}
.industry-A1 .tab-menu>li:nth-child(3) span:before { content:"\e624";}
.industry-A1 .tab-menu>li:nth-child(4) span:before { content:"\e76d";}
.industry-A1 .tab-menu>li:nth-child(5) span:before { content:"\e8cd";}
.industry-A1 .tab-menu>li:nth-child(6) span:before { content:"\e605";}
.industry-A1 .tab-menu>li:nth-child(7) span:before { content:"\e650";}
.industry-A1 .tab-menu>li:nth-child(8) span:before { content:"\e763";}
.industry-A1 .tab-menu>li:nth-child(9) span:before { content:"\e745";}


.industry-A1 .tab-menu>li.active span,.industry-A1 .tab-menu li.active span:before{ color:#fff;}
.industry-A1 .tab-menu>li span:hover,.industry-A1 .tab-menu li:hover span:hover:before{ color:#fff;}
.industry-A1 .tab-menu>li span:hover { background:#8c4e00;}
.industry-A1 .tab-menu>li.active {color:#fff; background:#8c4e00;}
.industry-A1 .zhuti {width:1200px;opacity:0; position:absolute; top:100px; left:0px; }
.industry-A1 .tab-menu>li.active .zhuti { display:block;top:70px; opacity:1;transition: all 0.6s ease; z-index:9;}

.industry-A1 .zhuti .top01 { background-image: linear-gradient(to bottom,#8c4e00,#8c4e00);}
.industry-A1 .zhuti .top02 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top03 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top04 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top05 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top06 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top07 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top08 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top09 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}

.industry-A1 .zhuti .left{width:280px;float:left; height:570px; position:relative;}
.industry-A1 .zhuti .left h3{height: 60px;line-height:60px;padding: 0 20px;overflow: hidden;position: relative; display:block; font-weight:400; font-size:18px;}
.industry-A1 .zhuti .left h3 a { color: #fff;}
.industry-A1 .zhuti .left .s_banner_img { width: 100%;height: 340px; overflow:hidden;}
.industry-A1 .zhuti .left .s_banner_img img { width:280px; height:310px;}
.industry-A1 .zhuti .left .s_banner_img p { margin: 5px 0px 7px;letter-spacing: .7px;font-size: 16px;color: #fff;text-align:center;}
.industry-A1 .zhuti .left .cat { position:absolute; bottom:0px; left:0px; padding-bottom:20px;}
.industry-A1 .zhuti .left .cat dl{font-size:12px;line-height:23px;margin-top:10px;overflow:hidden; padding-left:20px;}
.industry-A1 .zhuti .left .cat dl a{width: 72px; display: block;height: 28px; line-height: 28px; font-size: 14px;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;} 
.industry-A1 .zhuti .left .cat dl a:hover {background: hsla(0,0%,95%,.5);}
.industry-A1 .zhuti .left .cat dl dd{ display: block;float: left;margin:0 10px 10px 0;}


.industry-A1 .zhuti .right{width:920px;float:left;}
.industry-A1 .zhuti .right img{width:170px;height:170px;margin-bottom:10px; margin-top:25px;
  -webkit-transition: all .3s;
     -moz-transition: all .3s;
      -ms-transition: all .3s;
       -o-transition: all .3s;
          transition: all .3s; }
.industry-A1 .zhuti .right ul li:hover img { margin-left:-5px;}
.industry-A1 .zhuti .right li{float: left; width: 220px; height: 280px;background: #fff; overflow: hidden;margin: 0px 0px 10px 10px; border:1px solid #eee;box-sizing:border-box;}
.industry-A1 .zhuti .right li:nth-child(1n+5) { margin: 0px 0px 0px 10px;}
.industry-A1 .zhuti .right p{text-align:center;line-height:25px;}
.industry-A1 .zhuti .right .til{font-size:14px;color:#333;padding:0px 5px 0px 20px;}
.industry-A1 .zhuti .right .tsg{font-size:18px;color:#d0021b;}
.industry-A1 .zhuti .right .tsg i { font-size:12px;}

/*楼层左侧幻灯广告tht*/
.flexslider{position:relative;width:280px;height:310px;overflow:hidden;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flex-direction-nav li a {width:60px;height:90px;overflow:hidden;margin:-60px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;-webkit-transition:all .3s ease; font-size: 0px;}
.flex-direction-nav li a { background:#000; display:none;}
.flex-direction-nav .flex-next{right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;}
.flexslider:hover .flex-prev{opacity:0.8;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block; width:12px; height:12px;}
.flex-control-paging li a {display:inline-block;height:12px;width:12px;font-size:0px; overflow:hidden;cursor:pointer; background:rgba(255,255,255,.6); border-radius:6px;}
.flex-control-paging li a.flex-active{background:#fff;}
/*楼层左侧幻灯广告end*/


/*首页供求模块the*/
.i_supply { overflow: hidden;background: #fff;}
.i_supply #scrollDiv {width:1200px;height:480px; overflow:hidden;}
.i_supply ul li { overflow:hidden;}
.i_supply ul li dd {width: 275px;height: 140px;background: #fafafa;float: left;margin: 0 0 20px 20px;position: relative;}
.i_supply ul li dd a {width: 230px;height: 100px;display: block;padding: 20px;}
.i_supply ul li dd a {transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.i_supply ul li dd a:hover {transform: translate(0, -10px);-webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);-o-transform: translate(0, -10px);-ms-transform: translate(0, -10px);}
.i_supply ul li dd h3 {width: 230px;height: 40px;line-height: 40px;display: block;font-size: 16px;color: #3c3c3c;text-align: center;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.i_supply ul li dd a:hover h3 {color: #8c4e00;}
.i_supply ul li dd p {width: 230px;height: 30px;line-height: 30px;display: block;font-size: 14px;color: #999;text-align: left;overflow: hidden;}
.i_supply ul li dd p span {height: 30px;line-height: 30px;font-size: 14px;color: #999;text-align: left;overflow: hidden;}
/*首页供求模块end*/


/*资讯模块the*/

.title-news { height: 49px;line-height: 50px;border-bottom: 1px solid #eaeaea;font-size: 16px;font-weight: bold;padding-left: 20px; display:block; font-weight:700; color:#333;}
.title-news:before {content: "";background: #8c4e00;float: left;margin-right: 10px;height: 20px;width: 4px;margin-top: 15px;border-radius: 2px;}
.title-news a { margin-right:20px; float:right; color:#757575; font-weight:400;}
.news-qh .news-A1 { overflow:hidden; background:#fff; border:1px solid #eee; float:left; width:384px; margin-right:20px; padding-bottom:20px;}
.news-qh .news-A1:nth-child(3) { margin-right:0px;}
.news-qh .news-A1 .news-main { margin-left:20px;}
.news-qh .news-A1 .news-main li { height:30px; line-height:30px; font-size:14px;width:96%;}
.news-qh .news-A1 .news-main li em { display:block; width:16px; height:16px; background:#eee; line-height:16px; text-align:center; float:left; margin:6px 8px 0 0; color:#333;}
.news-qh .news-A1 .news-main li:nth-child(-n+3):nth-child(n+1) em { background:#8c4e00;color:#fff;}
.news-qh .news-A1 .mdInfo-A1 li { width:344px; height:170px; position:relative;margin:20px auto;}
.news-qh .news-A1 .mdInfo-A1 li img { width:344px; height:170px;}
.news-qh .news-A1 .mdInfo-A1 li span { position:absolute;left:0px; bottom:0px; height:30px; font-size:14px; line-height:30px; background:rgba(255,255,255,.8);display:block;width:92%; padding:0px 15px;}
.news-qh .news-A1 .mdInfo-A2 { padding:0px 20px;}
.news-qh .news-A1 .mdInfo-A2 li {height:30px; line-height:30px; font-size:14px;width:96%;}
.news-qh .news-A1 .mdInfo-A2 li em { color:#8c4e00; margin-right:10px;}
.news-qh .news-A1 .news-slide { margin:20px auto;width:344px;height:170px;}
.news-qh .news-A1 .news-slide .flexslider{position:relative;width:344px;height:170px;overflow:hidden;}
.news-qh .news-A1 .news-slide .flexslider li a img { width:344px; height:170px;}
.news-qh .news-A1 .news-slide .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.news-qh .news-A1 .news-slide .flex-direction-nav li a {width:60px;height:90px;overflow:hidden;margin:-60px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;-webkit-transition:all .3s ease; font-size: 0px;}
.news-qh .news-A1 .news-slide .flex-direction-nav li a { background:#000; display:none;}
.news-qh .news-A1 .news-slide .flex-direction-nav .flex-next{right:0;}
.news-qh .news-A1 .news-slide .flex-direction-nav .flex-prev{left:0;}
.news-qh .news-A1 .news-slide .flexslider:hover .flex-next{opacity:0.8;}
.news-qh .news-A1 .news-slide .flexslider:hover .flex-prev{opacity:0.8;}
.news-qh .news-A1 .news-slide .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.news-qh .news-A1 .news-slide .flex-control-nav{width: 100%;position: absolute;bottom: 0px;background: rgba(255, 255, 255, .8);padding: 9px 0; padding-right:10px; box-sizing: border-box;}
.news-qh .news-A1 .news-slide .flex-control-nav li{margin:0 5px;display:inline-block; width:10px; height:10px; float:right;}
.news-qh .news-A1 .news-slide .flex-control-paging li a {display:inline-block;height:10px;width:10px;font-size:0px;border:1px solid #8c4e00; overflow:hidden;cursor:pointer; background:rgba(255,255,255,.0); border-radius:0px;}
.news-qh .news-A1 .news-slide .flex-control-paging li a.flex-active{background:#8c4e00; border-radius:0px;}







/*资讯模块end*/






/*SSM end*/