﻿HTML,BODY {
	WIDTH: 100%; HEIGHT: 100%
}
strong, b {font-weight:bold;}
*{ font-size:12px; }
#erweima {
background: none;
bottom: 0;
cursor: pointer;
height: 142px;
position: fixed;
right: 0;
width: 140px;
z-index: 2;
}
#erweima img {
width: 140px;
}
#yuyue{
bottom: 180px;
position: fixed;
right: 0;
z-index: 999;
}

BODY {
	MARGIN: 0px; PADDING: 0px;  COLOR: #595655; FONT-FAMILY: arial,verdana,sans-serif;TEXT-ALIGN:center;
}
TABLE {
	FONT-SIZE: 12px; TEXT-ALIGN: left; MARGIN: auto
}
DIV {
	FONT-SIZE: 12px; TEXT-ALIGN: left; MARGIN: auto
}
ul{ list-style:none;}
DIV.dfn {
	DISPLAY: none
}
FORM,UL,OL,INPUT,SELECT,TEXTAREA {
	MARGIN: 0px; PADDING: 0px
}
INPUT,SELECT,TEXTAREA {
	FONT-SIZE: 12px; FONT-FAMILY: arial; VERTICAL-ALIGN: middle
}
INPUT.text {
	HEIGHT: 16px; PADDING: 2px; BORDER: #999999 1px solid
}
INPUT.btn {
	HEIGHT: 22px; LINE-HEIGHT: 22px; BORDER: #DCDCDC 1px solid; PADDING-LEFT: 14px; BACKGROUND: url(button.jpg)
}
INPUT.button {
	HEIGHT: 22px; line-height: 22px; BACKGROUND: #DDDDDD; BORDER: 1px solid; BORDER-COLOR: #DDDDDD #AAAAAA #AAAAAA #DDDDDD; PADDING: 3px 5px 3px 5px; OVERFLOW: visible; margin-right:20px; float:none
}
INPUT.file {
	HEIGHT: 22px; LINE-HEIGHT: 22px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BORDER: #999999 1px solid
}
INPUT.checkbox {
	WIDTH: 13px; HEIGHT: 13px; BORDER: 0px; MARGIN: 2px
}
INPUT.radio {
	WIDTH: 13px; HEIGHT: 13px; BORDER: 0px; MARGIN: 2px
}
SELECT.select {
	HEIGHT: 22px; LINE-HEIGHT: 22px
}
TEXTAREA.textarea {
	PADDING: 2px; BORDER: #999999 1px solid
}
IMG {
	BORDER: 0px
}
IMG.absmiddle {
	VERTICAL-ALIGN: middle
}

p {
	line-height:20px
}
A {
	COLOR: #353636; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: none; color:#167bc6;
}

.lanrenzhijia {
	width:200px;
	margin:0px; float:left; padding-right:20px;
}
.ctrl-panel {
	z-index:1000; position:relative; top:130px; left:80px;
}
.m-page {
	display:block;
	width:18px;
	height:18px;
	text-align:center;
	background:#963;
	float:left;
	display:inline;
	margin-left:10px;
	line-height:18px;
	color:#fff;
	font-size:13px;
}
.m-page:hover {
	text-decoration:none;
	color:#fff;
}
.focus {
	background:#000;
}
.con {
	width:100%;
}
.scroll-wrap {
	OVERFLOW: hidden;
	WIDTH: 200px;
	POSITION: relative;
	HEIGHT: 150px; top:10px;
}
.scroll_box_content {
	POSITION: absolute
}
.content_list {
	FLOAT: left;
	WIDTH: 200px;
	HEIGHT: 140px;
	cursor:pointer;
}
.scroll-wrap img{ width:200px; height:150px;}




