@charset "utf-8";
/* CSS Document */

body,ul,li,a,h1,h2,h3,p,img,form{ padding:0px; margin:0px; list-style:none; text-decoration:none; font-size:12px; border:none; color:#666}
.header_bg{ background:url(../images/top_bg.jpg) no-repeat center #27292b; height:94px;}
.width{ width:1200px; margin:auto; position:relative}
.cl{ clear:both}
.web_title{ position:absolute; left:0px; top:0px; z-index:99999}
.nav{ float:right; width:1000px}
.nav ul li{ float:left; padding-left:22px; padding-right:22px; font-weight:600; line-height:94px; font-size:14px}
.nav ul a li{ color:#FFF}
#bg1:hover{ background:#af61e1}
#bg2:hover{ background:#a06be1}
#bg3:hover{ background:#9672e2}
#bg4:hover{ background:#7f80e2}
#bg5:hover{ background:#688fe3}
#bg6:hover{ background:#509ee3}
#bg7:hover{ background:#36aee3}
#bg8:hover{ background:#0cc9e5}
header {
	width: 100%;
	margin: 0 auto;
	position: relative;
	color: #ffffff;
	/* background: url(images/layout/bg-header.png) repeat-x 0 0; */
	background:#efefef;
	overflow: hidden;
}

header .centered-content
{
    position: relative;
    z-index: 2;
}

header a {
	color: #2e2e2e;
}
header .header-content a {
	color: #fff;
	text-decoration: underline;
}

/* Header text */

.header-content 
{
    background: url(../images/header-background.jpg?v=1) center;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	line-height: 22px;
	position: relative;
    z-index: 1;
	-webkit-box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
	box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
}
.header-content.home {
	height: 405px;
}

.home .header-content { background: #d54515 url(../images/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 .text h2{ letter-spacing:3px; font-family:微软雅黑; line-height:50px}
.header-content .text h2 span{ color:#b061e1; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px}
.header-content .copy { line-height: 21px; padding-right: 15px; font-size:16px; font-weight:600; color:#000}
.header-content .desc { line-height: 21px; padding-right: 15px; font-size:16px; font-weight:600; color:#FFF}
.header-content .button {width: 100% !important;}
.header-content .button a {padding-top: 7px; padding-bottom: 7px; font-size: 14px; display: inline-block; background:#aa65e1}
.header_content .button a:hover{ background:#aa65e1}
/*#slider .text {width: 417px;}*/

/*fix the button position for the slide*/
.header-content .button {float: none;}
.header-content .dimmed {background: #aa65e1; 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(../images/header-background1.png?v=1) repeat-x 0% 0;
    height:365px; 
}

#slider 
{
    background: url(../images/header-background2.png?v=1) repeat-x 0% 0;
    height:340px;
    padding-top: 30px;
}

/* => SLIDE PREV AND NEXT ARROWS <= */
.news_list table span{ color:#FF0000}
.slider-prev,
.slider-next 
{
    text-indent:-9999px;
    width:38px;
    height:38px;
    background:url("../images/sprite.png") -263px -122px no-repeat;
    position:absolute;
    top:50%;
    margin-top:-19px;
    z-index:999;
    opacity:.5;
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10? */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s 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("../images/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: 900px;
	height: 340px;
}

.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: -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 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s 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(../images/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;
}
.mid{ width:1200px; margin:auto; padding-top:20px; padding-bottom:20px; clear:both}
.ywfw{ padding-top:20px;}
.ywfw ul li{ float:left; padding-left:123px; padding-right:123px; width:154px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#999;}
.ywfw ul li p{ display:none}
.ywfw ul li h3{ font-family:微软雅黑; color:#333; font-size:18px; line-height:30px;}
.ywfw ul li:hover h3{ display:none;}
.ywfw ul li:hover p{ display:block}
.title_img{ padding-top:20px; padding-bottom:20px; clear:both}
.news{}
.news ul li{ float:left; }
.news ul li .border1{ border:#CCC solid 1px; width:560px; padding:10px;}
.news ul li ul li{ border-bottom:#CCC dashed 1px; line-height:28px; padding:0px; float:none}
.news ul li ul{ padding:3px;}
.news ul li ul li span{ float:right;}
.news ul li ul li:hover a{ color:#0CF}
.dlcp{ height:280px;}
.dlcp ul li{ float:left; width:246px; height:246px; padding-left:25px; padding-right:25px;}
.dlcp ul li .bgsize{ position:relative;}
.hsbg{ position:absolute; left:0px; top:0px; background:url(../images/bgss_g1s.png) no-repeat; width:246px; height:156px; padding-top:90px; text-align:center}
.hsbg h3{ color:#FFF; font-weight:600; font-size:16px; height:30px;}
.about_bg{ background:#25272a; clear:both; border-bottom:#000 dotted 1px;}
.about_us{ width:1200px; margin:auto; padding-top:25px; padding-bottom:25px;}
.about_us ul li{ float:left;  width:353px; padding:20px; border-right:#FFF dotted 1px}
.about_us ul li h2{ color:#9a9a9a; font-size:24px; font-family:微软雅黑; letter-spacing:2px;}
.about_us ul li h3{ color:#414141; font-size:18px; line-height:30px; font-family:"Arial Black", Gadget, sans-serif}
.about_us ul li .desc{ text-indent:24px; line-height:24px;}
.about_us ul li .desc a{ color:#0ec7e5}
.footer{ background:#25272a; clear:both; border-top:#333 dotted 1px;}
.findlink{ width:1200px; margin:auto; line-height:35px; border-bottom:#666 dotted 1px;}
.findlink a:hover{ color:#0ec7e5}
.info{ padding-top:15px; padding-bottom:25px; line-height:30px; text-align:center}
.news_title{ position:relative}
.titles{ position:absolute; bottom:0px; left:0px; height:48px; background:url(../images/b_tmbg.png) repeat; line-height:48px; padding-left:20px; padding-right:20px; width:525px; font-size:18px; font-family:微软雅黑; color:#333; font-weight:800}
.titles a{ float:right; color:#333}
.dqwz{ text-align:right; padding-right:15px; line-height:30px; height:30px;}
.about_title{ background:url(../images/bg_r2_c4.jpg) repeat-x top;}
.tit{ width:250px; float:left; height:64px; background:url(../images/title_r2_c2.jpg) no-repeat; text-align:center; line-height:36px; font-size:18px; color:#FFF; padding-right:60px; font-family:微软雅黑; font-weight:600}
.cate{ float:left;}
.cate ul li{ float:left; line-height:64px;font-size:16px; font-weight:800; padding-left:25px; padding-right:25px;}
.cont_top{ background:url(../images/top_r5_c2.jpg) no-repeat top; width:1200px; height:17px}
.cont_bot{ background:url(../images/bottom_r7_c2.jpg) no-repeat bottom; width:1200px; height:17px;}
.center{ background:#EFEFEF; padding:20px; line-height:26px;}
.cp_list{ background:#EFEFEF;}
.cp_list ul li{ float:left; padding:0px 28px 0px 28px;}

.cont_news{ background:#EFEFEF;}
#lantern_slide {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 8px 0px; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; WIDTH: 302px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; 
}

#bimg {
	FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); OVERFLOW: hidden; 
}
#info {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 26px; TEXT-ALIGN: center
}
.lkff A {
	COLOR: #fff; TEXT-DECORATION: none
}
.lkff A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
#simg {
	PADDING-LEFT: 9px
}
#simg DIV {
	FONT-SIZE: 12px; BACKGROUND: #d6d6d6; FLOAT: left; WIDTH: 18px; CURSOR: pointer; COLOR: #fff; LINE-HEIGHT: 18px; MARGIN-RIGHT: 1px; HEIGHT: 18px; TEXT-ALIGN: center
}
#simg .f1 {
	BACKGROUND: #6f6f6f
}
.dis {
	DISPLAY: block
}
.undis {
	DISPLAY: none
}
.lkff {
	WIDTH: 180px
}

#font_hd {
	MARGIN-TOP: 3px; BACKGROUND: #343434; WIDTH: 100%; HEIGHT: 41px
}
#font_hd TD {
	OVERFLOW: hidden; HEIGHT: 25px
}
.pic {
	OVERFLOW: hidden
}
.pic .dis A {
	DISPLAY: block; VERTICAL-ALIGN: middle; OVERFLOW: hidden; WIDTH: 300px; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.pic .dis A IMG {
	MAX-WIDTH: 300px; VERTICAL-ALIGN: middle; }
#font_hd TD A {
	FONT-SIZE: 12px; WIDTH: 180px; LINE-HEIGHT: 25px; HEIGHT: 25px
}
.news_gj{ float:left; padding-left:25px; width:300px; padding-right:25px;}
.tj_title{ font-weight:600; line-height:36px; border-bottom:#CCC  dashed 1px;}
.tj_title span{ float:right;}
.tj_title a:hover{ color:#F63}
.tj_desc{ text-indent:24px; line-height:24px; padding:5px;}
.tj_desc a{ color:#f10b0b; float:right}
.news_list{ float:left; padding-left:20px; border-left:#CCC dashed 1px}
.news_list ul li{ line-height:30px; border-bottom:#CCC dashed 1px; width:790px; background:url(../images/gs_r2_c2.jpg) no-repeat left; padding-left:20px;}
.news_list ul li span{ float:right}
.news_list ul li:hover a{ color:#F21212}
.pages{ text-align:center; line-height:30px; clear:both}
.center h2{ text-align:center; font-size:24px; color:#aa65e1; padding-bottom:20px;}
.gg{ background:url(../images/tmbg1.png) repeat; height:40px; width:100%; line-height:40px;}
.gg a:hover{ color:#8E64B9}
.search{ float:left; background:url(../images/text_r1_c1.png) no-repeat; width:275px; height:34px; border:none; margin-top:2px; line-height:34px; color:#999}
.submit{ float:left; height:34px; width:41px; border:none; background:url(../images/submit_r1_c2.png) right; margin-top:2px;}
.sear{ float:right; padding-right:15px; padding-top:1px;}
.ydtitle{ text-align:center; line-height:60px; font-size:22px; font-weight:600; color:#AE44C1}
.fl1{ padding-top:20px; padding-bottom:20px;}
.fl1 li a h2{ text-align:center; font-size:30px; font-weight:600; font-family:'微软雅黑'}
.fl1_img{ position:relative}
.more_p{text-align:right; list-style:none; font-family:Arial, Helvetica, sans-serif; width:300px; background:#FFFFFF; padding-left:20px; padding-right:20px; line-height:24px; padding-bottom:5px;}
.fl1_title{ position:absolute; left:150px; top:80px;}
.cate2_list li{ width:340px;margin-top:20px;}
.cate2_list li ul li a:hover{ color:#f21e1e}
.cate2_list li h3{ background:url(../images/bg_zs.jpg) no-repeat; width:310px; height:38px; line-height:38px; padding-left:30px; font-size:14px; color:#FFFFFF}
.cate2_list li ul{ background:#FFFFFF; height:140px; padding-left:20px; padding-right:20px; padding-top:10px;}
.cate2_list li ul li{ line-height:26px; border-bottom:#CCCCCC dotted 1px; list-style:circle inside; padding:0px; margin:0px; float:none; width:300px;}
.list_prod{ padding-left:40px; padding-right:40px; background:#EFEFEF}
.list_prod ul li{ float:none; padding-top:15px; padding-bottom:15px; border-bottom:#CCCCCC dashed 1px;}
.pc_imgs{ float:left;}
.pc_imgs img{ padding:2px; border:#CCCCCC solid 1px;}
.pc_infos{ float:right; width:860px; line-height:26px;}
.pc_infos h2{ line-height:40px;}
.pc_infos h2 a:hover{ color:#FF0000}


.rollBox{width:1200px;overflow:hidden;padding:12px 0 5px 6px; position:relative}
.rollBox .LeftBotton{height:48px;width:41px;background:url(../images/left.png) no-repeat;overflow:hidden;display:inline;cursor:pointer; position:absolute; left:8px; top:105px;}
.rollBox .RightBotton{height:48px;width:41px;background:url(../images/right.png) no-repeat;overflow:hidden; position:absolute; left:1180px;display:inline;cursor:pointer; top:105px;}
.rollBox .Cont{width:1145px;overflow:hidden;float:left; margin-left:20px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:229px;float:left;text-align:center;}
.rollBox .Cont .pic img{display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050; background:url(../images/tmbg2.png) right; width:222px; margin:auto; color:#FFF}
.rollBox .Cont .pic p a{ color:#FFF; font-weight:800}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}