html { overflow-x: hidden; overflow-y: auto; }
body{margin:0; padding:0; background:#8d1115; font:12px/25px "Î¢ÈíÑÅºÚ";}
.top{width:100%; height:147px; clear:both; margin:0 auto; background:url(../images/topbg.jpg) repeat-x left top;}
.title{width:1041px; margin:0 auto; clear:both; height:107px;}
.nav{width:1041px; margin:0 auto; clear:both; height:40px;}
.menu {	height: 41px; display: block; padding: 0px; width: 1036px;}

.menu ul {list-style: none; padding: 0; margin: 0;}

.menu ul li {
	/* width and height of the menu items */  
	float: left;
	overflow: hidden;
	position: relative;
	line-height: 40px;
	text-align: center;
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 148px;
			height: 40px;
			font-family: "Î¢ÈíÑÅºÚ", "ËÎÌå";
			font-size: 14px;
			text-decoration: none;
			cursor: pointer;
			color:#000;
}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 80px;
}

		.menu ul li a span.out {
			top: 0px;
}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -40px;
}

		/** 1st example **/

#menu1 {
	background-color: #313131;
	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#menu1 ul{list-style:none;}

#menu1 ul li a {
			color: #fff;
}

#menu1 ul li a span.over {
			color: #fff;
			text-decoration:none;
}

