@charset "utf-8";
/* 
* data:20130917
* author:xulishi
* sh133.cn/hhzz/tlgl layout.css
*/

.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

/*  client */
body{
  font-size:12px;
  color:#666;
}
a{
  color:#b6640a;	
}
a:hover{
  color:#C90;	
}
.header{
  width:100%;
  padding-top:20px;	
}
.top,.site-nav,.focus,.main,footer,.location{
  width:1000px;
  margin:0 auto;	
}
.logo{
  width:170px;
  height:65px;
  float:left;
  display:inline;	
}
.tel{
  width:280px;
  height:65px;
  float:right;	
  overflow:hidden;
  font-size:20px;
  font-weight:bold;
  color:#000;
  text-align:right;
  padding-right:25px;
  background:url(tel.jpg) right center no-repeat;
}
.site-nav{
  margin-top:25px;	
}
.nav{
  width:680px;
  float:left;
  display:inline;	
}
.nav a{
  float:left;
  font-size:14px;
  line-height:32px;
  font-weight:bold;
  color:#000;
  padding:0 10px;
}
.nav a:hover{
  color:#fff;
  background:#F90;	
}
.nav a.cur{
  color:#fff;
  background:#F90;
}
.nav span{
  float:left;	
  line-height:32px;
  padding:0 5px;
  color:#000;
  font-weight:bold;	
}
.search{
  width:316px;
  height:32px;
  float:right;
  background:url(../images/search.jpg)	
}
.search .txt{
  width:220px;
  padding-left:25px;
  line-height:32px;
  height:30px;
  background:none;	
  border:none;
  color:#999;
  float:left;
}
.search .submit{
  width:68px;
  height:30px;
  background:none;
  border:none;
  float:left;
  text-indent:-2222px;	
}
.slide{
  background:url(../images/banner_bg.gif) center top repeat-x;
  width:100%;
  margin:10px 0;
}
.mainbox{
  overflow:hidden;
  width:1000px;
  height:574px;
  margin:0 auto;
  position:relative;
}
.flashbox{
  overflow:hidden;
  position:relative;
}
.imagebox{
  text-align:right;position:relative;z-index:999;
}
.bitdiv{
  display:inline-block;
  width:12px;
  height:12px;
  margin:0 10px 10px 0px;
  cursor:pointer;
  float:right;
}
.defimg{
  background-image:url(../images/dot.png);
}
.curimg{
  background-image:url(../images/dot_cur.png);
}

.location{
  height:25px;
  line-height:25px;
  color:#525252;
  margin-bottom:5px;	
}
.location a{
  color:#525252;	
}

/* aside */
.aside{
  width:250px;
  float:left;
  margin-bottom:20px;
  display:inline;	
}
.product-category,.block{
  margin-bottom:10px;	
}
.product-category .menu{
  height:60px;
  text-indent:-2222px;
  background:url(../images/categories_bg.jpg) no-repeat;	
}
.cate-menu{
  background:#efad4b;	
}
.cate-menu li{
  height:40px;
  line-height:40px;
  padding-left:15px;
  position:relative;
  font-size:14px;
  color:#b6640a; 
  letter-spacing:10px;
  font-weight:bold;
  border-bottom:1px solid #eda332;	
}
.cate-menu li a{
  color:#b6640a;	
}
.cate-menu li a:hover{
  color:#35170C;	
}
.cate-menu li span{
  position:absolute;
  letter-spacing:0px;
  right:25px;
  top:0;	
}
.cate-submenu{
  background:#f6d097;
}
.cate-submenu li{
  padding-left:25px;
  letter-spacing:0px;

}
.title{
  height:32px;
  line-height:32px;
  padding-left:20px;
  font-size:14px;
  color:#b6640a; 
  background:#f2bd6c; 
  font-weight:bold;	
  position:relative;
}
.title h5{
  font-size:14px;
  font-weight:bold;	
}
.title .pre{
  position:absolute;
  top:0px;
  right:35px;	
}
.title .next{
  position:absolute;
  top:0px;
  right:0px;	
}
.title .view{
  float:right;
  padding-right:10px;	
}
.title span a{
  color:#b6640a;
}
.block{
  border:1px solid #eea435;	
  margin-bottom:10px;
}
.hotppic{
  width:185px;
  margin:20px auto 15px;	
}
.hotppic li,.hotppic span{
  display:block;
  text-align:left;  	
}
.hotppic li{
  margin-bottom:10px;	
} 

