﻿/* CSS 
designed by haifeng zhhfking@163.com
date:01/02/2014
*/

/*初始化*/
* {margin:0;padding:0;}
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,span,p{
	margin:0;padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;	font-family:"Microsoft YaHei","黑体";
	}
body{color:#999;
font:12px/16px "Microsoft YaHei","黑体", Arial, Helvetica, sans-serif;
 	font-size: 12px;
	
font-weight:normal;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:arial,'bitstream vera sans',helvetica,sans-serif;}
h1{font-size:30px;font-weight:normal;margin-bottom:3px;}
h2{font-size:16px;}
h3{font-size:12px;}
form{font-size:12px;}
h1,h2,h3,h5,h6{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
html{overflow-y:scroll;}
h1{
	font-size:24px;
	margin-bottom:10px;
}
A:link {
color:#7d6755;text-decoration:none;
}
A:visited {
color:#7d6755;text-decoration:none;
}
A:hover {
	color:#ff6b00;
}
A:active {
	text-decoration:none;
}

.clearfix {
clear:both;
}


/** 分页 ＊＊／
/*CSS jogger style pagination*/

DIV.jogger {
	MARGIN: 7px; FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;margin:20px;
	clear:both;margin-top:40px;margin-bottom:40px;
	background:#232327;
	line-height:30px;
	margin-left:0px;
	margin-right:0px;
}
DIV.jogger A {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN-right: 1px; COLOR: #333; PADDING-TOP: 0.5em;  TEXT-DECORATION: none;
	background:url(../images/num_bg.jpg) repeat-x bottom left;
}
DIV.jogger A:hover {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN-right: 1px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #F00;
	background:url(../images/num_currentbg.jpg) repeat-x bottom left;
}
DIV.jogger A:active {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN-right: 1px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #F00
}
DIV.jogger SPAN.current {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN-right: 1px; COLOR: #fff; PADDING-TOP: 0.5em; 
	background:url(../images/num_currentbg.jpg) repeat-x bottom left;
}
DIV.jogger SPAN.disabled {
	DISPLAY: none
}

/** Layout **/
.home_bg{
	background:#232327;
}

#top{
	height:80px;
	background:#7d6755 url(../images/top_bg.png) repeat-x bottom left;
}
#top_con{
	width:960px;
	padding-left:10px;
	padding-right:10px;
	margin:0 auto;
	height:60px;
	padding-top:20px;
}

#content{
	background:#e3d7cb;
	padding-bottom:40px;
	line-height:1.8;
}
#content_con{
	width:960px;
	margin:0 auto;
	color:#333;
}
#content_left{
	width:630px;
	background:#fff;
	float:left;
	padding:30px;
	padding-top:10px;

}
#content_right{
	float:right;
	width:250px;
	margin-left:20px;
}
.content_right_box{
      margin-top:20px;
}
.content_right_box_tt{
	background:#232327;
	height:35px;
	line-height:35px;
	padding-left:20px;
	font-weight:bold;
    color:#ff6b00;
}
.content_right_box_info{
	background:#fff;
	/*color:#ccc;*/
	
}
.content_right_box a{
	color:#7d6755;
}
.content_right_box a:hover{
	color:#ff6b00;
}

#content_productwide{
	background:#fff;
	padding:30px;
	padding-top:10px;
}
#your_position{
	border-bottom:1px dotted #ccc;
	padding-bottom:8px;
	padding-top:10px;
	margin-bottom:20px;
	font-size:10px;
}

#your_position {
	color:#999;
}
#nav{
	float:right;
	width:600px;
	
}
#nav a{
	color:#000;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	height:37px;
	padding-top:20px;
	margin-right:1px;
}
#nav a:hover{
	color:#ff6b00;
	border-bottom:2px solid #ff6b00;
}
#nav a.current{
	border-bottom:2px solid #ff6b00;
	color:#ff6b00;
}
#footer{
	/*background:#000 url(../images/foot_bg.jpg) no-repeat bottom center;*/
	background:#7d6755;
	height:380px;
	border-top:2px solid #232327;
}
#footer_con{
	width:960px;
	margin:0 auto;
	padding-top:40px;
	font-size:11px;
	color:#000;
}
#footer_con .f1, #footer_con .f2, #footer_con .f3, #footer_con .f4{
	float:left;
	text-align:right;
	width:22%;
	background:url(../images/f_show.png) no-repeat top right;
	padding-right:20px;
	height:200px;
}
#footer_con .f4{
	background-image:none;
}
#footer_con h3{
	color:#000;
	font-size:12px;
	font-weight:normal;
}
#footer_con ul{
	margin-top:10px;
}
#footer_con ul li{
	line-height:22px;
}
#footer_con ul li a{
	color:#000;
}
#footer_con ul li a:hover{
	color:#ff6b00;
}
#footer_con .privacy{
	border-top:1px dotted #333;
	margin-top:40px;
	padding-top:10px;
	font-size:10px;
}