#top {
	WIDTH: 100%;
}
#topContent {
	WIDTH: 1150px;
    background: url(topbg.jpg) right top no-repeat;
    height: 137px;
}
#topContent .logo {
    float: left;
    padding: 30px 0 0 60px;
}
#topContent .tel {
	font-size: 24px;
    color: #0e5a8b;
    font-weight: bold;
    font-family: Microsoft Yahei;
    width: 50%;
    margin-top:40px;
}
#topContent .tel span{font-size: 24px; color: #ff0000; line-height: 30px;}
.nav {
  	COLOR: #fff;
    height: 54px;
    font-size: 16px;
    line-height: 54px;
    width: 1150px;
    font-family: "Microsoft YaHei";
    background: url(menubg.jpg) left top no-repeat;
}
.nav span {display:none;}
.nav ul {padding: 0 0 0 75px;}
.nav li{ float:left; line-height:50px; width:125px;}
.nav a{ color:#fff; font-size:14px;}
.tel_phone {
	display: none;
	font-size: 14px;
    color: #0e5a8b;
    font-weight: bold;
    font-family: Microsoft Yahei;
    line-height: 30px;
    text-align: center;
}
.tel_phone span{font-size: 14px; color: #ff0000;}
#banner2{ text-align:center; width: 1150px;}
#slides { display:block; width:100%; height:260px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:none; list-style:none; position:absolute; left:0; top:130px; z-index:9900;  padding:5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:5px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#76040f}

#panel {
  float:right; padding:20px 0px 10px 0px; 
}
#panel a {
  padding:0 10px;
}
#menu {
  WIDTH: 100%; HEIGHT: 34px; BACKGROUND: url(menubg.jpg) no-repeat;
}
#menu span {
	float:left; line-height:34px;
}
#menu UL {
  MARGIN: 0px; PADDING: 0px 5px; LIST-STYLE: none; float:left;
}
#menu LI {
  float:left; width:auto; height:34px; margin:0px; line-height:34px; width:134px; background:url(index_12.jpg) no-repeat right top;
}
#menu A {
  display:block; color:#666; font-family:arial, sans-serif; font-size:14px; line-height:34px; width:134px; text-decoration:none; text-align:center; font-family:"微软雅黑";
}
#menu a:hover {
	color:#fff; background:url(index_10.jpg) no-repeat;
}
.m-search {
	background:url(11_13.jpg) no-repeat left 4px; margin:5px 9px 0px 130px; padding:4px 2px 3px 8px
}
.search {
	border:none; background:none; color:#ccc; font-size:12px;
}
#panel img{ padding-right:5px;}
.tel{ float:right;}
.search212{ float:right; padding-left:200px;}


#middle {
    width: 960px;
}
#middleContent {
  PADDING: 0px 0px 0px 0px; margin-left:20px;
}


.about {
	background: url(07.jpg) no-repeat;
    width: 300px;
    float: left;
}
.about img {    margin-right: 7px;}
.maintitle2{
	height: 25px;
    width: 279px;
    background: url(8v07lSdk8d_08.jpg) no-repeat;
}
.maintitle2 span{
float:right;
margin-top:8px;
}
.maintitle2 a{
color:#959595;
}
.about p {
	padding:10px; margin:0;
}
.contact{
	width: 355px;
    padding-left: 15px;
    float: left;
}
.maintitle1{
	width: 328px;
    height: 25px;
    background: url(017.jpg) no-repeat;
}
.maintitle1 span{
float:right;
margin-top:8px;
}
.maintitle1 a{
color:#959595;
}
.contact li {
	border-bottom: dashed 1px #ccc;
    line-height: 26px;
    padding-left: 7px;
    position: relative;
}
.contact li span {
	position: absolute;
    right: 0;
    top: 0;
}
.baomiing{ float:right; background:url(8v07lSdk8d_12.jpg) no-repeat; padding: 77px 0px 0px 150px; width: 278px}
/* demo */
.demo {
	width: 560px;
    float: left;
    background: #f5f2f2;
    border-radius: 10px;
    padding: 20px 20px 15px;
}
/* tabbtn */
.tabbtn {
	height:24px; border-bottom:solid 1px #0e5a8a;
}
.tabbtn li {
	float:left;
	position:relative;
	margin:0 0 0 -1px;
}
.tabbtn li a {
	display:block;
	float:left;
	height:30px;
	line-height:24px;
	overflow:hidden;
	width:90px;
	text-align:center; font-weight:800;
	font-size:14px;
	cursor:pointer;
}
.tabbtn li.current { background:url(lSdk8d_17.jpg) no-repeat center bottom;
}
.tabbtn li.current a {	
	height:30px;
	line-height:24px;
	color:#fff;
	font-weight:800;
}
/* tabcon */
.tabcon {
	width:540px;
	overflow:hidden;
}
/* sublist */
.tabcon .sublist {
	padding:5px 10px;
	height:170px;
}
.tabcon .sublist li {
	height:28px;
	line-height:28px; float:none;
	font-size:12px;
}
.sublist li span {
	margin:0 5px 0 0;
	font-family:"宋体";
	font-size:12px;
	font-weight:400;
	color:#ddd;
}
.dashijies{
	width: 370px;
    background: none repeat scroll 0 0 #F5F2F2;
    border-radius: 10px 10px 10px 10px;
    float: right;
    padding: 20px 20px 10px;
}
.titlea{
width:324px; height:29px;background:url(dsjs.jpg) no-repeat;
}
.titlea a{
color:#959595;
}
.titlea span{
margin-top:5px;
float:right;
font-size:12px;
}
#photo-list {
     /* 3张图片的宽度（包含宽度、padding、border、图片间的留白）
         计算：3*(100+2*2+1*2+9) - 9
         之所以减去9是第三张图片的右边留白
     */
    width:336px;
    /* 图片的宽度（包含高度、padding、border）
        计算：100+2*2+1*2
    */
    height:116px;
    margin:30px auto; overflow:hidden;

}
#photo-list ul { list-style:none;}
#photo-list li { float:left; padding-right:9px;}
#photo-list img { border:1px solid #ddd; background:#fff; padding:2px;}
.titleb{
    width: 955px;
    height: 25px;
    background: url(8v07lSdk8d_32.jpg) no-repeat;
    margin-top: 10px;
}
.titleb span{
float:right;
margin-top:8px;
}
.titleb a{
color:#959595;
}
#demo1 a,#demo2 a{ float:left; margin:0px 10px; line-height:30px; text-align:center;}
#demo{ margin:5px 0px 0px 0px;
background: #FFF;
overflow:hidden;
width: 960px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}