.lablist li{
  width:108px;
  padding-left:15px;
  float:left;
  line-height:30px;	
}
.aside_contact{
  width:225px;  
  height:120px;
  margin-bottom:10px;
  overflow:hidden;
  background:url(../images/aside_contact.jpg) no-repeat;
  padding-top:60px;
  padding-right:20px;
  line-height:200%;
  padding-left:15px;
  font-size:14px;
  color:#fff;
  font-weight:bold;	
}
.aside_contact span{
  color:#BF0000;
}
.aside_news{
  line-height:30px;	
  color:#b6640a;
}
.aside_news li{
  padding-left:20px;
  border-bottom:1px solid #f0b150;
}
.aside_news .no-bottom{
  border-bottom:none;	
}

/* container */
.container{
  width:730px;
  float:right;	
  margin-bottom:20px;
}
.pre {
  display: inline; 
  background: url(../images/prev.png) no-repeat;  
  width: 35px;
  height:32px; 
  cursor: pointer; 
  margin-right: 0px; 
}
.next {
  background: url(../images/next.jpg) no-repeat; 
  width: 35px;
  height:32px; 
  cursor: pointer; 
}
.cnt-wrap {
  width: 720px;
  zoom: 1;
  height: 235px;
  overflow: hidden;
}
.cnt {
  width: 2880px
}

.pro-list{
  margin:15px auto 10px 10px;
}
.pro-list li,.pro-list li span{
  float:left;	
  width:165px;
  text-align:left;
  margin-right:15px;
  margin-bottom:10px;
  display:inline;
}
.pro-list li{
  height:225px;	
}
.pro-list li span{
  line-height:20px;
  padding-top:5px;	
}
*html .pro-list li{
  margin-right:0px;	
}
.pro-list li.last{
  margin-right:0;	
}
.pro-list li img{
  border:2px solid #EFAD4B;
}
/* footer */
.footer{
  background:#dea64d;	
}
.copyright{
  color:#fff;
  padding:20px 0 15px;
  line-height:200%;
  text-align:center;	
}
.copyright a{
  color:#fff;	
}

/* title2 */
.title2{
  height:30px;
  line-height:30px;
  border-bottom:2px solid #efad4b;	
}
.title2 h2{
  display:inline-block;
  font-size:16px;
  color:#a5660c;
  font-weight:bold;
  margin-right:150px;	
}
.title2 a{
  padding:0 10px;	
}

/* pages */
.pages{
  text-align:right;	
  padding-top:20px;
  border-top:2px solid #EFAD4B;
}
.pages a,.pages span{
  border:1px solid #ccc;
  width:20px;
  height:20px;
  line-height:22px;
  display:inline-block;
  text-align:center;	
}
.pages span{
  background:#7b3f10;
  color:#fff;
}
.pages .a1{
  width:50px;	
}
/* link */
.link{
  clear:both;
  line-height:30px;
  margin-bottom:20px;	
}
.link a{
  padding-right:10px;	
}
/* relation */
.relation{
  margin-top:20px;	
}
.relation .title{
  padding-left:10px;	
}
.relation-list{
  width:710px;	
  margin:20px auto;	  
}
.relation-list li,.relation-list span{
  margin:0 15px 10px 0;	
  float:left;
  width:130px;
}
.relation-list li{
  height:170px;	
}
*html .relation-list{
  margin-left:15px;	
}
*html .relation-list li{
  margin-right:-4px;	
}
.relation-list li img{
  border:2px solid #EFAD4B;	
  width:126px;
}
.relation-list li.last{
  margin-right:0;	
}

/* show */
.show{
  border:1px solid #efad4c;	
  padding:20px 0;
}
.show h1{
  text-align:center;
  font-size:20px;	
  padding-bottom:5px;
}
.smarty{
  text-align:center;
  width:725px;
  margin:0 auto;
  padding-bottom:5px;	
  border-bottom:2px solid #c9c9c9;
}
.content{
  padding:10px 25px;
  line-height:200%;	
}
.share{
  padding-left:25px;
  margin-bottom:10px;	
}

/* read */
.read{
  clear:both;
  padding-left:25px;
  padding-top:10px;	
  width:680px;
}
.read-title{
  font-size:16px;	
  color:#333;
  padding-bottom:5px;
}
.readlist{
  line-height:25px;	
  padding-left:5px;
}
.readlist a{
  color:#333;	
}
.readlist a:hover{
  color:#999;	
}
.readlist span{
  float:right;	
}