#sub_banner{
	width:960px;margin:0 auto;
	height:380px;
	display:block;
	
}
#position{

width:960px;
margin-left:auto;
margin-right:auto;
height:35px;
}

#position a{
	float:left;
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	margin-right:2px;
	line-height:35px;
	background:url(../images/sub_nav_bg.jpg) no-repeat bottom left;
	color:#333;
}
#position a.current{
	font-weight:bold;
	background:url(../images/sub_nav_currentbg.jpg) no-repeat bottom left;
}
#position a:hover{
	background-color:#ff6b00;
	background-image:none;
	color:#fff;
}
/** product list box **/
ul#products_list{
	margin-top:20px;
	margin-bottom:20px;
}

ul#products_list li{
	width:205px;
	margin-right:15px;
	float:left;
	border:1px solid #ccc;
	padding-top:10px;
	margin-bottom:30px;
}
ul#products_list li:hover{
	border:1px solid #7d6755;
}

ul#products_list li h1{
	margin-top:10px;
	margin-bottom:0px;
	padding:10px;
	padding-bottom:0px;
	font-size:20px;
}
ul#products_list li p{
	padding:10px;
	padding-top:0px;
	height:50px;
	line-height:15px;
}
a.knowmore{
	padding:10px;background:#232327 url(../images/arrow_right.png) no-repeat  right;padding-top:15px;padding-bottom:15px;color:#fff;font-size:14px;
	display:block;
}
a.knowmore:hover{
	background:#ff6b00 url(../images/arrow_right.png) no-repeat  right;
	color:#fff;
}

ul#news_list{
	margin-top:20px;
	margin-bottom:20px;
}

ul#news_list li {
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
ul#news_list li .image_news{
	width:200px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
ul#news_list li p{
	line-height:18px;
	color:#666;
	/**white-space:nowrap;overflow:hidden;text-overflow:ellipsis; **/
	height:70px;
	overflow:hidden;
	
	}

ul#news_list li .news_info{
	width:400px;
	float:right;
}

ul#right_faq{
	margin-bottom:10px;
}
ul#right_faq li{
	line-height:20px;
	background:url(../images/dotted.png) no-repeat 0px 8px;
	padding-left:8px;
}
ul#right_faq li a{
	color:#ccc;
}
ul#right_faq li a:hover{
	color:#fff;
}
ul#right_faq li p{
	margin-top:10px;
}


.download_box{
	margin-bottom:20px;
}

.download_box .download_image{
	width:180px;
	float:left;
}

.download_info{
	float:left;
	width:440px;
}
.download_tt{
	background:url(../images/download_tt.jpg) no-repeat top left;
	line-height:33px;
	padding-left:15px;
	margin-bottom:20px;
}

table.downloadlist{
	color:#333;
	
	border-left:1px dotted #ccc;
}
table.downloadlist tr{
	border:none;
	
}
table.downloadlist tr td{
	border-bottom:1px solid #999;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-right:1px dotted #ccc;
	font-size:11px;
}

a.changeop{
	opacity:0.9;
	border:none;
	padding:0px;
	margin:0px;
}

ul#video_list{
	
}

ul#video_list li{
	float:left;
	width:250px;
	margin-right:40px;
	margin-bottom:30px;
}




#home_newpt{
	float:left;
	width:340px;
	margin-top:20px;
	margin-left:30px;
	margin-right:20px;
}
#home_newpt .newpt_box{
	background:#fff;
	margin-bottom:20px;
}
#home_newpt .newpt_box h3{
	padding-left:20px;
	margin-top:10px;
}
#home_newpt .newpt_box p{
	padding:20px;
	padding-top:0px;
	padding-bottom:20px;
	line-height:16px;
}

#home_news{
	width:300px;
	float:left;
	margin-top:20px;
	background:#fff;
}

ul#h_newslist{
	padding:20px;
}
ul#h_newslist li{
	border-bottom:1px dotted #333;
	padding-bottom:20px;
	margin-bottom:20px;
}
ul#h_newslist li .dataspan{
	float:left;
	width:30px;
	background:#ff6b00;
	color:#fff;
	padding:10px;
	height:40px;
	text-align:center;
	font-weight:bold;
}
ul#h_newslist li  .h_newsinfo{
	width:200px;
	float:left;
	margin-left:10px;
}