#menu1 ul li span.bg {
	/* height of the menu items */  
			height: 40px;
	background-image: url(../images/bg_over.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.cls {clear: both;}

.foot{width:100%; margin:0 auto; height:100px; clear:both; background:url(../images/footbg.jpg) repeat-x left top #f45b21;} 
.copy{width:1041px; height:100px; margin:0 auto; clear:both; text-align:center; font-size:12px; color:#FFFFFF; line-height:25px; }
.copy a{color:#fff; text-decoration:none;}
.copy a:hover{color:#fff; text-decoration:underline;}
.all{width:100%; height:auto; margin:0 auto; clear:both; text-align:center}
/*Òýµ¼Ò³*/
.ydbg{width:930px; margin:0 auto; margin-top:60px; height:470px; clear:both; background:url(../images/picbg.jpg) no-repeat;}
.enter{width:930px; margin:0 auto; clear:both; background:url(../images/enterbg.jpg) no-repeat; height:137px;}
.picbg{ width:920px; height:460px; margin:0 auto; padding-top:5px; clear:both;}
.jin{width:120px; height:30px; line-height:30px; margin:0 auto; padding-top:10px; clear:both; }
.ydbottom{width:930px; margin:0 auto; height:60px; clear:both; line-height:25px; text-align:center; padding-top:20px;}
.ydbottom a{color:#fff; text-decoration:none; outline:none;}
.ydbottom a:hover{color:#fff; text-decoration:underline; outline:none;}
.ydlogo{width:164px; margin:0 auto; height:58px; clear:both; padding-top:40px;}

/*¶þ¼¶Ò³*/
.aboutbg{width:100%; height:550px; margin:0 auto; clear:both; background:url(../images/about.jpg) no-repeat center;}
.probg{width:100%; height:550px; margin:0 auto; clear:both; background:url(../images/product.jpg) no-repeat top center;}
.whbg{width:100%; height:550px; margin:0 auto; clear:both; background:url(../images/about.jpg) no-repeat top center;}
.newbg{width:100%; height:550px; margin:0 auto; clear:both; background:url(../images/new.jpg) no-repeat top center;}
.dlbg{width:100%; height:550px; margin:0 auto; clear:both; background:url(../images/dlpp.jpg) no-repeat top center;}
.contactbg{width:100%; height:550px; margin:0 auto; clear:both; background:url(../images/contact.jpg) no-repeat top center;}
.kuang{width:1041px; height:550px; margin:0 auto; clear:both; text-align:center;}
.zhanwei19{height:19px; margin:0 auto; clear:both;}
.shang{width:1041px; height:45px; margin:0 auto; clear:both; background:url(../images/shang.jpg) no-repeat top center;}
.shang2{width:1041px; height:45px; margin:0 auto; clear:both; background:url(../images/2shang.jpg) no-repeat top center;}
.shang3{width:1041px; height:45px; margin:0 auto; clear:both; background:url(../images/3shang.jpg) no-repeat top center;}
.shang4{width:1041px; height:45px; margin:0 auto; clear:both; background:url(../images/4shang.jpg) no-repeat top center;}
.shang5{width:1041px; height:45px; margin:0 auto; clear:both; background:url(../images/5shang.jpg) no-repeat top center;}
.shang6{width:1041px; height:45px; margin:0 auto; clear:both; background:url(../images/6shang.jpg) no-repeat top center;}
.mbg{width:1041px; height:445px; margin:0 auto; clear:both; background:url(../images/1bg.jpg) no-repeat;}
.mbg2{width:1041px; height:445px; margin:0 auto; clear:both; background:url(../images/2bg.jpg) no-repeat top center;}
.mbg3{width:1041px; height:445px; margin:0 auto; clear:both; background:url(../images/3bg.jpg) no-repeat top center;}
.mbg4{width:1041px; height:445px; margin:0 auto; clear:both; background:url(../images/4bg.jpg) no-repeat top center;}
.mbg5{width:1041px; height:445px; margin:0 auto; clear:both; background:url(../images/5bg.jpg) no-repeat top center;}
.mbg6{width:1041px; height:445px; margin:0 auto; clear:both; background:url(../images/6bg.jpg) no-repeat top center;}
.xia{width:1041px; height:41px; margin:0 auto; clear:both;}
.weizhi{width:450px; height:35px; float:right; margin-right:40px; margin-top:10px; color:#fff; font:12px/35px "Î¢ÈíÑÅºÚ"; text-align:center;}
.cont{width:900px; margin:0 auto; clear:both; height:auto;}
.zhanwei{width:auto; height:20px; margin:0 auto; clear:both;}
.quyu{width:900px; margin:0 auto; clear:both; height:auto;}

/*¹ö¶¯Ìõ*/
.dumascroll {
	
}
.dumascroll_area {
	HEIGHT: 93%; OVERFLOW: hidden
}
.dumascroll_bar {
	BACKGROUND-IMAGE: url(../images/bar.gif)
}
.dumascroll_handle {
	BACKGROUND-IMAGE: url(../images/bar.gif)
}
.dumascroll_handle_a {
	BACKGROUND-IMAGE: url(../images/bar.gif)
}
.dumascroll_arrow_up {
	BACKGROUND-IMAGE: url(../images/bar.gif)
}
.dumascroll_arrow_up_a {
	BACKGROUND-IMAGE: url(../images/bar.gif)
}
.dumascroll_arrow_down {
	BACKGROUND-IMAGE: url(../images/bar.gif)
}
.dumascroll_arrow_down_a {
	BACKGROUND-IMAGE: url(../images/bar.gif)
}
.dumascroll_bar {
	Z-INDEX: 9; POSITION: absolute; WIDTH: 14px; BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -42px 0px; FLOAT: left; HEIGHT: 95%; TOP: 0px; CURSOR: hand; RIGHT: 0px; -moz-user-select: none; -khtml-user-select: none; user-select: none
}
.dumascroll_arrow_up {
	POSITION: absolute; LEFT: 0px
}
.dumascroll_arrow_up_a {
	POSITION: absolute; LEFT: 0px
}
.dumascroll_handle {
	POSITION: absolute; LEFT: 0px
}
.dumascroll_handle_a {
	POSITION: absolute; LEFT: 0px
}
.dumascroll_arrow_down {
	POSITION: absolute; LEFT: 0px
}
.dumascroll_arrow_down_a {
	POSITION: absolute; LEFT: 0px
}
.dumascroll_arrow_up {
	TEXT-ALIGN: center; WIDTH: 100%; HEIGHT: 10px; COLOR: #fff
}
.dumascroll_arrow_up_a {
	TEXT-ALIGN: center; WIDTH: 100%; HEIGHT: 10px; COLOR: #fff
}
.dumascroll_arrow_down {
	TEXT-ALIGN: center; WIDTH: 100%; HEIGHT: 10px; COLOR: #fff
}
.dumascroll_arrow_down_a {
	TEXT-ALIGN: center; WIDTH: 100%; HEIGHT: 10px; COLOR: #fff
}
.dumascroll_arrow_up {
	TOP: 0px
}
.dumascroll_arrow_up_a {
	TOP: 0px
}
.dumascroll_arrow_down {
	BOTTOM: 0px
}
.dumascroll_arrow_down_a {
	BOTTOM: 0px
}
.dumascroll_handle {
	WIDTH: 100%; BACKGROUND-REPEAT: repeat-y
}
.dumascroll_handle_a {
	WIDTH: 100%; BACKGROUND-REPEAT: repeat-y
}
.dumascroll_arrow_up {
	BACKGROUND-POSITION: 0px 0px
}
.dumascroll_arrow_up_a {
	BACKGROUND-POSITION: -14px 0px
}
.dumascroll_handle {
	BACKGROUND-POSITION: -28px 0px
}
.dumascroll_handle_a {
	BACKGROUND-POSITION: -56px 0px
}
.dumascroll_arrow_down {
	BACKGROUND-POSITION: -70px 0px
}
.dumascroll_arrow_down_a {
	BACKGROUND-POSITION: -84px 0px
}
.zi14_30 p{font:14px/30px "Î¢ÈíÑÅºÚ"; color:#eee; text-indent:2em; text-align:justify; padding:10px; width:870px;}

/*ÐÂÎÅ*/
.newlist{width:800px; margin:0 auto; clear:both; text-align:left; padding:0px 0px 2px 10px;}
.newlist li{width:100%; height:30px; background:url(../images/dote.gif) repeat-x bottom; color:#fff;}
.newlist li a{
    color: #fff;
    display: block;
	text-decoration:none;
	padding:0px 0px 2px 10px;
	height:30px; line-height:30px;
}

.newlist li span{
    float: right;/*Ê¹spanÔªËØ¸¡¶¯µ½ÓÒÃæ*/
    text-align: right;/*ÈÕÆÚÓÒ¶ÔÆë*/
	padding-right:10px;
}
.newlist li a:hover{
    color:#CC0000;
	text-decoration:none;
	height:30px; line-height:30px;
}
.fenye{width:800px; margin:0 auto; height:30px; line-height:30px; color:#fff; font:12px "Î¢ÈíÑÅºÚ"; clear:both; text-align:center; margin-top:15px;}
.fy{width:650px; margin:0 auto; height:30px; line-height:30px; color:#fff; font:12px "Î¢ÈíÑÅºÚ"; clear:both; text-align:center;}
.fy a{color:#fff; text-decoration:none;}
.fy a:hover{color:#fff; text-decoration:underline;}
/*´úÀíÆ·ÅÆ*/
.brand{width:900px; margin:0 auto; clear:both; text-align:center;}
.brand ul{list-style:none;}
.brand ul li{float:left; width:269px; height:150px; padding:15px 10px 10px 15px;}

/*·ÖÒ³*/

.fenye {
	PADDING: 3px; MARGIN: 3px; TEXT-ALIGN: center; font:12px/25px "Î¢ÈíÑÅºÚ"; color:#fff; width:900px;}
.fenye A {
	 MARGIN: 2px; COLOR: #fff; PADDING: 2px 5px; TEXT-DECORATION: none;}
.fenye A:hover {
	 COLOR:#FFFFCC;  text-decoration:underline;}
	 
/*ÁªÏµÎÒÃÇ*/
.lx{width:500px; height:auto; float:left; margin-top:20px; margin-left:10px; text-align:left; padding:0px 0px 15px 10px; color:#fff;}
.lx span{font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; line-height:25px; font-weight:bold;}

/*ÐÂÎÅÔÄ¶Á*/
.read{width:860px; margin:0 auto; clear:both; color:#fff;}
.line{width:745px; height:30px; margin: 0 auto; font:12px/25px "Î¢ÈíÑÅºÚ"; color:#eee; background:url(../images/dote.gif) repeat-x bottom center; text-align:center; clear:both; }
.biaoti{width:745px; height:25px; margin:0 auto; color:#fff;  clear:both; text-align:center; padding:5px 0px;}
.biaoti span{font-size:16px; text-align:center; font-weight:bolder; font-family:"Î¢ÈíÑÅºÚ" , "ËÎÌå";}
.nr{width:850px; margin:0 auto; clear:both; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; line-height:25px; color:#fff; text-align:center; padding:5px 10px 5px 10px;}
.nr p{text-indent:2em; text-align:justify; line-height:35px;}
.updown{width:850px; text-decoration:none; margin:0 auto; height:30px; clear:both; text-align:center; background:#eee; color:#333; font:12px/30px "Î¢ÈíÑÅºÚ";}
.updown a{color:#333; text-decoration:none;}
.updown a:hover{color:#CC0000; text-decoration:underline;}
/*´úÀíÆ·ÅÆ*/
.ppjs{width:850px; margin:0 auto; clear:both; height:auto;}
.lpic{width:400px; height:200px; float:left; border:1px solid #ccc;}
.rtxt{width:430px; height:auto; float:right; margin-right:20px; padding:10px; text-align:left; font:12px/25px "Î¢ÈíÑÅºÚ"; color:#fff;}
.rtxt span{font-size:16px; color:red; font-family:"Î¢ÈíÑÅºÚ" , "ËÎÌå"; font-weight:bolder; color:#eee;}
.rtxt p{text-indent:2em;}

/*²úÆ·ÁÐ±í*/
.left{width:204px; float:left; margin-left:5px; height:auto;}
.right{width:650px; position:absolute; right:15px; top:10px; z-index:9999; height:auto;}

/*²úÆ·Õ¹Ê¾*/
.pro{width:650px; margin:0 auto; clear:both; text-align:center;}
.pro ul{list-style:none;}
.pro ul li{float:left; width:200px; height:175px; padding:10px 5px 10px 5px;}
.probox{width:200px; height:175px; margin:0 auto; clear:both;}
.pic{ width:180px; height:125px; margin:0 auto; clear:both; margin-top:10px;}
.name{width:180px; height:30px; clear:both; margin:0 auto; color:#fff; font:12px/30px "Î¢ÈíÑÅºÚ"; text-align:center;}
.name a{color:#fff; text-decoration:none;}
.name a:hover{color:#CC6600; text-decoration:underline;}

#menu, ul#menu ul {width:204px; float:left; height:auto;}
#menu li {
  margin-top: 1px; width:204px; float:left; text-align:left;
  
}
#menu li a {
background:url(../images/pla.jpg) no-repeat; padding-left:30px; text-align:left; display:block; color: #f3861d;  height:41px; font:14px/41px "Î¢ÈíÑÅºÚ"; font-weight:bolder; text-decoration:none;
}

#menu li a:hover {
background:url(../images/plaa.jpg) no-repeat left; text-align:left; padding-left:30px; color: #f3861d; height:41px; font:14px/41px "Î¢ÈíÑÅºÚ"; font-weight:bolder; text-decoration:none;
}
#menu li ul li{width:202px; float:left; text-align:left; font:12px/41px "Î¢ÈíÑÅºÚ";}
#menu li ul li a{border-left:5px solid #f4671f; background:#fff; display:block; text-align:left; text-decoration:none; font:12px/41px "Î¢ÈíÑÅºÚ";}
#menu li ul li a:hover{text-decoration:none; display:block; background:#ffebc7; border-left:5px solid #f4671f; font:12px/41px "Î¢ÈíÑÅºÚ"; color:#f3861d;}