/* show——pro */
.show-img{
  width:354px;
  height:354px;
  float:left;
  margin-right:20px;
  border:2px solid #f5b14c;	
}
.show-info{
  width:350px;
  float:right;	
  position:relative;
}
.show-info h1{
  font-size:16px;
  color:#a5670d;
  font-weight:bold;
  padding-bottom:10px;
  border-bottom:2px solid #efad4b;	
}
.infoli{
  line-height:40px;
  padding-top:20px;	
}
.infoli .chs{
  position:absolute;
  top:40px;
  right:0px;
  width:150px;
  height:220px;	
  border:2px solid #EFAD4B;
}
.infoli .txt{
  line-height:22px;	
  padding:0 10px;
  font-weight:bold;
}
.show-btn{
  margin-top:20px;	
}
.show-btn a{
  display:inline-block;
  width:120px;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#fff;		
}
.show-btn a.addfav{
  background:#ff4000;
}
.show-btn a.online{
  background:#0171b4;
  margin-left:30px;	
}
.show_infor{
  margin-top:20px;	
  position:relative;
}
.tab1{
  float:left;
  width:115px;
  height:30px;	
  line-height:30px;
  font-size:14px;
  text-align:center;
  border-left:1px solid #efae4d;
  border-top:2px solid #efad4b;
  border-right:2px solid #efad4b;
  border-bottom:1px solid #fff;
  position:absolute;
  left:0px;
  top:-2px;
  z-index:22;
}
.show_infor .share{
  width:400px;
  height:30px;
  float:right;
  margin-bottom:0;	
}
.show_infor .content{
  border:1px solid #efae4d;	
}

/* list */
.article{
  padding:10px 10px 20px;
  border:1px solid #efad4c;	
}
.newslist{
  line-height:25px;	
}
.newslist h3{
  display:inline;	
}
.newslist span{
  float:right;	
}
.space{
  height:20px;	
}

/* category */
.title3{
  background:#f4c782;
  height:32px;
}
.title3 h5{
  width:116px;
  height:32px;
  line-height:32px;
  color:#a5670d;
  font-size:16px;
  font-weight:bold;
  float:left;
  display:inline-block;
  text-align:center;
  background:url(../images/title_bg.jpg) no-repeat;	
}
.sublink{
  width:610px;
  float:right;	
}
.sublink a{
  padding:0 17px;
  line-height:32px;	
  font-size:14px;
  color:#a5670d;
}
.sublink a:hover{
  color:#2c1111;	
}

/* page */
.page-title{
  width:150px;
  float:left;
  display:inline-block;	
}
.tel-400{
  width:310px;
  float:right;	
  font-size:18px;
  color:#333;
  font-weight:bold;
}

.page-content{
  padding:20px 5px;	
  line-height:200%;
  border-bottom:2px solid #efad4b;
}

/*公司简介*/
.com_con { width:700px; height:auto;}
.com_con img { margin-top:20px; float:left;}
.com_con_links { width:338px; height:148px; padding:16px 20px; background-color:#f2f2f2; float:right; margin-top:20px;}
.com_con_links span { width:338px; line-height:30px; color:#f77311; font-size:14px; font-weight:bold; padding-bottom:10px; float:left;}
.com_con_links a { width:169px; height:22px; float:left; display:block;}

/*付款方式*/
.pay_pic { width:236px; height:72px; margin-right:20px; float:left;}
.pay_text { font-size:12px; line-height:24px; float:left;}

/*订货须知*/
.explanation { width:700px; height:auto;}
.explanation ul { border-bottom:1px solid #eaeaea; padding-bottom:12px; margin-bottom:16px;}
.explanation ul li { line-height:16px;}

/*联系我们*/
.contact { width:680px;height:auto; padding:10px;}
.contact_l{ float:left;width:278px;padding-right:10px;line-height:26px; font-size: 13px;}
.contact_r{ float:right; width:366px;padding-left:11px;border-left: dashed 1px #d9d9d9;}
.line{ border-top:1px solid #c9c9c9; margin-top:5px; width:280px; height:2px; display:inline-block;}

/* onlin */
.mess{
  padding:5px 10px;
  background:#06C;	
  margin-top:10px;
  color:#fff;
}

.messleft{
  width:350px;
  float:left;	    
}
.notice{
  line-height:200%;	
}
.black{
  color:#000;	
}
.red{
  color:#ff0000;
  text-indent:2em;	
}
.messright{
  width:325px;
  float:right;	
  line-height:200%;
  padding-left:20px;
  border-left:1px solid #999;
  
}
.btn{
  margin-top:5px;	
  text-align:right;
  padding-right:20px;
}