﻿@charset "utf-8";
/* CSS Document */
body {
	margin:0px 0px 0px 0px;
	font-size:12px;
	line-height:20px;
	font-family:"宋体";
	color:#666666;
	background:#FBF4E2;
}
form {
	display:inline;
	margin:0px;
	padding:0px;
}
ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
img{border:none;}
a,a:link,a:visited {color:#A18846; text-decoration:none;}
a:hover {color:#A18846; text-decoration:none;}
a:active {color:#A18846; text-decoration:none;}

.f_left{float:left;}
.f_right{float:right;}
.w100 {width:100%; padding:0px; margin:0px; overflow:hidden;}

/*Head CSS*/
.top{
	width:980px;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/top_bg.jpg) repeat-x top;
	}
.top_logo{
	width:310px;
	height:90px;
	padding:0;
	float:left;
	margin:0 auto;
	}
.top_r{
	width:280px;
	padding-right:10px;
	float:right;
	padding-top:45px;
	margin:0;
	}
.oa{
	width:140px;
	float:left;
	padding-left:20px;
	line-height:22px;
	}
.oa li{
	background:url(../images/oa_li.jpg) no-repeat left center;
	padding:0 0 0 12px;
	width:50px;
	float:left;
	}
.select{
	width:112px;
	float:right;
	padding:0;
	margin:0;
	}
.top_column{
	width:980px;
	height:36px;
	padding:0;
	margin:0 auto;
	background:url(../images/top_mune_bg.jpg) repeat-x top;
	}
.ddsmoothmenu {
width:980px;
padding:0;
margin:0 auto;
}
.ddsmoothmenu ul {
z-index:100; list-style-type:none; margin-left:0px; padding:0px;
}
.ddsmoothmenu ul li {
	text-align:center;
	position:relative;
	padding:0px;
	margin:0px;
	float:left;
	width:122px;
	line-height:36px;
	font-size:15px;
	font-weight:bold;
	color:#F7EED6;
    background:url(../images/tiao.jpg) right center no-repeat;
}
.ddsmoothmenu ul li a {
display:block; color:#F7EED6; text-decoration:none;
}
* html .ddsmoothmenu ul li a {
display:inline-block; color:#F7EED6;
}
.ddsmoothmenu ul li a:link {
color:#F7EED6;
}
.ddsmoothmenu ul li a:visited {
color:#F7EED6;
}
.ddsmoothmenu ul li a:hover {
color:#FFB000;
}
.ddsmoothmenu ul li ul {
position:absolute; width:122px; display:none; visibility:hidden; left:0px;
background-color:#FBF4E2;
}
.ddsmoothmenu ul li ul li {
    width:122px;
    display:list-item; float:none;
    padding:0px;
	margin:0px;
	display:block;
	text-align:center;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#a18846;
	font-weight:normal;
	background:none;
	border-bottom:1px #f2e3bc solid;
}
.ddsmoothmenu ul li ul li a:link,.ddsmoothmenu ul li ul li a:visited {
margin:0px; padding:0px; background-image:none; color:#a18846;
}
.ddsmoothmenu ul li ul li a:hover{
background:#F2E3BC;
}
* html .ddsmoothmenu {
height: 1%
} 
.ban{
	background:url(../images/ban.jpg) no-repeat center top;
	height:300px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	}
/*Info CSS*/
.center {
	width:980px;
	background:url(../images/cen_bg.jpg) repeat-x top #FFF;
	padding:20px 0px;
	margin:0px auto;
	overflow:hidden;
	min-height:200px;
}
.center_l {/*Left Info*/
	width:200px;
	height:502px;
	padding:0px;
	margin:0px auto;
	overflow:hidden;
}
.center_r{
	width:790px;
	padding:0;
	margin:0 auto;
	float:right;
	overflow:hidden;
	}
/*Bottom CSS*/
.bottom_bg{
	width:980px;
	background:#FFF;
	padding:0;
	margin:0 auto;
	}
.bottom{
	background:url(../images/bottom_bg.jpg) repeat-x top #FFF;
	width:960px;
	padding:0px 0 10px;
	margin:0 auto;
	color:#a18846;
	}
.bottom a:link,.bottom a:visited{
	color:#a18846;
	}
.bottom span {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 30px;
}
.links {
    color: #A18846;
    float: right;
    padding: 20px 0 0;
}
.weibo {
    background: url(../images/wb.jpg) no-repeat;
    float: left;
    margin-top: 15px;
    padding: 0 0 0 0;
}
.weibo span{
	padding:0px;
	}
/*Click to Big Products CSS*/
.pro {/*One Product All Css*/
	width:198px;
	padding:0px 15px 18px 15px;
	margin:0px;
	overflow:hidden;
}
.pro_img {
	width:190px;
	height:124px;
	}
.pro_img a{
	display:inline-block;
	border:1px solid #d3d3d3;
	padding:3px;
	}
.pro_img a:hover{
	display:inline-block;
	border:1px solid #a8793f;
	}
.pro_test {/*Product Name*/
	width:198px;
	line-height:20px;
	padding:10px 0 0;
	margin:0px;
	text-align:left;
	overflow:hidden;
	font-size:12px;
	color:#666666;
}
.pro_title{
	font-size:13px;
	font-family:"微软雅黑";
	width:198px;
	text-align:center;
	line-height:30px;
	}
.pro_title a{
	color:#666;
	}
.pro_txt{
	text-align:left;
	line-height:19px;
	}
.pro_test_honor {/*Product Name*/
	width:198px;
	height:50px;
	line-height:20px;
	padding:10px 0 0;
	margin:0px;
	text-align:left; 
	font-size:12px;
	color:#666666;
	
}
.page {
	margin:0 auto;
	overflow:hidden;
	padding:20px 0;
	line-height:25px;
	text-align:center;
	width:680px;
	font-size:12px;
	color:#bababa;
}
.disabled {
    border: 1px solid #ADADAD;
    margin-right: 2px;
    padding: 2px 5px;
}
.page span.current {
    background-color: #DA0000;
    border: 1px solid #E0E0E0;
    color: #FFFFFF;
    margin-right: 2px;
    padding: 2px 5px;
}
.page a {
    border: 1px solid #ADADAD;
    color: #AAAAAA;
    margin-right: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
.page a:hover {
    background: none repeat scroll 0 0 #f80515;
    border: 1px solid #ADADAD;
    color: #FFF;
    margin-right: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
.pager input {
	width:20px;
	font-size:10px;
	height:15px;
	line-height:15px;
	margin:0px 3px;
	vertical-align:middle;
}
.mainbanner_img {
	width:980px;
	height:36px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	background:url(../images/image3.png) no-repeat;
}
.mainbanner_img a:link,.mainbanner_img a:visited {color:#A18846; font-size:16px; font-weight:bold; text-decoration:none;}
.mainbanner_img a:hover {color:#ffb000; text-decoration:none;}
.mainbanner_img a:active {color:#ffb000; text-decoration:none;}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal {
  position: fixed;
  top: 8%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #000;
  color:#FFF;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 8%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom:1px solid #494949;
}

.modal-header .close {
  margin-top: 2px;
}

.modal-header h3 {
  margin: 0;
  line-height: 30px;
}

.modal-body {
  position: relative;
  max-height: 460px;
  padding: 15px;
  overflow-y: auto;
}
a.close {
  float: right;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
  color: #FFF; 
}
a.close:hover,
a.close:focus {
  color: #494949;
  text-decoration: none;
  cursor: pointer; 
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}