.mainnews { height:40px;}
.mainnews  ul{
  LIST-STYLE:none; PADDING: 0px 0px; MARGIN: 0px 0 10px 0
}
.mainnews li {
	float:left;
}
.mainnews  a{
  color:#727272; line-height:24px;
}
.main {
	LIST-STYLE:none; PADDING: 0px 0px; MARGIN: 0px auto;
}
.product-contact {
	width:210px;
}
.about-good {
	width:356px; margin:0px;
}
.news {
	width:210px;
}

.maintitle {line-height:34px; height:34px; PADDING-LEFT: 10px;}

.product-contact .maintitle { background:url(11_25.jpg) no-repeat;}
.news .maintitle { background:url(11_26.jpg) no-repeat;}
.maintitle a{
	 float:right; padding-right:10px;
}
.maintitle span {
	 float: left; font-size:14px; font-weight:bold; color:#55b046;
}
.mainbox {
   margin-bottom:3px; background-color:#fff; padding-bottom:10px;
}


.good{ width:230px; background:none;}
.zhongjian{ width:230px; float:left; margin:0px 30px;}
.news{ width:288px;}

.maintitle a{ color:#666;}
.product ul { 
  LIST-STYLE:none; PADDING: 5px 0px; MARGIN: 0px
}
.product ul li {
    background: none repeat scroll 0 0 #CCCCCC;
    float: none;
    height: 24px;
    line-height: 23px;
    margin: 10px auto;
    padding-left: 15px;
    width: 160px;
}
.product ul li a{
	COLOR: #615959; padding-left:5px
}

.news-img{
  margin: 10px; border:1px #ccc solid; padding:2px 0px 2px 3px; height: 200px;
}
.mainpclass a {
  padding:0 25px; line-height:23px;
}
.more {
  float:left; padding:0 25px; line-height:23px;
}

.mainc {
  padding-top:10px; padding-left:5px; padding-right:10px; line-height:22px; color:#727272
}
.maincc {
  padding-top:10px; line-height:22px; color:#727272
}

#bottom {
  WIDTH: 100%; background:url(8v07lSdk8d_17.jpg) no-repeat center bottom; height:175px;
}
#bottomContent {
  POSITION: relative;  padding-top:65px; line-height:25px; color:#fff; width: 50%; padding-left:200px;
}
#bottomContent div {
  text-align:center; line-height:50px; width:980px;
}
#bottomContent div a {
  padding:0 10px; color:#323232
}

