@charset "utf-8";
/*------------------------------------------------
CSS Create: 2015-1-26         Author:Sunwenyi
*Filename:                    public.css
*Version:                     2.0.0
*Website:                     www.datalook.com.cn
*Page width:                  1000px
------------------------------------------------*/

html{color:#282828;background:#fff;overflow-y:scroll;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}legend{color:#000}

body,button,input,select,textarea { font:12px/1.5 arial;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;}
html { -webkit-text-size-adjust: none;}
h1{font-size:16px; font-family:微软雅黑;}
h2{font-size:14px;}
.hidden{ display: none;}
.clear:after { content: '\20'; display: block; height: 0; clear: both;}
.clear { *zoom: 1;}
.fl { float: left;}
.fr { float: right;}
.c1{color:#17479e;}/*本色*/
.c2{color:#999;}/*中灰色*/
.c3{color:#f75234;}/*红色*/
.c4{color:#282828;}/*默认黑色*/
.c5{color:#666;}/*灰色*/
.special{float:right; margin:0;}
.pt20{padding-top:20px;}
.pl10{padding-left:10px;}
.pd10{padding:10px 0;}
.pd30{padding:30px 0;}
.ml32{margin-left:32px;}
.ml40{margin-left:40px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.wd1130{margin:0 auto;width:1130px;}
a{color:#666; text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur());}
a:hover {color:#17479e;}/*本色*/
[type="button"], [type="reset"], [type="submit"], button {cursor: pointer;}

.top-w { border-bottom: 1px solid #e5e5e5;  background-color:#f9f9f9;}
.top li,.top li.info a.login,.top li.message span,.top li.guide a,.top li.cart a,.top li.cart a span,.top li.tel span { background: url(../../images/pc/projectlist/top.png) no-repeat;}
.top { width:1180px; margin: 0 auto; height: 32px; line-height: 32px; color: #666; overflow: hidden;}
.top a { display:inline-block; height:32px;}
.top ul { overflow: hidden; zoom: 1;}
.top li { float: left; padding: 0 12px 0 10px; background-position:right 10px;}

.header .logo p, .header .search, .header .search button:hover, .header .search li { background: url(../../images/pc/projectlist/top.png) no-repeat;}
.header { width: 1180px; height:90px; margin: 0 auto; position: relative; z-index: 20;}
.header .logo { overflow: hidden; zoom: 1; margin: 0px 0 0 0; width: 480px; float: left;}
.header .logo .datalook-logo { display: block; width:420px; height:90px; float: left;}
.header .search {float:right; margin:38px 0 0 0;overflow: hidden;width:612px;overflow: hidden; zoom: 1;height:38px; background-position:0 -22px;padding: 0 0 0 8px;}
.header .search input { -moz-appearance: none; background:none;border: medium none;color: rgb(102, 102, 102);display:block;float:left;height:38px; font-size:16px;
line-height:38px;outline:medium none;width:482px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.header .search input{line-height:38px;}}
.header .search button {background:none;border: medium none;cursor: pointer;display: block; float:right;height:38px; margin:0; text-indent:-1000em; width:128px;}
.header .search button:hover { background-position:right -60px;}

.nav-w { height:40px; line-height:40px; background:#17479e;}/*本色*/
.nav{color:rgb(255, 255, 255); margin: 0 auto;overflow: hidden;width:1130px;}
.nav li {float: left;height:40px;}
.nav a {color: rgb(255, 255, 255);display: inline-block;height:40px;}
.nav li a { color:rgb(255, 255, 255);font-family: 微软雅黑;font-size:16px;padding:0 80px;}
.nav li a:hover ,.nav li.on a{ text-decoration: none; background:#282828; font-weight:bold;}

.content-w{margin:20px 0;height:auto;}
.content{margin:0 auto;width:1130px; overflow:hidden;}
.sidebar{width:260px;height:auto;margin:0;float:left;}
.right_content{width:850px;height:auto;margin-left:20px;float:right;}

#bottom { margin: 25px 0 0 0; background:#282828; border-top:1px solid #e0e0e0; height:100%;}
.bottom-w { width: 1130px; margin: 0 auto; padding:20px 0;height:auto;border-bottom:1px solid #333333; }
.bot_links{overflow:hidden; font-size:14px;}
.bot_links dl {color:rgb(102,102,102);float:left;line-height:24px;width:125px;}
.bot_links dt {font-weight: bold;padding-bottom: 5px;}
.bot_links dd {height: 24px;line-height: 24px;width:120px;}
.bot_links a{color:#666666;}
.bot_links a:hover{color:#17479e; text-decoration:underline;}/*本色*/
.copyright {padding:20px 0; text-align: center; line-height:20px; color:#666666;background:#282828; overflow:hidden;}

/*新添颜色列表样式*/
.bg0{background:#f282c0; box-shadow:0px 1px 3px #faa9d6;}
.bg1{background:#47b3f1; box-shadow:0px 1px 3px #5bc3ff;}
.bg2{background:#3d4fbb; box-shadow:0px 1px 3px #3449c2;}
.bg3{background:#3dbb7e; box-shadow:0px 1px 3px #5de8a5;}
.bg4{background:#a989eb; box-shadow:0px 1px 3px #c5aafb;}
.bg5{background:#f37b7c; box-shadow:0px 1px 3px #fea1a2;}
.bg6{background:#fbac1b; box-shadow:0px 1px 3px #fec55d;}
.bg7{background:#f96c1d; box-shadow:0px 1px 3px #fb9258;}
.bg8{background:#6ba479; box-shadow:0px 1px 3px #97d5a6;}
.bg9{background:#437c03; box-shadow:0px 1px 3px #437c03;}
.bg10{background:#6ba479; box-shadow:0px 1px 3px #97d5a6;}
.bg11{background:#f4f4f4;}/*浅灰色*/
/*.bg3{background:#e8e8e8;}*/
/* 注册 */
#passTD b{color:white; width: 138px;height: 22px;background-color: #ccc;display: block;float: left;text-align: center;border: 1px solid white;line-height: 22px;}


/*--  页码  ---*/
.page{ margin:16px 0; float:right;width:100%;}
.p-num{float:right;}
.p-num a {border:1px solid rgb(224, 224, 224);color:#666;margin:0 4px;padding:0 10px;text-decoration: none;height:34px;line-height:34px; display:inline-block;min-width:14px;text-align: center;}
.p-num a.current ,.p-num a:hover{ background:#17479e;border: 1px solid #1558d0;color:rgb(255, 255, 255);  padding:0px 10px;}/*本色*/
.tioaye{width:34px;height:34px; margin: 0px 4px;border: 1px solid #ddd;text-align:center;}
.p-num .pager {border:1px solid rgb(224, 224, 224);color:#666;margin:0 4px;padding:0 10px;text-decoration: none;height:34px;line-height:34px; display:inline-block;min-width:14px;text-align: center;}
.p-num .pager.current ,.p-num .pager:hover{ background:#17479e;border: 1px solid #1558d0;color:rgb(255, 255, 255);  padding:0px 10px;}/*本色*/