/* 头部样式 */

#header {width:100%; height:auto; clear:both;}

/* top */
#h_top {width:100%; height:30px; background:#28292b; clear:both; position:relative;}
#h_top div {width:512px; height:30px; line-height:30px; position:absolute; top:0; left:50%; color:#0c9393;}
#h_contact {margin-left:-512px;}
#h_contact span {padding-left:20px; padding-right:20px;}
#h_contact .tel {background:url(../images/icon/tel.png) no-repeat left center;}
#h_contact .qq {background:url(../images/icon/qq.png) no-repeat left center;}
#h_contact .email {background:url(../images/icon/email.png) no-repeat left center;}
#h_user {text-align:right;}
#h_user a {color:#157c7c;}

/* logo and search */
#h_logo_search {
    width:100%; 
    height:120px; 
    background:#10c0c0; 
    position:relative;
    background-image: linear-gradient(180deg,transparent,rgba(255,255,255,0.7), rgba(16,192,192,0.6));
    background-position: center;
    background-repeat: round;
    background-attachment: revert;
    background-size: inherit;
}

/* --logo */
#h_logo {width:200px; height:120px; background:url(../images/home_logo.png) no-repeat left center; position:absolute; left:50%; margin-left:-512px;z-index: 99999;}
#h_logo a {width:200px; height:120px; display:inline-block; overflow:hidden; text-indent:-500px;}

/* --search */
#h_search {width:800px; height:auto; position:relative; top:36px; margin:0 auto;}
/** 下面这个是去掉logo 居中样式
#h_search_box {width:800px; height:40px; padding:1px; background-color:#FFF; margin-bottom:10px; position:relative;}
**/
#h_search_box {border: 5px solid #0f8888;border-radius:10px;width:100%; height:50px; background-color:#FFF; position:absolute;left:52%;margin-left:-315px}

#h_search_box div {
	width:60px; height:36px; border:1px solid #e6e6e6; display:inline; float:left; cursor:pointer;
	background:url(../images/icon/select_down.png) no-repeat 67px center; line-height:36px;
}
#h_search_box ul {
	width:95px; height:auto; position:absolute; top:39px; left:2px; display:none; z-index:11;
	overflow:hidden; border:1px solid #e6e6e6; background:#FFF; padding:5px 0;
}
#h_search_box ul li {height:24px; line-height:24px; padding:0 20px; cursor:pointer; color:#221815;}
#h_search_box input {font-family:'Microsoft YaHei', Simhei, Simsun;}
#h_search_btn {
    margin: 3px;
    border-radius:7px;
	width:80px; height:40px; line-height:28px; border:none; outline:none; background:#10c0c0;
	font-size:18px; color:#FFF; float:right; cursor:pointer;
}
#h_search_btn:hover {background:#069f9f;}
#h_search_text {width:680px; height:50px; line-height:50px; border:0; outline:none; margin-left:25px; display:inline; font-size:14px; float:left;}
#h_search p {color:#056060; text-align:right; margin:0;}
#h_search p a {color:#056060;}

/**自动完成样式**/
#h_search_box .autocomplete-items {
  /*设置自动填充项宽度与容器相同*/  
  width: 100%;
  position: absolute;
  top: 45px;
  left: -1px;
  right: 0;  
  border: none;
  background: none;
  z-index: 99;
  border-bottom: 1px solid #0f8888;
  border-left: 1px solid #0f8888;
  border-right: 1px solid #0f8888;
  background:#fff;
}
#h_search_box .autocomplete-items div {
  width: 650px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  background-color:#fff;
  background-image:none;
  text-align: left;
  border: 0px;
  margin: 0px;  
}
#h_search_box .autocomplete-items div:hover {
  /*鼠标移动到填充项设置的背景颜色*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
#h_search_box .autocomplete-active {
  /*使用箭头键浏览填充项时的背景颜色*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

/* navigate */
#nav {width:100%; height:67px; clear:both; z-index:10; position:relative;opacity:0.95;}
#nav_bg {width:100%; height:100%; background:#303030; filter:alpha(opacity:90);opacity: 0.95; position:absolute; z-index:-1; left:0;}
#mainNav {width:1024px; height:67px; margin:0 auto;}
#mainNav li {float:left;}
#mainNav li.selected {
    font-weight: bold;
    color: white;
    font-size: medium;
    background:#d04465;
}
#mainNav li a {
    height:67px; 
    line-height:67px; 
    display:block; 
    padding:0 34px; 
    color:#FFF; 
    text-decoration:none; 
    float:left;
}
#mainNav li a:hover {
  font-weight: bold;
  color: #ebff01;
  font-size: medium;
  background:#d04465;
}

/* product sort */
#proSort {width:920px; height:auto; position:absolute; left:0; top:0; z-index:10; display:none;}
#proSort_bg {width:100%; height:100%; position:absolute; background:#595959; filter:alpha(opacity:90); opacity:0.9; z-index:-1;}
#proSort ul {width:120px; padding:15px 0;}
#proSort ul li {height:26px; line-height:26px; font-size:14px; color:#FFF; cursor:pointer; padding-left:30px;padding-right:20px;}
#proSort ul div {width:800px; min-width:800px; padding:15px 0; position:absolute; left:120px; top:0; text-align:left; display:none;}
#proSort ul div dl {width:91%; float:left; font-size:12px; padding-left:23px; display:inline;}
#proSort ul div dl dt {clear:both; color:#6ae6e6; line-height:30px; border-bottom:1px solid #504f4f; margin-bottom:5px;}
#proSort ul div dl dd {float:left; line-height:21px; padding-right:15px; white-space:nowrap;}
#proSort ul li a {color:#FFF;}
#proSort ul li a:visited {color:#FFF; text-decoration: none;}
#proSort ul li a:hover {color:#FFF; text-decoration: none;}
#proSort dl dd a {color:#FFF;margin-left: 10px;}
#proSort dl dd a:visited {color:#FFF; text-decoration: none;margin-left: 10px;}
#proSort dl dd a:hover {color:#FFF; text-decoration: none;margin-left: 10px;}

#proSort ul div aside {width:120px; float:right; margin-right:10px; display:inline;}
#proSort ul div aside header {border-bottom:1px solid #504f4f; line-height:30px; margin-bottom:15px;}
#proSort ul div aside img {margin-bottom:10px;}

/* banner */
#banner,#banner_pic,#banner_pic li {width:1024px; height:500px; z-index:5;}
#banner {position:relative; margin:0px auto;}
#banner_pic li {text-align:center; position:absolute; display:none;}
#banner_pic li .leftBg,#banner_pic li .rightBg {width:20%; height:500px; float:left;}
#banner_pic li .rightBg {float:right;}
#banner_pic li img {width:1024px; height:500px; position:absolute; left:50%; margin-left:-512px; top:0;}
#dot {width:400px; position:absolute; text-align:center; z-index:10; top:450px; left:50%; margin-left:-200px;}
#dot img {margin:0 5px;}