.bannerbox { width: 960px; height: 380px; overflow: hidden; margin: 0px auto; }
#imgPlay {
	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 960px; ZOOM: 1; POSITION: relative; HEIGHT: 410px
}
#imgPlay .imgs IMG {
     width:960px;
}
#imgPlay .imgs LI {
	FLOAT: left; POSITION: relative
}
#imgPlay .imgs {
	/**WIDTH: 5760px**/
}
#imgPlay .btn {
	RIGHT: 12px; OVERFLOW: hidden; WIDTH: 112px; BOTTOM: 12px; TEXT-INDENT: -9999px; POSITION: absolute; HEIGHT: 29px;
}
#imgPlay .btn A {
	BACKGROUND: url(../images/bg.png) no-repeat;BACKGROUND-POSITION: 0px 0px; DISPLAY: block; WIDTH: 112px; HEIGHT: 29px;
}
#imgPlay .btn A:hover {
	BACKGROUND: url(../images/bg.png) no-repeat;BACKGROUND-POSITION: 0px -30px;
}
#imgPlay .prev {
	BACKGROUND: url(../images/imgPlayer.png) no-repeat 0px 0px; LEFT: 1px; WIDTH: 46px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 110px; HEIGHT: 81px
}
#imgPlay .next {
	BACKGROUND: url(../images/imgPlayer.png) no-repeat 0px 0px; LEFT: 1px; WIDTH: 46px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 110px; HEIGHT: 81px
}
#imgPlay .next {
	BACKGROUND-POSITION: right 0px; RIGHT: 1px; LEFT: auto
}
#imgPlay .num {
	DISPLAY: inline; LEFT: 400px; POSITION: absolute; TOP: 275px; HEIGHT: 19px
}
#imgPlay .num SPAN {
	DISPLAY: inline-block; BACKGROUND: url(../images/imgPlayer.png) no-repeat -19px -83px; MARGIN: 0px 2px; OVERFLOW: hidden; WIDTH: 14px; CURSOR: pointer; LINE-HEIGHT: 0; HEIGHT: 13px
}
#imgPlay .num SPAN.on {
	BACKGROUND-POSITION: 1px -83px
}
#imgPlay .num .lc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px
}
#imgPlay .num .mc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px
}
#imgPlay .num .rc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px
}
#imgPlay .num .mc {
	BACKGROUND: url(../images/mc.png) repeat-x
}
#imgPlay .num .rc {
	BACKGROUND: url(../images/rc.png) no-repeat
}
#imgPlay #numInner {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; POSITION: absolute; TOP: 355px; TEXT-ALIGN: center
}


/** add product detail style  2014.01.11**/
/** product show **/


#products_example {
	width:900px;
	height:480px;
	position:relative;
	margin:0 auto;
	padding-top:40px;
	
}


#productsimg {
	margin-right:26px;
}

#productsimg .next, #productsimg .prev {
	position:absolute;
	top:127px;
	left:0;
	width:21px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	display:block;
	z-index:101;
}
#productsimg .prev {
	background:url(../images/arrow-prev.png);
}

#productsimg .next {
	left:398px;
	background:url(../images/arrow-next.png);
}

#productsimg .slides_container {
	width:400px;
	height:400px;
	overflow:hidden;
	float:left;
	position:relative;	
}
#productsimg .slides_container img{
	width:400px;
	height:auto;
}

#productsimg .pagination {
	
	width:435px;
	padding:5px 5px;
	float:left;
	margin-top:100px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#productsimg .pagination li {
	float:left;
	margin:2px 4px;
	text-align:center;
	height:114px;
	/*background:url(../images/fo_bg.png) repeat-x bottom left;*/
}

#productsimg .pagination li a {
	display:block;
	width:135px;
	height:70px;
	padding-top:10px;
	padding-bottom:10px;
	margin:1px;
	float:left;
	/*background: url(../images/pri_img.png) repeat-x bottom left;*/
}

#productsimg .pagination li.current a {
	border:1px solid #111;
	margin:0;
}

#product_info{
	margin-top:40px;
	color:#999;
	width:420px;
	float:right;
}
#product_info h1{
	color:#f00;
	font-size:36px;
	line-height:36px;
}
#product_info  h2{
	font-size:16px;
}
#product_info ul {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #333;
}
#product_info ul li{
	line-height:18px;
	background:url(../images/dotted.png) no-repeat 0px 8px;
	padding-left:5px;
}

.rocommend_tt{
	background:#eee;
	color:#000;
	height:25px;
	padding-top:3px;
	padding-bottom:3px;
	line-height:25px;
	padding-left:15px;
	margin-bottom:50px;
}

.product_details_info{
	margin-top:0px;
	
}


.redbar{
	background:#ccc;
	color:#111;
	padding:10px;
	margin-bottom:10px;
}
