/* CSS Document */
.hotnews ul li a,.loginreg em,.advtit li.active,.goodsupplier ul li a,.newcompany li a{ background:url(../image/indexicon.png) no-repeat left top;}
.hotnews{ margin-top:486px; background-color:#f7f7f7; border:1px solid #d6d6d6; height:220px; padding:0px 8px;}
.tit{ font-size:14px; line-height:34px;}
.tit h3{ font-size:14px;}
.hotnews ul{ line-height:24px;}
.hotnews ul li{ height:24px; overflow:hidden;}
.hotnews ul li a{ padding-left:10px; display:inline-block; max-width:200px; _width:200px; height:24px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; background-position:left 10px;}
.hotnews a:hover{ text-decoration:none; background-position:left -14px;}
.hotnews p{ width:100%; overflow:hidden; padding-top:8px;}
.hotnews p a{ float:left; width:50px; text-align:center; margin:0px 10px;}
.hotnews p a img{ width:48px; height:48px; border:1px solid #d9d9d9;}
.hotnews p span{ display:block; padding-top:3px; width:100%; height:18px; overflow:hidden;  white-space: nowrap; text-overflow: ellipsis;}

.banner{ width:100%; height:240px; overflow:hidden; text-align:center; position: relative;}
.bannerimg{ width:100%; height:240px; overflow:hidden; position:relative; z-index:1; text-align:center; }
.bannerimg img{ width: 638px; height: 240px; display: none;}
.bannernum{ width:100%; text-align: center; position: absolute; left: 0px; bottom: 10px; z-index: 2}
.bannernum a{  width: 12px; height:12px; background-color:#b4b4b4; margin-right:8px; display:inline-block; line-height:0px; font-size:0px; overflow:hidden; -moz-border-radius: 50%;    -webkit-border-radius: 50%; border-radius:50%; }
.bannernum a:hover{ text-decoration:underline;}
.bannernum a.imgSelected { background-color:#ff4e00;} 


.newstab li{background:#eee; float: left; width:105px; text-align:center; line-height:34px; font-size:14px;border-left: 1px solid #ddd;border-right: 1px solid #ddd; margin-left:-1px;}
.newstab li.active{ height: 32px; line-height: 32px; background:#fff;border-top: 2px solid #FF510C; font-weight:bold;}
.newsbox { height: 389px; padding: 0 10px 0px;}
.conter{  display: none;}
.block{ display: block;}
.newsbox .conter .box02 li{padding:6px 0;border-bottom: 1px solid #eee; overflow:hidden}
.newsbox .conter .box02 li img{ float:left; width:120px; height:80px; margin-left:15px}
.newsbox .conter .box02 li p{/* float:right; width:440px;*/padding-right:30px;padding-top:4px}
.newsbox .conter .box02 li p a{ display:inline-block;font-size:16px; height:24px; line-height:24px; overflow:hidden }
.newsbox .conter .box02 li p span{ color:#999;display:block;}
.newsbox .conter .tcenter{text-align: center;}
.newsbox .conter .tcenter a{ background:#f2f2f2; border:1px solid #e9e9e9; border-radius: 4px; padding:4px 24px; color: #666;}

.loginservice{ border: 1px solid #e2e2e2; height: 219px;}
.loginreg{ height: 36px; line-height: 36px; background-color: #f1f1f1; border-bottom: 1px solid #e2e2e2;}
.loginreg a{ font-size: 14px; width: 49%; text-align: center; font-weight: bold;}
.loginreg em{ width: 1px; height: 36px; float: left; background-position: left -81px; font-size: 0px;}
.service{ padding: 10px 10px 0px; line-height: 20px; color: #505050;}
.service h4{ font-size: 14px;}
.service a{ display: block; margin: 10px auto 0px; width: 167px; height: 29px;  border-radius:3px; -moz-border-radius: 3px;  -webkit-border-radius: 3px; text-align: center; line-height: 29px; color: #fff; background-color: #005bac; font-size: 14px; font-weight: bold;}

.advright{ height: 276px; width: 100%; overflow: hidden;}
.advimg img{ width: 300px; height: 240px; border:1px solid #ebebeb; display: none;}
.advimg img.blcok{ display: block;}
.advtit{ width: 110%;}
.advtit li{ float: left; width: 69px; height: 32px; margin-right: 8px;}
.advtit li a{ display: block; width: 69px; height: 25px; text-align: center; line-height: 25px; background-color: #d7d7d7; margin-top: 7px;}
.advtit li a:hover,.advtit li.active a{ background-color: #0070ce; color: #fff; text-decoration: none;}
.advtit li.active{ background-position: center -131px;}

.advright2{ width: 100%; height: 190px; overflow: hidden;}
.advrightbox{ width: 100%; height: 90px; overflow: hidden; margin-bottom: 10px; position: relative;}
.advrightbox img{ width: 300px; height: 90px;}
.advrightup{ position: relative; top: 0px;}
.advrightup div{ border:1px solid #ebebeb; background-color: #f7f7f7; height: 82px; width: 278px; padding: 6px 10px 0px; overflow: hidden;}
.advrightup div a h4{ font-size: 14px; color: #e20000;}
.advrightup div a dl{ width: 100%; overflow: hidden;}
.advrightup div a dt{ width: 40px; float: left; font-weight: bold; color: #333;}
.advrightup div a dd{ width: 238px; float: left; color: #666;}
.advrightup div a:hover{text-decoration: none;}

.protit{ line-height: 50px; height: 50px; padding: 0px 10px;}
.protit h3{ display: inline-block; font-weight: normal; font-size: 16px; *float: left;}
.protit span{ margin-left: 15px; *float: left;}
.protit span a{ margin-right: 10px;}
.probox{ height: auto; border:1px solid #e2e2e2;}
.probox .protopimg,.probox .protopimg img{ width: 230px; height: 235px;}
.probox .protopimg{ border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.probox .topprologo{ height: auto; border-right:1px solid #e2e2e2; width: 230px;}
.probox .topprologo ul{ width: 100%; overflow: hidden;}
.probox .topprologo ul li{ width: 110px; float: left; height:58px; text-align: center; padding:2px;}
.probox .topprologo img{ width:93px; height:58px;}
.probox .prosmallcategory{ width:647px;}
.probox .prosmallcategory h3{padding-left:28px;width:629px;font-size:16px; margin-top:10px;}
.probox .prosmallcategory h3 span{ border-left: 3px solid #e74811; padding-left: 10px;}
.probox .prosmallcategory ul{ width: 100%; overflow: hidden; padding:0; margin-top:10px;}
.probox .prosmallcategory li{ float: left; width: 295px; padding-left: 28px; line-height: 20px; overflow: hidden;}
.probox .prosmallcategory li a{ margin-right:9px;line-height:24px;color:#000; text-decoration:none;}
.probox .prosmallcategory li b a{ margin: 0px;}
.probox .prosmallcategory li p {width: 295px; overflow:hidden; padding:0; margin:0;}
.probox .prosmallcategory li .red{color:#c00;}
.probox .prosmallcategory li p a{ margin: 0px; color:#000;text-decoration:none;font-weight:700;font-size:14px;height: 30px;line-height: 30px;}
.probox .prosmallcategory .yqj{width: 100%; overflow: hidden; padding:0; margin:0;}
.probox .prosmallcategory .yqj li{float: left; width:620px; padding-left: 28px; line-height: 20px; overflow: hidden; margin-top:6px; margin-bottom: 5px;}


.probox .tophotpro ul{ width: 100%; overflow: hidden;}
.probox .tophotpro ul li{ width: 131px; float: left; padding: 6px 15px 0px; text-align: center;}
.probox .tophotpro ul li span{ display: block; width: 110px; height: 100px; margin: 0px auto 8px;}
.probox .tophotpro ul li img{ width: 110px; height: 100px;}
.probox .tophotpro ul li p{ width: 100%; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.probox .tophotpro ul li em{ color: #e20000;}
.probox .buylist{ height:422px; border-left:1px solid #e2e2e2; padding: 0px 10px; width: 279px;}
.probox .buylist h3{ line-height: 48px; border-bottom: 2px solid #e74811; font-size: 16px; padding: 0px 6px; margin-bottom: 8px;}
.probox .buylist ul{ width: 100%; height: 324px; overflow: hidden;}
.probox .buylist li{ width: 267px; height: 27px; line-height: 27px; overflow: hidden; padding: 0px 6px; *float: left;}
.probox .buylist li a{ font-size: 14px; float: left; max-width: 270px; _width: 270px; height: 27px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.probox .buylist li em{ color: #c8c8c8; float: right;}

.helpyou{ width: 206px; border-right:1px solid #e2e2e2; height: 422px; background-color: #f6f6f6; padding: 0px 12px;}
.helpyou h3{ font-size: 16px; line-height: 50px;}
.helpyou dl{ width: 100%; overflow: hidden; padding-bottom: 20px;}
.helpyou dl dt{ width: 48px; height: 48px; border:1px solid #d6d6d6; float: left;}
.helpyou dl dd{ width: 145px; float: right;}
.helpyou dl dd h4{ font-size: 14px; line-height: 18px;}
.helpyou dl dd p{ color: #5a5a5a; line-height: 16px;}
.helpyou div{ border-top: 1px solid #e6e6e6; padding-top: 15px;}
.helpyou div a{ width: 167px; height: 29px; text-align: center; line-height: 29px; margin: 0px auto; display: block; background-color: #005bac; color: #fff;  border-radius:3px; -moz-border-radius: 3px;  -webkit-border-radius: 3px; font-size: 14px; font-weight: bold;}

.goodsupplier{ height: 200px; border-bottom: 1px solid #e6e6e6;}
.goodsupplier h3,.topsupplier h3{ line-height: 52px; height: 52px; padding-left: 28px; font-size: 16px;}
.goodsupplier h3 span,.topsupplier h3 span{ border-left: 3px solid #e74811; padding-left: 10px;}
.goodsupplier ul{ width: 100%; overflow: hidden;}
.goodsupplier ul li{ float: left; height: 27px; overflow: hidden; padding-left: 28px; width: 295px; font-size: 14px; }
.goodsupplier ul li a{ background-position: left -39px; display: block; padding-left: 10px; height: 27px; line-height: 27px; max-width: 285px; _width: 285px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.topsupplier ul{ width: 620px; overflow: hidden; padding-left: 27px;}
.topsupplier ul li{ float: left; position: relative; width: 95px; height: 60px; margin-right: 8px; margin-bottom: 12px;}
.topsupplier ul li img{ width: 93px; height: 58px; border: 1px solid #e2e2e2; _float: left;}
.topsupplier ul li div{ position: absolute; display: none; background-color: #f1f1f1; overflow: hidden; border: 1px solid #e2e2e2; border-left: 0px; width: 185px; height: 58px; left: 95px; top: 0px; padding: 0px 10px;}
.topsupplier ul li div h4{ font-size: 14px; padding: 5px 0px 0px;}
.topsupplier ul li div p a{ margin: 0px 8px;}
.topsupplier ul li div p a.noml{ margin-left: 0px;}
.topsupplier ul li.active{ z-index: 2;}
.topsupplier ul li.active div{ display:block;}
.topsupplier ul li.changediv div{ left: inherit; left:auto; right: 94px; _right: 93px;}
.probox .newcompany li a{ max-width: 255px; _width: 255px; background-position: left 12px; padding-left: 12px;}


.listright .w559 dl{width:620px;float: left; margin-right: 35px;overflow: hidden;}
.listright .w559 dl dt{ width: 100%; overflow: hidden; border-bottom: 1px solid #e74811; padding-bottom: 6px; line-height: 20px; margin-bottom: 5px;}
.listright .w559 dl dt span{ font-size: 14px; float: left; color:#e74811; }
.listright .w559 dl dt a{ color: #898989; float: right;}
.listright .w559 dl dd{ line-height: 22px;}
.listright .w559 dl dd a{ margin: 0px 8px;}
.listright .w559 dl dd a.noml{ margin-left: 0px;}
.listright .w559 dl dd span{ color: #0054a6;}
.listright .w559 dl dd.topgoodcompany a{ margin: 0px 6px;}


/*2016-12-01*/
/*member*/
.member{border: 1px solid #e1e1e1;border-top: 2px solid #0070ce; width: 882px; height: 255px;position: relative;}
.yeyao{position: absolute;right: 15px ;top:13px; color: #e20000; }
.membertab{height: 42px;border-bottom: 1px solid #e1e1e1;background: #f5f5f5;}
.membertab li{width: 133px; border-right: 1px solid #e1e1e1;float: left; height: 42px;text-align: center;line-height: 42px;font-size: 18px;}
.membertab li a{color: #333;}
.membertab li.active {background: #fff;border-bottom: 1px solid #fff;}
.membertab li.active a{color: #0070ce;}

.memberbox{height: 180px;padding: 14px 0 17px 0;overflow: hidden; }
.memberbox .membercont{display: none;}
.memberbox .membercont.block{display: block;}
.memberbox ul li{padding-left: 17px; width: 277px;line-height: 30px; height: 30px;overflow: hidden;float: left;font-size: 14px; }
.memberbox ul li a{display: block;padding-left: 10px;height: 30px;background: url(../image/indexicon.png) no-repeat left top;    background-position: left -36px;}

/*new*/
.nowrap{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.new{border: 1px solid #e1e1e1;border-top: 2px solid #0070ce; width: 294px; height: 255px;}
.newtab{height: 42px;border-bottom: 1px solid #e1e1e1;background: #f5f5f5;}
.newtab li{width: 147px; float: left; height: 42px;text-align: center;line-height: 42px;font-size: 18px;}
.newtab li.last{border-left: 1px solid #e1e1e1; width: 146px;}
.newtab li a{color: #333;}
.newtab li.active {background: #fff;border-bottom: 1px solid #fff;}
.newtab li.active a{color: #0070ce;}

.newbox{height: 180px;padding: 14px 0 17px 0;overflow: hidden; }
.newbox .newcont{display: none;}
.newbox .newcont.block{display: block;}
.newbox ul li{padding-left: 10px; width: 277px;line-height: 30px; height: 30px;overflow: hidden;float: left;font-size: 14px;}
.newbox ul li a{float: left; display: block;padding-left: 10px;width: 250px; height: 30px;background: url(../image/indexicon.png) no-repeat left top;background-position: left -36px;}
.newbox ul li span{color: #888;font-size: 12px;}
.newbox .newproduct li{width:130px;}
.newbox .newproduct li a{width: 120px;}
/*supplier*/
.supplier{border: 1px solid #e1e1e1;}
.supplier .supplier-title{height: 43px; border-bottom: 1px solid #e1e1e1;background: #f5f5f5; padding-left: 26px; line-height: 43px; color: #333;font-size: 18px;}
.supplier .supplier-list{padding: 13px 8px 3px;overflow: hidden;}
.supplier .supplier-list ul{width: 1185px;}
.supplier .supplier-list ul li{float: left;width: 218px;height: 112px;border: 1px solid #ebebeb;margin: 0 17px 14px 0;
transition: border 0.3s;
-moz-transition: border 0.3s; /* Firefox 4 */
-webkit-transition: border 0.3s; /* Safari 閸? Chrome */
-o-transition: border 0.3s; /* Opera */
}
.supplier .supplier-list ul li div{text-align: center;height: 87px;}
.supplier .supplier-list ul li div a{display: table-cell;width: 218px; height: 87px; text-align: center;vertical-align: middle;}
.supplier .supplier-list ul li div span{display: none; *display: inline-block;*height: 100%;*vertical-align: middle;}
.supplier .supplier-list ul li div img{max-height: 70px;max-width: 190px;}
.supplier .supplier-list ul li p{line-height: 25px;text-align: center;height: 25px;padding:0 10px;overflow: hidden;
transition: background 0.3s;
-moz-transition: background 0.3s; /* Firefox 4 */
-webkit-transition: background 0.3s; /* Safari 閸? Chrome */
-o-transition: background 0.3s; /* Opera */
}
.supplier .supplier-list ul li:hover{border: 1px solid #0283ef;}
.supplier .supplier-list ul li:hover p{background:#0283ef;}
.supplier .supplier-list ul li:hover p a{color:#fff;}
.supplier .supplier-list ul li p a:hover{text-decoration:none;}

.bgfff{background: #fff;}
.pt10{padding-top:10px;}