.ipt {
	color: #666
}
.ash {
	COLOR: #666; padding:0 5px
}
.box p{
	PADDING: 0 15px 5px 10px; MARGIN: 35px 0 10px 0px;line-height:20px;font-size:12px;
}
.box1 {
	WIDTH: 204px; MARGIN-BOTTOM: 10px;
}
.h {
	background: url(ltopic.jpg) top center no-repeat;text-align:left; height:31px; line-height:31px;
}
.h h3 {
    padding-left:30px;FONT-SIZE: 12px; FONT-WEIGHT: bold; margin-bottom:0px;color:#404040;
}
.box1 UL {
  LIST-STYLE:none; border:solid 7px #1c89bd; PADDING: 0px; MARGIN: 0px; line-height:24px;
}
.box1 h3 {
	margin:0; line-height:40px; border-bottom:1px dotted #c6c6c6;
}
.box1 h3 a{
	font-size:12px; font-weight:normal; color:#383838; padding-left:80px;
}
.l {
	line-height:24px; padding-bottom:0px; margin-left:25px; background:url(lbg.jpg) left no-repeat;
}
.l a{
	COLOR: #3e3e3e; display:block; padding-left:20px; line-height:31px;
}
.l a:hover {
	COLOR: #000; display:block;
}

.l-cn {
	color:#009900;
	font-size:17px;
	font-family:"微软雅黑"
}
.l-en { color:#b8b8b8; font-size:12px;}


.cl a {
	color:#406296; font-weight:bold; text-align:left;height:30px; line-height:30px; font-size:14px; padding-left:5px;
}
.cll {
	color:#303030; text-align:left;height:25px; font-size:12px; padding-left:5px;
}
.box2 {
	WIDTH: 100%
}
.box2 H3 {
	MARGIN: 10px; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #666666; PADDING-BOTTOM: 5px; BORDER-BOTTOM: #999999 1px dotted
}
.box2 UL {
	LIST-STYLE-IMAGE: url(icon.2.jpg); PADDING: 0 0 5px 30px; MARGIN: 10px 0 10px 0px
}
.box2 UL LI {
	MARGIN-TOP: 5px
}
.clear {
	DISPLAY: block; CLEAR: both; WIDTH: 100%; HEIGHT: 1px; OVERFLOW: hidden
}
.wzjs {
	background:url(rbg.jpg) no-repeat;
}
.ctime div{
        border:1px solid #ccc; background: #f3f3f3; width:80%; height:25px; text-align:center; line-height:25px;
}
.content {
	LINE-HEIGHT: 30px; padding:10px 15px; 
}
.content1 DIV {
	LINE-HEIGHT: 30px; padding:10px 15px; margin:auto;
}
.content DIV UL {
	LIST-STYLE: inside
}
.content DIV OL {
	LIST-STYLE: inside
}
.comment DIV {
	LINE-HEIGHT: 120%
}
.cutepage {
    height: 35px; width:520px; float:right; line-height: 35px; margin: 15px auto; text-align: center;
}
.cutepage a { color:#000; padding:0 5px}
.cutepage1 {
	TEXT-ALIGN: center
}
.hand {
	CURSOR: pointer
}
.hidden {
	DISPLAY: none
}
.inline {
	DISPLAY: inline
}
.highlight {
	BACKGROUND: #ffff66
}
.ititle {
	line-height:30px; padding-left:30px; font-weight:bold; color:#333; background:#f3f3f3
}
.newsbox1 {
	border:#ccc 1px solid;
}
.imgbox1 {
	WIDTH: 185px; float:left; PADDING: 3px 2px; border:solid 1px #ccc;
}
.jianjie {
	line-height:17px
}
.jloader {
	MARGIN: 0px; BACKGROUND: #FFFFFF; PADDING-LEFT: 8px; BORDER: #666666 1px solid
}
.jloader DIV {
	MARGIN: 0px; BACKGROUND: url(jloading.gif) left center no-repeat; HEIGHT: 48px; LINE-HEIGHT: 48px; PADDING-LEFT: 40px; PADDING-RIGHT: 8px; COLOR: #666666
}
.list {
	 margin:10px auto; padding:0px; width:685px;
}
.list ul {
	 LIST-STYLE: none
}
.line1 {
	HEIGHT: 1px; BACKGROUND: url(line.1.jpg)
}
.middleSide {
	WIDTH: 240px; DISPLAY: inline; FLOAT: left;
}
.middleMain {
	WIDTH: 700px; DISPLAY: inline; FLOAT: left; 
}
.middleMainContent {
	 PADDING-LEFT: 18px;
}
.middleSide p {margin-bottom: 10px; text-align: center;}

.nav2 {
	LINE-HEIGHT: 40px; border-bottom:1px #238fc1 solid; color:#494746; font-size:14px; display:block; font-weight:bold; background:url(23_14.jpg) no-repeat center left; padding-left:30px;
}

.probox1 {
	WIDTH: 650px; margin:10px 20px; text-align:left; border-bottom:solid 1px #ccc; padding-bottom:10px;
}
.probox1 span{
	LINE-HEIGHT: 30px;
}
.quote {
	WIDTH: 98%; LINE-HEIGHT: 150%; BORDER: #dcdcdc 1px dotted; PADDING: 5px
}
.relative {
	POSITION: relative
}
.red {
	COLOR: #CC0066
}
.tbh{
	PADDING: 0 0 5px 30px; MARGIN: 10px 0 10px 0px
}
.tit1 {
	line-height:25px; height:25px;PADDING-LEFT: 10px; BACKGROUND: url(icon.2.jpg) center left no-repeat;
}
.tit1 a{
	 float:left;
}
.time1{
	 float: right;line-HEIGHT: 25px; 
}
.tablem {
	WIDTH: 100%; BORDER: 0px
}
.tablen {
	WIDTH: 100%; BORDER: 0px
}
.tablex {
	WIDTH: 100%; BACKGROUND: #CCCCCC; BORDER: 0px
}
.tablex TD {
	BACKGROUND: #FFFFFF
}
.tables {
	WIDTH: 100%; MARGIN-BOTTOM: 5px; BACKGROUND: #DCDCDC; BORDER: 0px
}
.tables TD {
	BACKGROUND: #FFFFFF
}
.tables TD.tbt {
	BACKGROUND: #F9F9F9
}
.tc {
	LINE-HEIGHT: 18px; margin:10px auto; text-align:center
}
.topic {
    font-size: 24px; font-weight: bold; margin: 10px auto; text-align: center; width: 685px;
}
.return {
    line-height: 18px; margin: 10px auto; text-align: right; width: 685px;
}
.ubb_code {
	BORDER: #dcdcdc 1px dotted; PADDING: 5px; LINE-HEIGHT: 150%; FONT-STYLE: italic
}
.ubb_quote {
	BORDER: #dcdcdc 1px dotted; PADDING: 5px; LINE-HEIGHT: 150%
}

.STYLE1{ padding:0px 7px;}
.box1 h2{ font-weight:normal; font-size:12px;}
#bottomContent .link{ background:url(index_41.jpg) no-repeat; text-align:left; padding-left:100px; width:851px;}

.header-content 
{
    background: url( header-background.jpg?v=1) no-repeat center 0px;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	line-height: 22px;
	position: relative;
    z-index: 1;
}
.header-content.home {
	height: 376px;
}

.home .header-content { background: #d54515 url( slider-gradient-bg.png) repeat-y 50% 0; }

/*.header-content-wrap {width: 940px; margin: 0 auto;}*/
.header-content img {float: left; margin: 0 0 0 15px;}
.header-content .text {width:470px; margin-left: 50%; *width:430px; }
.header-content .copy {font-size: 14px; line-height: 21px; padding-right: 15px;}
.header-content .button {width: 100% !important;}
.header-content .button a {padding-top: 7px; padding-bottom: 7px; font-size: 14px; display: inline-block;}

/*#slider .text {width: 417px;}*/

/*fix the button position for the slide*/
.header-content .button {float: none;}
.header-content .dimmed {background: #b05b1b; background: rgba(0, 0, 0, 0.4);
    -webkit-transition: none;  /* Saf3.2+, Chrome */
    -moz-transition: none;  /* FF4+ */
    -ms-transition: none;  /* IE10? */
    -o-transition: none;  /* Opera 10.5+ */
    transition: none;

}

.header-content .align-bottom {position: absolute; bottom: 0px;}

/* => Slider <= */
#slider-wrap
{
    background: url( header-background1.png?v=1) repeat-x 0% 0;
    height:376px; 
}

#slider 
{
    background: url( header-background2.png?v=1) repeat-x 0% 0;
    height:346px;
    padding-top: 30px;
}

/* => SLIDE PREV AND NEXT ARROWS <= */
.slider-prev,
.slider-next 
{
    text-indent:-9999px;
    width:38px;
    height:38px;
    background:url(" sprite.png") -263px -122px no-repeat;
    position:absolute;
    top:50%;
    margin-top:-19px;
    z-index:999;
    opacity:2;
    -webkit-transition: all 1s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 1s ease-out;  /* FF4+ */
    -ms-transition: all 1s ease-out;  /* IE10? */
    -o-transition: all 1s ease-out;  /* Opera 10.5+ */
    transition: all 1s ease-out;
		
		display: none
    }
.slider-prev{ left:12px; }
.slider-next 
{
    right:12px;
    background-position:-302px -122px;
}  
      
.slider-prev:hover,
.slider-next:hover
{
    opacity:1;
}


/* => SLIDER NAV o o o <= */    
.slider-nav 
{
    position:absolute;
    bottom:5px;
    left:50%;
    list-style:none;
    overflow:hidden;
    padding:2px;
    z-index:10;
		margin: 0;
}

.slider-nav li
{
    float:left;
    
}

.slider-nav li a
{
   display:block;
   width:8px;
   height:8px;
   overflow:hidden;
   padding:0px;
   margin:8px;
   background:url(" sprite.png") no-repeat -234px -144px;
   text-decoration:none;
   text-indent:-999px;
}

.slider-nav li a:hover,
.slider-nav li a.selected
{
    background-position:-225px -144px;
}

/* => HOLY SLIDES <= */

.slider section {display: none;}
.slider section.first {display: block;}

.slider-sections, .slider-sections section {width: 861px; height: 335px;}

.slider-sections {margin: 0 auto; position: relative;}
.slider-sections section {position: absolute; top: 0; left: 0px; }

.header-content h2 
{
	font:400 32px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
	color: #fff;
	margin: 0 0 26px;
}
.header-content p 
{
    margin: 0 0 30px;
}

.header-content .centered-content
{
	padding-top: 30px;
	padding-bottom: 10px;
}

.button {
	float: left;
	width: auto !important;
	list-style: none;
}
	.button a,
	.button button,
	.button input { /* Standard black button */
	  font-size: 15px;
	  /*font-family: 'lucida sans',arial,helvetica,sans-serif;*/
	  line-height: 18px;
		color: #fff !important;
		
	  text-decoration: none;
	    
	  padding: 5px 14px 6px 13px;
		display: block;
		width: auto;
		position: relative;
		z-index: 2;
   
	    border: none;
        -moz-border-radius: 3px;
		border-radius: 3px;
		cursor: pointer;
	
		background: #313131; /* Old browsers */
		background: -moz-linear-gradient(top, #313131 0%, #222222 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top, #313131 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #313131 0%,#222222 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #313131 0%,#222222 100%); /* IE10+ */
		background: linear-gradient(top, #313131 0%,#222222 100%); /* W3C */

		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all  1s ease;
	}
	
	
	.button a:hover,
	.button input:hover,
	.button button:hover,
	.button a:focus,
	.button input:focus,
	.button button:focus
	{
	  background: #464646; /* Old browsers */
		background: -moz-linear-gradient(top, #464646 0%, #393939 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top, #464646 0%,#393939 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #464646 0%,#393939 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #464646 0%,#393939 100%); /* IE10+ */
		background: linear-gradient(top, #464646 0%,#393939 100%); /* W3C */
    }
    
	header .header-content .button a,
	#content .button a:hover
	{
	    text-decoration: none;
    }

.header-content .beta-ribbons {
    position: absolute; 
    height: 120px;
    width: 85px;
    text-indent: -200px;
    overflow: hidden;
    background: url( kendo-ribbons.png) no-repeat 0 0;
}

.header-content .beta-ribbons.ribbon-1 {
    background-position: -170px 0;
    top: -3px;
    right: -145px;
}

.header-content p.copy .beta-ribbons.ribbon-1 {
    top: -135px;
    left: 900px;
}

.header-content .beta-ribbons.ribbon-4 {
    background-position: -255px 0;
    left: -62px;
    top: -30px;
    z-index: 10;
		text-indent: -2000px;
}
header {
	width: 100%;
	margin: 0 auto;
	position: relative; height:376px;
	color: #ffffff;
	background: url(08.jpg) repeat-x 0 0;
	overflow: hidden;
}

header .centered-content
{
    position: relative;
    z-index: 2;
}

header a {
	color: #2e2e2e;
}
header .header-content a {
	color: #fff;
	text-decoration: underline;
}
.topic212{ height:64px; line-height:60px;  text-align:center; background:url(23_06.jpg) no-repeat; font-size:16px; color:#fff; font-weight:bold; font-family:"Microsoft YaHei"; li}