@charset "utf-8";

.dpn{ display:none;}

.im0l{display: block}

.logo{width:280px;}

.m{overflow:hidden;}

.head-b{margin-bottom:0px;}

#search_tips {margin:78px 0 0 360px;}

/*左右布局*/

.m-screen .right{width:238px;float:right;height:470px;margin-top:15px;  z-index:100; position: relative; background:#fff;border-radius:2px;box-shadow: 0px 0px 8px rgba(0,0,0,0.05)}

.m-screen .middle{float:left;}

/*幻灯区域下产品推荐*/

.recomment-box{ width:732px; margin-top:380px; overflow:hidden;position:relative;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);height:180px; z-index:100; position: relative;margin-left:215px}

.recomment-box li{float:left;width:732px;overflow:hidden;transition: all 0.2s linear 0s;font-size:12px;background:white;position:relative;}

.recomment-box .slick-btn-left{ width:30px; height:50px;background:url(img/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(img/leri.png) no-repeat; position:absolute; top:50%; z-index:1; right:0px; margin-top:-24px; cursor:pointer;}

.recomment-box li dd{float:left;}

.recomment-box li dd:nth-child(1) a{float:left;display:block;height:141px;}

.recomment-box li dd:nth-child(1) .text{width:100%;font-size:14px;font-weight:700; text-align:center}

.recomment-box li dd:nth-child(1) a{float:left;padding:20px;display:block;width:155px; text-align:center}

.recomment-box li dd:nth-child(1) img{width:80px;height:80px;margin:10px auto;float:none}

.recomment-box li .text{float:left;font-size:14px;font-weight:700;}

.recomment-box li .text p.sub{font-size:16px;color:#ee2e2c;font-weight:normal;margin-top:8px;}

.recomment-box li .text p.sub i{font-size:12px;}

.recomment-box li dd a{float:left;padding:15px 20px 15px 20px;display:block;border-left:#f5f5f5 1px solid;width:214px;height:60px;border-bottom:#f5f5f5 1px solid}

.recomment-box li dd a img{width:60px;height:60px; float:right}



/*右侧会员登陆区域*/

.member{overflow:hidden;padding:21px 0px 20px;background:#fff;;border-bottom:1px solid #eee;margin:0px 10px;}

.member .btn-area{margin-top:10px;padding:0px 11px}

.member .btn-area>a{display: block;width: 90px;height:30px;line-height:30px;text-align: center;color: #fff;background: linear-gradient(to right, #ee2e2c, #ff512c);border:#ee2e2c 1px solid;}

.member .btn-area>a:hover{background-color:#ff5400;borer:#ff5400 1px solid}

.member .btn-area a:nth-child(odd){float:left}

.member .btn-area a:nth-child(even){float:right; background:white;border:#ff6000 1px solid;color:#ff6000}

.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{overflow:hidden;background:#fff;}

.m-screen .right .inter ul li { float:left; width: 33.333333%; height:80px; text-align:center;padding-top:2px;    border-bottom: 1px solid #eee;border-right: 1px solid #eee;

-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:#ee2e2c;}

.m-screen .right .inter ul li a { color:#666;}

.m-screen .right .inter ul li a i { font-size: 40px; line-height:34px; height:40px; display:block; background: linear-gradient(145deg,#ee2e2c 50%,#ff512c 100%);-webkit-background-clip: text;color: transparent; 

margin-bottom:5px; margin-top:5px;}



/*.m-screen .right .inter ul li a i { width:40px; height:40px; display:block; margin:5px auto; }*/

/*.m-screen .right .inter ul li:nth-child(1) a i { background:url(img/icon/ia_200000010.png) no-repeat;background-size: 40px 40px;}*/

/*.m-screen .right .inter ul li:nth-child(2) a i { background:url(img/icon/ia_200000011.png) no-repeat;background-size: 40px 40px;}*/

/*.m-screen .right .inter ul li:nth-child(3) a i { background:url(img/icon/ia_200000012.png) no-repeat;background-size: 40px 40px;}*/

/*.m-screen .right .inter ul li:nth-child(4) a i { background:url(img/icon/ia_200000016.png) no-repeat;background-size: 40px 40px;}*/

/*.m-screen .right .inter ul li:nth-child(5) a i { background:url(img/icon/ia_200000023.png) no-repeat;background-size: 40px 40px;}*/

/*.m-screen .right .inter ul li:nth-child(6) a i { background:url(img/icon/ia_200000020.png) no-repeat;background-size: 40px 40px;}*/













.m-screen .right .inter ul li a p { font-size: 12px; line-height:24px;}



/*公告区域切换样式*/

.tz{overflow:hidden; border-top:1px solid #eee; margin:0px 10px;}

.tz .qc-head{clear:both;font-size:14px;line-height:35px;text-align:center;overflow:hidden;width: 238px;margin-left: -10px;border-bottom:#eee 1px solid}

.tz .qc-head li{float:left;list-style-type:none;width:33%;font-weight:normal; cursor:pointer;}

.tz .qc-head li.current{color:#ee2e2c; background:white;font-weight:bold}

.tz .qc-head li.current span { border-bottom:2px solid #ee2e2c; padding:5px 0px;}

.tz .qc-body dl{overflow:hidden;padding:10px 0px;}

.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:25px;font-size:12px;height:25px;overflow:hidden;width:103%;}

.tz .qc-body dl li a { color:#555;}

.tz .qc-body dl li:hover a { color:#ee2e2c;}



/*楼层开始*/

.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}



.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, #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 .top08 {

	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%);

}







.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:#ee2e2c;}

.i-title{font-size:14px;height:24px;overflow:hidden; color:#777}

.i-title b{font-size:20px;color:#000;}

.i_title_xh { color: #999;font-size: 12px;font-weight: 700;height:40px; line-height:40px; position:relative;padding-left:50px;}

.i_title_xh i { font-weight:400; font-size:32px; margin-right:10px; padding:0px 2px; display:inline-block;color:#ee2e2c;}

.i_title_xh .i_xh_01 { font-size:36px; position:absolute;left:0px; top:-1px;}

.i_title_xh .i_xh_02 { font-size:24px;  position: relative;top: 2px; background: linear-gradient(90deg,#d10000 0%,#ff512c 80%);-webkit-background-clip: text;color: transparent;}



.i_title_xh span { display: inline-block;width: 80%;height: 2px;background: linear-gradient(90deg,#ee2e2c 0%,#ff512c 80%);margin-left: 24px;}



.set-content{
    height: 420px;
    width: 976px;
	float:right;
    margin:0 auto;
	background-color: #FFF;
}

.set-title {
    width: 100%;
    height: 46px;
    display: flex;
    z-index: 9999;
	border-bottom: 1px dashed #D3D3D3;
	overflow: hidden;
}

.set-title ul li{
    float:left;
    display: block;
    text-align: center;
    height: 100%;
    line-height: 46px;
    color: #000;
    position: static;
    box-sizing: border-box;
    cursor: pointer;
	padding:0 20px

}

.set-title ul .on{
	font-weight: bold
}
.set-title ul .on a{ color:#DF480E;}
.set-middle{
    
    height: 374px;
    box-sizing: border-box;
    overflow: hidden;
}

.set-middle-item{

}

.set-middle-image img{
    display: block;
    float: left;
    cursor: pointer;
}

.set-middle-list ul li{
    display: flex;
    color: #fff;
    font-size: 13px;
    height: 43px;
    line-height: 43px;
    border-bottom: solid 1px #4fc0c8;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 5px 0 2px;
}

.set-ali{
    flex: 1;
}
.set-java{
    flex: 1.8;
}

.set-salary{
    flex: 1;
}

.set-more{
    text-align: right;
    flex: 1;
}

.set-more:after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    transform: rotate(-45deg);
    position: relative;
    top: 0;
    margin-left: 2px;
}







.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:#ee2e2c 1px solid;border-radius:5px; text-align:center; position:absolute; right:30px;top:20px}

.hq-recommend dl em a{color:#ee2e2c}

.hq-recommend dl em:hover{background: linear-gradient(to right, #ee2e2c, #ee2e2c);}

.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:#ee2e2c}

.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:#ee2e2c 2px solid}

.slns ul li img{width:50px; text-align:center;border:#eee 1px solid;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, #ee2e2c, #ee2e2c);color:white}

.chandibao li .mark{position:absolute;top:14px;right:13px;width:47px;height:61px;background:url(img/chandibao.png) no-repeat;background-size:47px 61px}

/*猜你喜欢*/

.guess-like{width:1200px;margin-top:20px;background:#fff; overflow:hidden;}

.guess-like li {margin: 20px 0px;float: left;width: 200px;position: relative;overflow: hidden;border-right: 1px solid #eee;padding: 0px 19px 0 20px;}

.guess-like li:nth-child(5n+5) {  border-right:none;}   

    



.guess-like li img{width:100%}

.guess-like li p.s-title{font-size:14px;line-height:20px;height:40px;margin-top:10px;color:#666;}





.like {width: 100%;height: 0px;background: linear-gradient(160deg, #ee2e2c, #ff512c);text-align: center;color: #fff;position: absolute;bottom: 0px;-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 {height: 85px;}







.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:#ee2e2c;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:16px;height:35px;margin-bottom:8px;color:#000;font-weight:700; border-bottom:1px solid #eee;}

.link dt em{border-bottom:#ee2e2c 1px solid;height:35px;display:block;float:left}

.link a{white-space:nowrap; color:#666; margin:10px 15px 0px 0px; display:inline-block; line-height:23px;font-size:14px}

.link a:hover{color:#ee2e2c}







.industry-bar {

    position:fixed;top:220px;left:50%;margin-left:-660px;width:46px;display:none;

	z-index:1000;

	background:#1876b9;

}

.industry-bar.hover {

    display:block

}

.industry-bar h5 {

    height:26px;line-height:26px;padding:5px 0;background:#ff6700;text-align:center;color:#fff

}



.industry-bar li {

    padding:5px 8px;height:32px;line-height:16px;margin:0 auto;text-align:center;

}

.industry-bar li a {

    display:block;line-height:16px;font-size:12px;color:white;

}

.industry-bar li.current {background: linear-gradient(to right, #ff7900, #ff6700);

    color:#fff;

}

.industry-bar li.current a{color:white}











.s-floor-a { background:#fff; overflow:hidden;}

.s-floor-a .left{width:260px;float:left; height:493px;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_img { width: 100%;height: 340px; overflow:hidden;}

.s-floor-a .left .s_banner_img img { width:260px; height:310px;}

.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:170px;height:170px;margin-bottom:10px;  -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: 212px; padding: 24px 32px; background: white; overflow: hidden; position: relative; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}

.s-floor-a .right p{text-align:center;line-height:23px;}

.s-floor-a .right .til{font-size:14px;color:#333;}

.s-floor-a .right .tsg{font-size:18px;color:#ee2e2c;}

.s-floor-a .right .tsg i { font-size:12px;}

.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;}





/*幻灯广告区域*/

.m0{width:100%; position:relative; overflow:hidden;height:500px;}

.slider{z-index:0;overflow:hidden;width:100%;position:absolute;top:0;height:500px;background:#999}

.slider_stage li{height:500px}

.slider_stage a{ display:block; width:100%;height:500px; }

.slider_stage { width:100%; height:500px; overflow: hidden;}

.prev,.next{ display:block; width:38px; height:84px; position:absolute; top:50%; margin-top:-42px;  z-index:10; cursor:pointer;}

.prev1,.next1{ background:url(img/header_icon.png) no-repeat; display:none;}

.prev:focus,.next:focus{ outline:none}

.prev{ left:50%; margin-left:-400px;background-position:-312px -3px;}

.next{ right:50%; margin-right:-362px;background-position:-312px -87px;}

.slider:hover .prev1,.slider:hover .next1{ display:block }

.slider-menu-1 { position: absolute;left: 50%;bottom: 20px;width: 750px;height: 24px;margin-left: -400px;text-align: center;z-index: 50; }

.slider-menu-1-box { margin: 0 auto;background: rgba(0, 0, 0, .4);display: inline-block;padding: 3px 15px;border-radius: 12px;}

.slider-menu-1 ul { padding-left:0px; text-align:center;}

.slider-menu-1 ul li { position:relative; display:inline-block; *display:inline; *zoom:1;}

.slider-menu-1 ul li a { display:block; width:8px; height:8px;margin:0px 5px; border-radius:6px;background:rgba(255,255,255,.6);

  -webkit-transition: all .5s;

     -moz-transition: all .5s;

      -ms-transition: all .5s;

       -o-transition: all .5s;

          transition: all .5s; }

.slider-menu-1 ul li.current a { background:#fff; width:18px; height:8px;}



.m-screen { z-index:100;}







/*超卖专区the*/



.i_clear .right ul li { float: left;width: 224px;margin: 0px 20px 0px 0px;background:#fff;box-shadow: 0px 0px 6px rgba(0,0,0,0.05);padding-bottom:10px;}

.i_clear .right ul li .image {  width:224px;height:131px; overflow:hidden; display:block;}

.i_clear .right ul li .image img { width:224px;height:131px;transition: all .3s;}

.i_clear .right ul li:hover .image img{transform: scale(1.05);}

.slick-btn-left,.slick-btn-right { width:30px;height:60px;position:absolute;cursor:pointer;filter:alpha(opacity=90);opacity:0; text-align:center; line-height:54px;

-webkit-transform: translate(0, -50%); display: :none;

             -moz-transform: translate(0, -50%);

              -ms-transform: translate(0, -50%);

               -o-transform: translate(0, -50%);

                  transform: translate(0, -50%);}

.slick-btn-left { background:rgba(255,255,255,1) url(img/zuo.png) no-repeat 5px 5px;}

.slick-btn-right {background:rgba(255,255,255,1) url(img/you.png) no-repeat -2px 5px;}

.i_clear .right:hover .slick-btn-left {opacity:.9;}

.i_clear .right:hover .slick-btn-right {opacity:.9;}



.slick-btn-left{ top:50%;z-index:99;left:-4px; }

.slick-btn-right{ top:50%;  z-index:99;right:-5px;}

.i_clear .right ul li .gongs {margin-top:10px; padding:5px 10px;}

.i_clear .right ul li .gongs h5 { font-size: 14px;margin-bottom: 8px; color:#333;}

.i_clear .right ul li .gongs span { display:block; width:100%; height:30px; line-height:30px; font-size:14px; margin-top:20px;}

.i_clear .right ul li .gongs span a { display: inline-block;width: 46%;height: 30px;background: rgba(238, 46, 44, .1);color: #dd0000;text-align: center;border-radius: 3px;}

.i_clear .right ul li .gongs span a:hover { background: rgba(238, 46, 44, 1); color:#fff;}

.i_clear .right ul li .gongs span em { display:inline-block; width:35%; float:right; color:#666;}

.i_clear .right ul li .gongs span em i{ font-size:14px; color:#ee2e2c; margin-right:5px; margin-left:10px;}

/*超卖专区end*/













/*123 the*/



.floor-title { height: 40px;overflow:hidden}

.floor-title .f1 { font-size: 20px;color:#000}

.floor-title .f1:before{ content:""; width: 3px;height: 20px; background:#ee2e2c; float:left; margin-right:10px;margin-top:5px;}

.gdbody dl{overflow:hidden;}

.gdbody dl dd{float:left;width:259px;padding:17px 20px;position:relative;border-right:#eee 1px solid;border-bottom:#eee 1px solid;overflow:hidden;height:50px;}

.gdbody dl dd h4{font-weight:normal;color:#333;width:170px;font-size:16px;height:25px;}

.gdbody dl dd h4:hover{color:#ee2e2c}

.gdbody dl dd:nth-child(3),.gdbody dl dd:nth-child(6),.gdbody dl dd:nth-child(9),.gdbody dl dd:nth-child(12),.gdbody dl dd:nth-child(15){border-right:none}

.gdbody dl dd p{color:#777;font-size:12px;margin-top:10px; text-align:left}

.gdbody dl dd em{background:#777;color:white;position:absolute;right:20px;top:17px;display:block;padding:2px 10px 0px;font-size:12px;height:23px;line-height:23px;border-radius:15px;}

.gdbody dl dd:hover em{background:#ee2e2c}

.gdbody dl dd font{color:red}

.gdbody {background:white;overflow:hidden;width:900px;float:left;border:#eee 1px solid;padding:20px 30px}

.purchase-send{height:296px;width:223px;float:right;background:#fff;position:relative;border:#eee 1px solid}

.purchase-send a{display: block;}

.purchase-sendtop{padding-top:12px;text-align:center;color:#282828;margin-bottom:6px}

.purchase-sendtop h4{font-size:16px;line-height:30px}

.purchase-sendtop p{font-size:12px;padding:3px 0 0}

.purchase-sendtop p b{color:#d94536;font-weight:400}

.unitBox{width:70px;float:right}

.purchase-send{overflow:hidden;}

.purchase-send ul{overflow:hidden;padding-bottom:15px}

.purchase-send input{border:1px solid #e9eaec;height:32px;padding-left:6px;width:100%;color:#282828;font-size:12px;transition:.5s}

.purchase-send input.w82{width:82px;float:left;overflow:hidden;margin-right:10px;}

.purchase-send li{padding:10px 0px 0 20px;height:34px;font-size:12px;float:left;width:175px;}

.unitBox p{height:32px;border:0;background:none;width:60px;line-height:32px;padding-left:6px;color:#ee2e2c}

.purchase-send button{display:block;width:140px;height:30px;background:#d94536;border-radius:50px;border:0;color:#fff;font-size:14px;margin:0px auto 0;z-index:6;line-height:30px;transition:.3s}

.purchasePrompt{text-align:center;font-size:12px;color:#ee2e2c;padding-top:12px}.blueTit{border-left:5px solid #2375da;padding-right:200px}.boxTitle.blueTit em{background:#2375da;margin-top:25px}





/*.i_floor .top01 h2 { background: #4abfc4;}*/

/*.i_floor .top01 .cat { background:#3dd2d2;}*/



/*.i_floor .top02 h2 { background: #048d85;}*/

/*.i_floor .top02 .cat { background:#1fa29b;}*/



/*.i_floor .top03 h2 { background: #0b8d04;}*/

/*.i_floor .top03 .cat { background:#30ae29;}*/



/*.i_floor .top04 h2 { background: #3f10d2;}*/

/*.i_floor .top04 .cat { background:#5a0ceb;}*/



/*.i_floor .top05 h2 { background: #1faaeb;}*/

/*.i_floor .top05 .cat { background:#4bbefd;}*/



/*.i_floor .top06 h2 { background: #0cbe7d;}*/

/*.i_floor .top06 .cat { background:#31d398;}*/



/*.i_floor .top07 h2 { background: #4abfc4;}*/

/*.i_floor .top07 .cat { background:#3dd2d2;}*/



/*.i_floor .top08 h2 { background: #048d85;}*/

/*.i_floor .top08 .cat { background:#1fa29b;}*/



.i_floor .left {width:224px;float:left; position:relative;color:#FFF; height:420px;}
.i_floor .top01{background-color:#1983bf}
.i_floor .top02{background-color:#fb6a6a}
.i_floor .top03{background-color:#699}
.i_floor .top04{background-color:#fda051}
.i_floor .top05{background-color:#27c4cc}

.i_floor .left ul{ padding:15px;}
.i_floor .left ul li{ padding-bottom:16px;;}
.i_floor .left ul a{ color:#FFF}

.i_floor .left h2 { display: block;height: 45px;line-height: 45px;font-size: 21px;padding: 0 10px; font-weight:normal; width:204px; background:rgba(0,0,0,.2);}

.i_floor .left h2 a { color:#fff; margin-left:20px;}

.i_floor .left h2 i { color:#fff;}

.i_floor .cat {  height: 290px; padding:20px 20px;}

.i_floor .left .cat h3 {height: 30px; line-height: 30px; font-size: 19px; color: #fff; opacity: 0.8;font-weight:normal;}

.i_floor .left .cat p {height: 20px; line-height: 20px; font-size: 15px; color: #fff; opacity: 0.5; margin-bottom:20px;}

.i_floor .left .cat img{width:100%;transition: all .3s;}

.i_floor .left .cat:hover img{transform: scale(1.05);}

/*.i_floor .center-main {width: 479px; float:left; height: 337px;padding:19px 0 19px 20px;background:#fff;}

.i_floor .center-main dl { float:left; width: 48%; margin:0 2% 2% 0; overflow:hidden; }

.i_floor .center-main dl dt { display: block; height: 30px; line-height: 30px; font-size: 16px; color: #000;}

.i_floor .center-main dl dt a{color:#000;}

.i_floor .center-main dl dt a:hover{color:#ee2e2c;}

.i_floor .center-main dl dd{height:75px;overflow:hidden;}

.i_floor .center-main dl dd a {  display: inline-block;color:#777;margin-right: 20px;font-size: 14px; line-height:25px;}

.i_floor .center-main dl dd a:hover{color:#ee2e2c;}



.i_floor .center-main .i_fenlei { display:inline-block; margin:0px 20px 20px 0px; font-size:14px; color:#666;}


*/



/*.i_floor .right-main .right-son{ height:44px; padding-left:10px; border-bottom:1px dashed #ccc; line-height:44px; overflow:hidden}
.i_floor .right-main .right-son a.more{ float:right}
.i_floor .right-main { background-color:#FFF; float:left; width: 976px; height: 420px; }
.i_floor .right-main .right-son a{ display:inline-block; padding: 0 20px}
*/.i_floor .right-main .set-middle-item { overflow:hidden;background:#fff; padding:30px 20px 0 10px;}

.i_floor .right-main .set-middle-item li { float:left; width: 216px; background:#fff; display:inline-block; overflow:hidden;box-sizing: border-box; margin:0 0 20px 20px; text-align:center}

.i_floor .right-main .set-middle-item li .i_imgae { width:208px; height:120px; overflow:hidden;}

.i_floor .right-main .set-middle-item li .i_imgae img { width:208px; height:120px;transition: all .3s;}

.i_floor .right-main .set-middle-item li .i_imgae:hover img{transform: scale(1.05);}

.i_floor .right-main .set-middle-item li p { display:block; width:100%;line-height: 20px;color: #333;font-size: 14px;margin-top: 10px;}









.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(img/news_title_bg.png) left no-repeat; text-indent:30px; font-size:20px; color:#ff7200; }

.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(img/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(img/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{border:#e1e1e1 0px solid;border-top:#009237 0px solid;}

.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:#ff7200}

.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}

/*123 end*/