/*reset*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0; padding:0}
body, button, input, select, textarea{ font-size:12px; font-family:Verdana,"΢ÈíÑźÚ";*font-family:"΢ÈíÑźÚ",Verdana;_font-family:Verdana,"΢ÈíÑźÚ";}
h1, h2, h3, h4, h5, h6{font-size:100%;color:#FFF;}
address, cite, dfn, em, var{font-style:normal}
code, kbd, pre, samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul, ol{list-style:none}
a{text-decoration:none;color:#fff;}
a:hover{text-decoration:underline}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset, img{border:0}
button, input, select, textarea{font-size:100%}
table{border-collapse:collapse; border-spacing:1;border:1px #fff;}

/*base*/

a {-webkit-transition-duration: 200ms;-webkit-transition-property: color;-webkit-transition-timing-function: ease-in-out;-moz-transition-duration: 200ms;-moz-transition-property: color;-moz-transition-timing-function: ease-in-out;-o-transition-duration: 200ms;-o-transition-property: color;-o-transition-timing-function: ease-in-out;} /* webkit parse */

.border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D6D6D6;
	border-right-color: #d1c9c3;
	border-bottom-color: #d1c9c3;
	border-left-color: #d1c9c3;
}


body {overflow-X:hidden;}

.header {width:100%; float:left; background:#1a1011;}
.header .hd_content {width:1000px; margin: 0 auto; height:53px;}
.hd_content .telphone {background:url(../images/header_tel.png); width:247px; float:left; height:29px; margin-top:12px;}
.hd_content .telphone a {display:block; width:247px;height:29px;}
.hd_content .taobao_link {float:right; padding-top:15px;}
.hd_content .taobao_link a { height:25px; width:117px; display:block; line-height:25px; float:left; color:#333;}
.hd_content .taobao_link a s{float:left; line-height:25px; text-decoration:none; padding-left:42px; cursor:pointer;}
.hd_content .taobao_link a.taobao {background:url(../images/header_link_01.png); margin-right:20px;}
.hd_content .taobao_link a.tmall {background:url(../images/header_link_02.png);}

.navgation {background:url(../images/nav_bg.png) repeat-x; height:54px; float:left; width:100%;}
.navgation .menu {width:1000px; margin: 0 auto; height:54px;_overflow:hidden;}
.navgation .menu .left { float:left;}
.navgation .menu .left a {float:left; display:block; line-height:53px; text-align:center; color:#fff; overflow:hidden; width:96px;}
.navgation .menu .left i {width:2px; background:url(../images/nav_line.png); height:53px; font-size:0px; float:left; margin-top:1px;}
.navgation .menu .left a:hover {color:#fff; text-decoration:none;}
.navgation .menu .left a.selected {background:url(../images/nav_checked.png) center center no-repeat; color:#333;}
.navgation .menu .left a.selected:hover { text-decoration:none}

.navgation .menu .center {float:left; height:149px; width:188px; padding-left:20px; position:relative;z-index:9;}
.navgation .menu .center a {background:url(../images/header_logo.png); height:149px; width:188px; position:absolute; top:-53px; display:block;z-index:999;cursor:pointer;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="/statics/images/header_logo.png");_background:none;/*ie6 css hack*/}

.banner {background:url(../images/banner.png) center center no-repeat; height:444px; width:100%; float:left;}
.home_banner {
	background:url(../images/banner_bg.png) repeat-x;
	height:444px;
	width:100%;
	float:left;
}


.home_box{ float:left; width:100%;}
.top_box {width:100%; float:left; background:#15110e}
.top_box .top_cnt {width:1000px; margin: 0 auto;}
.top_box .top_cnt .news_box{
	float:left;
	width:655px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.top_cnt .news_box .news_title {float:left; width:655px;}
.top_cnt .news_box .news_title span.title{ background:url(../images/news_title.png); width:268px; height:23px; float:left;}
.top_cnt .news_box .news_title span.more{background: url(../images/news_more.png); height:23px; width:47px; float:right;}
.top_cnt .news_box .news_title span.more a {display:block;height:23px; width:47px;}

.top_cnt .news_box .news_title span.tabs {float:left; padding-left:20px;}
.top_cnt .news_box .news_title span.tabs a {padding: 0 10px; height: 25px; border: none; background: #392211; color: #FFF; line-height: 25px; letter-spacing: 1px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; margin-right:15px;}
.top_cnt .news_box .news_title span.tabs a.selected{background:#bc8d69;color:#1a1011;}

.top_cnt .news_box .news_content {float:left; width:655px;}

.news_box .image_news {float:left; width:430px; padding-top:30px;}
.news_box .image_news em.image {float:left;}
.news_box .image_news em.image img {height:126px; width:186px; border:8px solid #fff;}
.news_box .image_news em.cnt {float:left; width:220px;}
.news_box .image_news em.cnt s {text-decoration:none;}
.news_box .image_news em.cnt s a {color:#333;}
.news_box .image_news em.cnt s.t {float:left; padding-left:20px; width:200px; padding-top:5px;}
.news_box .image_news em.cnt s.t a {color:#fff;}
.news_box .image_news em.cnt s.b {float:left; padding-left:20px; width:200px; padding-top:10px; line-height:20px;}
.news_box .image_news em.cnt s.b a {color:#666;}

.news_box .list_content {float:left; width:210px;}
.news_box .list_content ul {float:left; padding-top:30px; padding-left:10px;}
.news_box .list_content li {float:left;line-height:28px;}
.news_box .list_content li a {color:#fff; float:left;width:210px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }

.home_contact {
	width:320px;
	float:right;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.home_contact .contact_title {float:left; width:320px;}
.home_contact .contact_title span.title{ background:url(../images/contact_title.png); width:243px; height:23px; float:left;}
.home_contact .contact_box {line-height:28px; padding-top:30px; color:#fff; float:left; width:320px;}
.home_contact .contact_weibo {background:url(../images/weibo_btn.png); height:38px; width:139px; float:left; margin-top:13px;}
.home_contact .contact_weibo a {display:block; float:left; height:38px; width:68px;}

.union_box {
	float:left;
	width:100%;
	background:#1a1011;
	border-top:1px solid #221812;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.union_coontent { width:1000px; margin: 0 auto;}
.union_box_list {float:left; width:655px;}
.union_coontent .union_title {float:left; width:655px;}
.union_coontent .union_title span.title{ background:url(../images/union_title.png) left center no-repeat; width:289px; height:23px; float:left;}
.union_coontent .union_title span.more{background: url(../images/more.png) left center no-repeat; height:23px; width:47px; float:right;}
.union_coontent .union_title span.more a {display:block;height:23px; width:47px;}

.union_coontent .union_list {float:left; width:655px; overflow:hidden;}
.union_coontent .union_list ul{padding-top:30px; float: left;}
.union_coontent .union_list ul li {float:left; width:194px; margin-right:30px;_margin-right:20px;}
.union_coontent .union_list ul li img{border:8px solid #fff;height:126px; width:186px;}
.union_coontent .union_list ul li a {float: left; width:195px; color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; padding-top:10px;}
.union_coontent .union_list ul li.last{margin-right:0px;}

.about_content {width:320px; float:right;}
.about_content .about_title {float:left; width:320px;}
.about_content .about_title span.title{ background:url(../images/about_title.png) left center no-repeat; width:205px; height:23px; float:left;}
.about_content .about_text {color:#fff; float:left; width:320px; line-height:22px; padding-top:30px;}
.about_content .about_text a {color:#fff;}
.about_content .about_btn {float:left; width:320px; padding-top:30px;}
.about_content .about_btn a {float:left; display:block;}
.about_content .about_btn a.join {background:url(../images/union_btn.png); height:43px; width:141px; margin-right:20px;}
.about_content .about_btn a.tel {background:url(../images/union_tel.png); height:43px; width:158px;}

.page_banner {background:url(../images/page_banner.png) center center no-repeat; height:300px; width:100%; float:left;}

.page_banners {
	background:url(../images/page_bg.png) repeat-x;
	height:300px;
	width:100%;
	float:left;
}

.page_content {width:100%; float:left; background:#1a1011;}
.page_content .page_box {width:1000px; margin: 0 auto;}
.page_content .page_box .left {background:url(../images/page_left_bg.png) left top no-repeat; float:left; height:100%; width:260px}
.page_box .left .symbol {background:url(../images/page_left_symbol.png); height:42px; width:208px; float:left; margin-top:20px; margin-left:20px;_margin-left:10px;}
.page_box .left .symbol span {line-height:40px; font-size:14px; font-weight:bold; color:#fff; text-align:left;float:left; padding-left:40px;}

.page_box .left .menu_list {float:left; padding-top:20px; padding-left:30px;}
.page_box .left .menu_list ul {float:left;}
.page_box .left .menu_list ul li {float:left; width:188px;}
.page_box .left .menu_list ul li a { float:left; width:188px; line-height:30px; color:#666; margin-bottom:5px; cursor:pointer; display:block;}
.page_box .left .menu_list ul li a:hover { color:#fff;}
.page_box .left .menu_list ul li a.checked {background:url(../images/cat_list_article.png) 0px -48px; color:#fff; font-weight: bold;color:#fff; font-weight:bold;}
.page_box .left .menu_list ul li a.checked:hover {color:#fff;}
.page_box .left .menu_list ul li a em {float:left; padding-left:30px;}

.page_box .right {float:right; width:720px;}
.page_box .right .right_title {width:720px; height:57px; float:left; border-bottom:1px solid #271a1b; margin-bottom:15px;}
.page_box .right .right_content {width:720px;float:left; line-height:25px; color:#fff; padding-bottom:20px;border-bottom:1px solid #271a1b;
}
.page_box .right h1 { text-align:center; font-size:14px; font-weight:bold; font-family:"΢ÈíÑźÚ"; width:638px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.page_box .right .details {width:690px; float:left; border:1px solid #462703; background:#1D110F; padding: 10px; color:#999; margin-top:10px;margin-bottm:10px; line-height:25px;}
.page_box .right .author {width:720px; float:left; text-align:center; padding-top:15px;color:#fff;}


.page_box .right .pages {
	float:left;
	width:710px;
	float:left;
	padding-bottom:30px;
}
.page_box .right .follow_hot_keywords{
	float:left;
	width:710px;
	padding-bottom:15px;
}
.page_box .right .follow_hot_keywords em.title {
	float:left;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
}
.page_box .right .follow_hot_keywords em.keywords {float:left; width:470px;font-size:14px; font-weight:bold;color:#FF0000;}
.page_box .right .follow_hot_keywords em.keywords a {
	float:left;
	padding-right:5px;
	color:#CCC;
	font-weight:bold;
	font-size:14px;
}

.page_box .right .follow_next { padding-bottom:20px; float:left;color:#FFF;}
.page_box .right .follow_next span.previous,.pages_list .left .page_content .follow_next span.next {float:left; width:320px;}

.page_box .right .follow_article { width:710px; float:left; /*border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;*/ border:1px solid #eee; background:#fff; }
.page_box .right .follow_article .content_list .titlebar { width:718px; font-weight:bold; float:left; padding-top:15px; padding-left:15px;overflow:hidden;}
.page_box .right .follow_article .content_list ul {float:left;}
.page_box .right .follow_article .content_list ul {padding:5px 0px 15px 15px;}
.page_box .right .follow_article .content_list ul li {width:200px;}
.page_box .right .weibo_box {width:710px; float:left; padding:15px 0px;}
.page_box .right .comment_box {width:710px; float:left; padding:15px 0px;}
/*·ÖÏíµ½ÄÄÀï*/


.page_box .right .right_title span.left_title {float:left; line-height:57px; font-size:14px; font-weight:bold;color:#fff;}
.page_box .right .right_title span.right_nav {float:right; line-height:57px; color:#fff;}
.page_box .right .right_title span.right_nav a {color:#666;}

.left_contact {width:220px; float:right; padding:50px 20px;}
.left_contact .contact_title {float:left; width:220px;}
.left_contact .contact_title span{width:220px; height:23px; float:left; font-weight:bold; color:#fff; margin:0; padding:0;}
.left_contact .contact_box {line-height:28px; padding-top:10px; color:#fff; float:left; width:220px; margin:0; padding:0;}
.left_contact .contact_weibo {background:url(../images/weibo_btn.png); height:38px; width:139px; float:left; margin-top:13px;}
.left_contact .contact_weibo a {display:block; float:left; height:38px; width:68px;}

.product_home_list { float:left; padding:15px 0px;}
.product_home_list .image {float:left; margin-right:20px;width:220px;}
.product_home_list .none { margin-right:0px;}
.product_home_list .image img {float:left; border:8px solid #fff;height:126px; width:186px;}
.product_home_list em.text {width:195px; height:40px; float:left; line-height:40px; text-align:center;}
.product_home_list em.text a { display:block;height:40px; float:left; line-height:40px;width:218px; color:#fff;}
.product_home_list em.text a:hover {color:#fff;}

.page_lists { float:left; width:720px;}
.page_lists .lists {float:left;padding-bottom:15px; border-bottom:1px dashed #2b1e17; padding-top:15px; float:left;}
.page_lists .lists span.title { width:720px; float:left; padding-bottom:10px;background: url(../images/infolist_ico.png) left no-repeat; padding-left:18px; padding-bottom:0px; margin-bottom:10px;}
.page_lists .lists span.title a {color:#fff; text-decoration:underline;}
.page_lists .lists span.title a:hover {color:#fff; text-decoration:none;}
.page_lists .lists span.title em {float:left;}
.page_lists .lists span.descpt { width:720px; float:left; color:#777; float:left;line-height:20px;}
.page_lists .lists i {font-style:normal; font-size:12px; color:#999; font-weight:normal; float:right;}

.single_content { width:720px; float: left;}
.single_content {line-height:28px; float:left; padding-bottom:15px; color:#333;}
.single_content h1.titles {font-size:14px; width:720px; text-align:center; border-bottom:1px solid #ddd; padding-bottom:10px; float:left; margin-bottom:15px;}
.single_content .info {width:720px; text-align:center; color:#999; float:left; padding-bottom:15px;}
.single_content .textContent {width:720px; line-height:28px; color:#333}
.preNext {width:720px; float:left; border-top:1px solid #ddd; margin-top:20px; padding-top:15px;}
.preNext a {color:#666; text-decoration:underline;}

.message_input{width:400px;height:25px;line-height:20px;border:1px solid #d0d0d0;text-indent:2px; background:url(../images/area_bg.png); background-color:#fff;}
.msg_btn_area{text-align:left; padding-left:80px; float:left;}
.msg_btn_area a{display:inline-block;width:90px;height:38px;line-height:35px;background:url(../images/page_btn.png);text-align:center;font-size:14px;overflow:hidden;cursor:pointer; font-weight:bold; color:#333;}
.msg_btn_area a:hover{text-decoration:none;}
.dataForm td { padding:5px 0px;}

.page_content .tab_nav {width:1000px; margin: 0 auto;}
.tab_nav .sidebar{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0; width:998px; background: url(../images/barBg.png) repeat-x bottom; float:left; background-color:#fff;}
.tab_nav .sidebar ul {float:left; line-height:39px; height:39px;}
.tab_nav .sidebar ul.nav a {padding: 0 20px; float:left; color:#333;}
.tab_nav .sidebar ul.nav a.current { font-weight:bold; color:#333; height:42px; position:relative; background:url(../images/tab_selected_bg.png) center bottom no-repeat;}
.tab_nav .about_content { border-top:none; width:998px; float:left; border:1px solid #ddd; background:#fff; border-top:none;}
.tab_nav .about_content .box {float:left; padding:15px; color:#666; line-height:28px;}

.page_footer {width:100%; float: left; background-color:#110904; border-top:1px solid #20150f;}
.page_footer .footer_content { width:1000px; margin: 0 auto;}
.page_footer .footer_content .copyright { float:left; padding-top:30px; padding-bottom:30px; line-height:25px; color:#E3E3E3;}

/*·ÖÒ³*/
.pages {width:680px; float: left;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;margin-top:30px; margin-bottom:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #bbb;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 3px;}
.page_list a:hover{color:#fff;border:1px solid #8f0000;background:#700000;}
.page_list a.on{color:#fff;border:1px solid #8f0000;background:#700000;}
/*·ÖÒ³*/
#pages {text-align:center;font-family:"΢ÈíÑźÚ";}
#pages a { height:26px; line-height:26px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#666; padding:0 10px;display:inline-block;}
#pages a.a1 { background:url(../images/pages.png) no-repeat 0 10px; width:56px; padding:0!important; margin:0!important;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block;height:26px; line-height:26px; background:#eee; border:1px solid #ddd; color:#333; text-align:center;padding:0 10px;}
.page .noPage { display:inline-block; width:56px; height:26px; line-height:26px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

/*·µ»Ø¶¥²¿*/
.go{width:47px;height:106px;background-color:#FFF;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:12px;_right:-47px;bottom:25%;border-radius:2px;box-shadow:0 0 2px #ccc}
.go a{background:url(../images/go.png) no-repeat;display:block;width:37px;margin:5px;border:0;overflow:hidden;float:left}
.go .top{background-position:0 -33px;height:22px}
.go .feedback{background-position:0 -54px;height:32px}
.go .bottom{background-position:0 -88px;height:22px}
.go .top:hover{background-position:-38px -33px}
.go .feedback:hover{background-position:-38px -54px}
.go .bottom:hover{background-position:-38px -88px}


/*ͼƬä¯ÀÀ*/
.picture_show_box {
	width:715px;
	float:left;
}
.picture_show_box .tool{ position:relative; height:35px; padding-top:6px}
.picture_show_box .tool .auto,.picture_show_box .tool .up,.picture_show_box .tool .next{background: url(../images/up-next.png) no-repeat; height:27px; width:31px;margin-right:10px; overflow:hidden; line-height:27px; display:block; float:left;}
.picture_show_box .tool .auto span,.picture_show_box .tool .up span,.picture_show_box .tool .next span{ visibility:hidden}
.picture_show_box .tool .auto{background-position: -39px top;}
.picture_show_box .tool .next{background-position: -78px top;}
.picture_show_box .tool .stat{ color:#999; line-height:27px;}
.picture_show_box .big-pic{
	text-align:center;
	padding:5px 0;
	border:1px solid #462703;
	background-color:#1A1011;
	position: relative
}
.picture_show_box .big-pic #big-pic{
	display:table-cell;
	vertical-align:middle;
*display:block; 	overflow:hidden;
*font-size:480px; 	width:700px;
	height:700px
}
.picture_show_box .big-pic .max{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:101;
	padding:5px 5px 5px 20px;
	background-color: #1A1011;
	background-image: url(../images/max.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.photo_prev{position:absolute;left:0;top:0;width:50%;height:100%;z-index:100}
.photo_next{ position:absolute; right:0; top:0; width:50%; height:100%; z-index:100}
.photo_prev a,.photo_next a{background-image: url(../images/blank.gif);display:block; width:100%; height:100%; outline:none;}

.picture_show_box .list-pic{
	height:100px;
	float:left;
	width:715px;
	padding-top: 22px;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 0;
}
.picture_show_box .cont{overflow:hidden; float: left; width:370px; height:80px}
.picture_show_box .cont li{ float:left; width:123px; text-align:center; display:block; overflow:hidden}
.picture_show_box .cont li .img-wrap{width:100px; height:75px; margin:0 auto;}
.picture_show_box .cont li .img-wrap a{*font-size:55px;width:100px; height:75px;outline: medium none;}
.picture_show_box .cont li.on .img-wrap{ border:2px solid #ffb017}
.picture_show_box .list-pic .pre,.picture_show_box .list-pic .next{float:left; display:block; position:relative;width:100px;height:75px; text-align:center; border:1px solid #ddd;}
.picture_show_box .list-pic .pre{ left:0px;top:0px; margin-right:15px}
.picture_show_box .list-pic .next{ float:right;top:0px; left:0px;}
.picture_show_box .list-pic .pre a.text {padding-top:10px; float:left; width:100px; text-align:center;}
.picture_show_box .list-pic .next a.text {padding-top:10px; float:left; width:100px; text-align:center;}
.picture_show_box .list-pic .pre .img-wrap,.picture_show_box .list-pic .next .img-wrap{width:102px; height:72px;border:none;}
.picture_show_box .list-pic .pre .img-wrap a,.picture_show_box .list-pic .next .img-wrap a{*font-size:53px;width:98px; height:72px;}

.picture_show_box .list-pic .pre .img-wrap a:hover,.picture_show_box .list-pic .next .img-wrap a:hover{ background:none}
.picture_show_box .list-pic .next{ right:0px; float:right;bottom:-2px}
.picture_show_box .pre-bnt,.picture_show_box .next-bnt{margin-top:3px;cursor: hand;!important;cursor: pointer}
.picture_show_box .pre-bnt,.picture_show_box .next-bnt,.picture_show_box .pre-bnt span,.picture_show_box .next-bnt span{background: url(../images/big-btn.png) no-repeat; display:block; width:17px; height:69px; float:left;}
.picture_show_box .pre-bnt:hover, .picture_show_box .next-bnt:hover,.picture_show_box .pre-bnt-on,.picture_show_box .next-bnt-on{background-position: 0 -78px;}
.picture_show_box .pre-bnt span{background-position: -30px top;}
.picture_show_box .pre-bnt:hover span,.picture_show_box .pre-bnt-on span{background-position: -30px -78px;}
.picture_show_box .next-bnt span{background-position: -55px top;}
.picture_show_box .next-bnt:hover span,.picture_show_box .next-bnt-on span{background-position: -55px -78px;}