@charset "utf-8";
/* CSS Document */
/*reset*/
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input,textarea,th,td,select{ margin:0; padding:0;}
em{ font-style:normal;}
li{ list-style:none;}
a{ text-decoration:none; color:#333;}
img{ border:none; vertical-align:top;}
table{ border-collapse:collapse;}
input,textarea{ outline:none;}
textarea{ resize:none; overflow:auto;}
body{ font-size:12px; font-family:"微软雅黑";}
/*end reset*/
/* public*/
.clear{zoom:1;}
.clear:after{ content:''; display:block; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.w{ width:1190px; margin:0 auto;}
.gradient{ 
	background:-moz-linear-gradient(top,#ffffff,#f8f8f8);
	background:-webkit-linear-gradient(top,#ffffff,#f8f8f8);
	background:-ms-linear-gradient(top,#ffffff,#f8f8f8);
	background:linear-gradient(top,#ffffff,#f8f8f8);
	-ms-filter:"progid:DXImage Transform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f8f8f8)";
	+background:#fs9f9f9;
}
.triangle_up,.triangle_down_active,.triangle_down_gray{ position:absolute; width:0; height:0; overflow:hidden; border-left:4px solid transparent; border-right:4px solid transparent; }
.triangle_up{border-bottom:4px solid #ca0309;}
.triangle_down_active{ border-top:4px solid #808080;}
.triangle_down_gray{ border-top:4px solid #c1c1c1;}
/* end public*/
#topcut,#head,.nav,#slogen{}
#topcut{ height:28px; line-height:28px; border-top:1px solid #bfbfbf; border-bottom:1px solid #ddd;background-color: #eeeeee}
#topcut p{ width:220px; color:#555; font-family:"宋体"; }
#topcut p strong{ font-weight:normal;}
#topcut p strong a,#topcut p a{ color: #555;}
#topcut p label{ color:#10a3bb;}
#topcut ul li a{ color:#808080;}
#topcut ul li a:hover,#topcut p  a:hover{ color:#1cbfda;}
#topcut ul .pr a:hover{ color:#808080;}
#topcut ul li{ float:left; padding:0 10px; font-family:"微软雅黑"; color:#808080;}
#topcut ul li.spacer{ width:1px; height:18px; margin-top:4px; background:#ddd; padding:0;}
#topcut ul li .dd{ width:48px; padding-right:16px; position:relative;}
#topcut ul li .dd .triangle_down_gray{ top:12px; right:2px;}
#topcut ul li.scfw{ position:relative;}
#topcut ul li.scfw .drop_player{ display:none; width:84px; padding:5px 0 8px; background:#fff; border:1px solid #ddd; border-top:none;  position:absolute; top:28px; left:-1px; z-index:102;*z-index:9999;}
#topcut ul li.scfw .drop_player li{ padding-left:9px; line-height:21px; font-size:11px;}
#topcut ul li.scfw .drop_player li a{ color:#808080;}
#topcut ul li.scfw .drop_player li a:hover{ color: #1cbfda;}
#topcut .pr{ padding-right:0;}
#topcut ul li .mall_serv{ width:48px; padding-right:16px; position:relative;}
#topcut ul li .mall_serv .triangle_down_gray{ top:12px; right:2px;}
#topcut ul li.ac_li{ color:#1cbfda; border:1px solid #ddd; top:-1px; border-bottom:none;}





#foot_service{ background:#eee;}
#foot_service .service{ height:134px; padding-top:26px; border-bottom:1px solid #dadada; background:url(../css/engineer-design/image/slogen.png) no-repeat right -188px ; position:relative;}
#foot_service .service dl{ width:164px; float:left; color:#000;}
#foot_service .service dt{ font-size:16px; line-height:34px; }
#foot_service .service dd{ line-height:24px;}
#foot_service .service p{ width:135px;  padding-top:5px; border-right:1px solid #d6d6d6; position:absolute; right:199px; top:30px;}
#foot_service .service p span{ display:block; width:75px; height:75px;padding-left:3px; margin-bottom:6px;}
#foot_service .service p span img{ width:75px; height:75px;}
#foot_service .service p em{ color:#333;}
#foot{ height:169px; background:#eee;}
#foot_service a,#foot a {color:#333;text-decoration:none;}
#foot_service a:hover,#foot a:hover{color:#1cbfda;text-decoration:none;}

#foot .w{ padding-top:26px;}
#foot .w p{ margin-bottom:10px; text-align:center;}
#foot .w p.link{ font-size:13px;}
#foot .w p span{ margin:0 7px;}
#foot .authentication a{ margin:0 5px;}
#foot .authentication{ padding-top:8px; text-align:center;}
#slogen{ width: 1190px;margin:40px auto 10px;}
#slogen .slo {margin-right:80px; float:left; display:inline-block;}
#slogen .slog { margin-right:0;}
footer {}



#head{ height:120px;}
#head .logo{ width:412px; height:65px; padding-top:24px;padding-left: 15px}
#head .logo img{ }
.logo_word{ font-size: 14px;color: #888888;height: 22px;line-height: 22px;padding-left: 28px;width: 0;overflow: hidden}
#head .search,#head .settleup{ padding-top:31px; height:40px; }
#head .search{ width:460px;}
#head .search .txt{ width:335px; height:38px; line-height:38px; border:1px solid #1cbfda; padding-left:42px; background:url(../images/header/search2.png) no-repeat 10px 8px; color:#888; font-family:"宋体";}
#head .search .btn{ width:79px; height:40px; line-height:40px; text-align:center; border:none; background:#1cbfda; color:#fff;font-family:"微软雅黑"; font-size: 16px }
#head .settleup{ width:200px; font-family:"宋体"; color:#888;position:relative;}
#head .settleup .shoppingcar{ width:156px; height:38px; line-height:38px; border:1px solid #ccc; padding-left:42px; background:url(../images/header/shopico.png) no-repeat 0 0px #fff; font-size:14px; position:relative;z-index: 101}
#head .settleup .shoppingcar span{ float:left; }
#head .settleup .shoppingcar span a{ color:#888;}
#head .settleup .shoppingcar span a:hover{ color:#1cbfda;}
#head .settleup .shoppingcar .st{ height:34px;line-height: 34px; color:#f82900; font-weight:normal; margin-top:2px; margin-bottom:2px; border-left:1px solid #ccc; float:right;text-align: center;width: 45px;font-family: Microsoft YaHei;font-size: 16px}
#head .settleup .shoppingcar .shoplist{ display:none; border:1px solid #ccc; width:348px; height:402px; position:absolute; top:38px; right:-1px; z-index:10; background:#fff;}
#head .settleup .shoplist{ border:1px solid #ccc; width:348px; position:absolute; top:69px; right:0; z-index:10; background:#fff;z-index: 100}
#head .settleup  .shoplist h3{ height:37px; line-height:37px; color:#333; text-indent:8px; border-bottom:1px solid #ccc;font-weight: bold;font-size: 12px}
#head .settleup  .shoplist .listt{ overflow:auto; z-index:10;}
#head .settleup  .shoplist .listt ul{ width:331px;}
#head .settleup  .shoplist .listt li{ width:321px; padding-right:10px; height:68px; border-bottom:1px dotted #ccc;}
#head .settleup .shoplist .listt li dl{}
#head .settleup .shoplist .listt li dt{ padding:8px 10px 0; float:left; width:52px;}
#head .settleup .shoplist .listt li dt a{ display:block;}
#head .settleup .shoplist .listt li dt a img{width:50px; height:50px; border:1px solid #ccc; }
#head .settleup .shoplist .listt li dd{ float:left; padding:4px 0; height:60px; line-height:20px; font-size:12px; overflow:hidden;}
#head .settleup .shoplist .listt li dd a{ color:#666;}
#head .settleup .shoplist .listt li dd.adde{width:145px;}

#head .settleup .shoplist .listt li li dt a{ color:#666;width: 160px;overflow: hidden;line-height: 16px;height: 32px}
#head .settleup .shoplist .listt li .dd{ width:90px; padding-right:11px; float:right;}
#head .settleup .shoplist .listt li .dd span{ display:block; padding-top:12px; vertical-align:top; text-align:right; float:none; color:#666;}
#head .settleup .shoplist .listt li .dd span label{ color:#f82900;}
#head .settleup .shoplist li .dd span strong{color: #f82900;}
#head .settleup .shoplist .listt li .dd a{ display:block; text-align:right; color:#005ea7;}
#hotword{width:470px; height:18px; line-height:18px;position: absolute;left: 0;top: 75px;overflow: hidden;}
#hotword a{ margin-right:12px;white-space: nowrap;}
#hotword a.active{ color:#ff3300;}
.nav{ height:36px;line-height:36px; font-family:"微软雅黑";background-color: #1cbfda}
.nav .p{ width:150px; float:left; padding-left:52px; background:url(../images/header/search_shop.png) no-repeat 0 -87px #353536; font-size:16px;cursor: pointer;  color:#fff;line-height: 35px;height: 36px}
.nav .ul li{ float:left; font-size:16px;margin-right: 1px}
.nav .ul li a{ color:#222;padding:0 27px;display: block;color: white}
.nav .ul li .active,.nav .ul li a:hover{ color:#000000;background-color: #b2d233;}
.nav .nav_r{ float: right;font-size: 14px;color: #222222}
.nav .nav_r a em{background: url(../images/header/wyh.png) no-repeat;width: 71px;height: 20px;margin-right: 3px;margin-top: 9px; display:block;}

.category{position: absolute; width: 180px;/*filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;*/ }
.category .element{width: 170px;background: #1d2938;position: absolute;z-index: 9999;height: 30px;line-height: 30px;padding-left: 10px;}
.category .element a{ text-decoration: none;color: #ffffff;}
.category .content{background: #1d2938; width: 1020px;padding-bottom: 30px; position: absolute;z-index: 9990;}
.category .content .left{ float: left;width: 700px;}
.category .content .right{ float: left;width: 170px;margin-left: 70px;}
.category .content .right ul li{ float: left;width: 170px;height: 120px;overflow: hidden;}
.category .content .right ul li a:hover img{width: 173px;height: 120px;}
.category .content .right img{ width: 170px;height: 120px;}
.category .content .subcon{float: left;margin-left: 20px;min-height: 70px; width: 320px;line-height: 20px;margin-top: 10px;border-bottom: 1px solid #CACACA; }
.category .content .subcon .tip{float: left; font-size: 14px;width: 300px;padding-left: 5px;font-weight: bold; }
.category .content .subcon .tip a{ color: #ff6600;}
.category .content .subcon .detail{ float: left;width: 100%;font-size: 12px; }
.category .content .subcon .detail li{ float: left;margin-left: 5px;margin-top: 5px;}
.category .content .subcon .detail a{color: #ffffff;}
.category .content .subcon .detail a:hover{ color: #ff0000;text-decoration: underline;}
.category .bg{background: #C10000;}

.category_wrap{ width:220px; position:absolute; top:-2px;z-index: 9999;}
.category{ width:200px;padding-left:2px; background:#515152; border-top:2px solid #515152; height: 409px;}
.category .li{ height:44px; border-bottom:1px solid #4b4d4e; text-indent:18px; background:url(../images/category_ico.png) no-repeat 201px 17px; font-size:14px; color:#fff; line-height:44px;}
.category .li a{ color: #ffffff;}
.category .li .Openico{float: right;vertical-align: middle;padding-right: 15px;margin-top: 18px}
.category .lihover .Openico{ display: none }
.category .li .item1{ height:36px; line-height:36px; background-position:201px 13px;}
.category .li .item2{ height:44px; line-height:42px; background-position:201px 16px; border-bottom:none;}
.category .lihover{ height:44px; border-bottom:1px solid #4b4d4e; text-indent:18px; font-size:14px; color:#fff; line-height:44px; background:url(../Image/category_ico1.png) no-repeat 201px 17px  #fff;}
.category .lihover a{ color: #10a3bb; }

.sub_category_wrap{ width:759px; height:409px;position:absolute; bottom:0; left:220px; background:#fff; z-index:2;}
.sub_category_wrap span{ width:15px; height:15px; background:url(../images/close.jpg) no-repeat; position:absolute; top:14px; right:12px;display: none}
.sub_category{ width:718px; padding:16px 30px 11px; overflow:hidden;padding-left: 10px;background-color: white;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;min-height: 382px}
.sub_category .item{}
.sub_category .item ul{ float:left; width:538px;}
.sub_category .item ul li{overflow:hidden; display:block;}
.sub_category .item ul li h6{ width:126px; text-align:right; line-height:30px; vertical-align:top; float:left; color:#333;  font-family: "微软雅黑";font-size: 14px;}
.sub_category .item ul li h6 em{ padding-left:8px;color: #333333;}
.sub_category .item ul li p{ width:410px; border-bottom:1px solid #ccc; padding:4px 0; overflow:hidden; line-height:12px; float:right;}
.sub_category .item ul li p a{ padding:0 9px; border-left:1px solid #ddd; float:left; color:#333;white-space: nowrap; margin:6px 0;font-size: 12px;}
.sub_category .item ul li p a:hover,.sub_category .item ul li h6 a:hover{color:#10a3bb;}
.sub_category .item ol{ float:right; width:140px; padding-top:14px;}
.sub_category .item ol li{ width:120px; height:40px; padding-right:20px; margin-bottom:12px;}
.sub_category .item ol li img{ width:120px; height:40px;}

.header .listbody{z-index: 9999;border:1px solid #BEBEBE; width: 377px;top: 70px;left:0;padding: 0;min-width: 140px; background: #ffffff;line-height: 25px;font-size: 12px;color: #333333; }
.header .listbody .out{ height:30px;color: #000000; }
.header .listbody .over{ background:#f1f1f1; height:30px;  cursor:pointer;color: #000;}
.header .listbody .over .datacount{ color: #000;}
.header .listbody .name{float: left; padding-left: 5px;width: 330px;}
.header .listbody .datacount{ float: left;padding-left: 5px;color: #000;}