/* CSS Document */

.left{ float:left; width:300px;}
.center{
	float:left;
	width:430px;
	margin-left: 10px;
}
.right{float:right; width:268px;}
.lmleftbox{float:left; width:268px;}

#shop{ float:left; background:url(box_01.gif) no-repeat; width:225px; height:280px;}
#shop ul{ float:left; margin:50px 0 0 5px; display:inline}
#shop li{ float:left; width:55px; text-align:center; display:inline; overflow:hidden; margin:8px}
#shop li a{ font-size:12px; color:#333; font-weight:bold}
#shop li a:hover{ color:#c00}

#project{ float:left; background:url(box_02.gif) no-repeat; width:224px; height:252px; margin-top:7px; overflow:hidden}
#project .more{ float:right; margin:10px; display:inline}
#project ul{ float:left; width:100%; margin-top:5px}
#project li{ float:left; width:200px; height:50px; background:url(xs_09.gif) repeat-x; margin:10px; display:inline; line-height:25px; font-size:12px; color:#979898}
#project li img{ float:left}
#project li a{color:#fe944d; font-weight:bold}
#project li a:hover{ color:#f00;}

#headlines{ float:left; width:100%; height:230px; overflow:hidden}
#headlines .title{ background:#0082D7; width:100%; height:31px; float:left; color:#fff; line-height:31px;}
#headlines .title h1{ font-family:"ºÚÌå"; font-size:16px; float:left; margin-left:10px}
#headlines .title .date{ float:right; font-size:12px; margin-right:10px}
#headlines .txt{
	border:1px solid #a3d6fd;
	width:99.5%;
	height:auto;
	float:left;
	margin-top:7px;
	background-color: #eaf6ff;
}
#headlines .txt h2 a{ float:left; text-align:center; width:100%; font-family:"ºÚÌå"; font-size:18px; color:#333; line-height:200%}
#headlines .txt h2 a:hover{ color:#f90;	text-decoration: underline;}
#headlines .txt p{ float:left; padding:0 20px; font-size:12px; color:#333; text-indent:2em;}
#headlines .txt p a{ color:#FF0000}
#headlines .txt p a:hover{ color:#f90}
#headlines ul{ float:left; margin-top:10px; width:100%}
#headlines li{ float:left; width:100%; font-size:14px; line-height:170%}
#headlines li .lb a{ color:#0082D7; text-indent:5px; float:left}
#headlines li .lb a:hover{ color:#f90; text-decoration: underline;}
#headlines li .tit a{ float:left; color:#333; text-indent:5px;}
#headlines li .tit a:hover{color:#f90;}
#headlines li .time{ float:right; color:#999; margin-right:5px}

#market{ float:left; width:432px; height:250px; border:#bebebe solid 1px; margin-top:10px}
#market .title{ float:left; width:100%; height:31px; overflow:hidden; background:url(xs_10.gif) repeat-x; border-bottom:#bebebe solid 1px;}
#market .title .tit{ float:left; width:102px; height:31px; background:url(title_01.jpg) no-repeat; text-align:center; display:inline; margin-left:15px;}
#market .title .tit a{ font-size:14px; font-weight:bold; color:#fff; line-height:31px;}
#market .title .tit a:hover{ color:#FFCC00;}
#market .title .more a{ float:right; font-size:12px; color:#0082D7; line-height:31px; display:inline; margin-right:10px}
#market .title .more a:hover{ color:#f90}
#market ul{ float:left; width:98%; margin-top:10px}
#market li{ float:left; width:100%; text-align:right; color:#0082D7; font-size:12px; line-height:25px}
#market li a{ float:left; color:#333; text-indent:10px}
#market li a:hover{ color:#f90}

.whitetit{
	float:left;
	width:266px;
	height:30px;
	line-height:32px;
	overflow:hidden;
	background-image: url(menugif.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #d9d9d9;
	border-right-color: #d9d9d9;
	border-left-color: #d9d9d9;
}
.whitetit .tit a{ float:left; font-size:14px; font-weight:bold; color:#FFFFFF; display:inline; text-indent:10px}
.whitetit .tit a:hover{ color:#0082d7;}
.whitetit .more a{
	float:right;
	color:#999;
	font-size:12px;
	display:inline;
	margin-right:10px;
	font-family: Arial;
}
.whitetit .more a:hover{ color:#0082d7}
.whitebox{
	float:left;
	width:266px;
	border:#d9d9d9 solid 1px;
	overflow:hidden;
	height: 200px;
}
.whitebox .tj,.whitebox .list01{ float:left; background:url(xs_13.gif) repeat-x left bottom; padding:10px;display:inline; margin-left:3px}
.whitebox .tj img{ border:#d9d9d9 solid 1px; float:left; width:88px; height:60px;}
.whitebox .tj .txt{ float:right; width:140px; color:#999; font-size:12px; line-height:170%}
.whitebox .list01{ background:none; line-height:1}
.whitebox .li01 a{ float:left; font-size:12px; color:#333333; width:200px; height:24px; display:inline; }
.whitebox .li01 a:hover{ color:#f90}
.whitebox .list02{ padding:10px}
.whitebox .li02{ text-align:left; width:240px; color:#333333; font-size:12px; line-height:30px}
.whitebox .li02 a{ float:right; background:url(xs_14.gif) no-repeat 0 14px; color:#0082D7; text-indent:15px;}
.whitebox .li02 a:hover{ color:#f90}

#quote{ float:left; background:url(xs_15.gif) repeat-y; width:224px; overflow:hidden;}
#quote img{ float:left}
#quote ul{ float:left; margin:10px; display:inline; width:203px;}
#quote li{ float:left; background:url(xs_17.gif) repeat-x left bottom; height:30px; color:#c90029; font-size:12px; line-height:30px; text-align:right; width:182px; padding:0 10px}
#quote li a{ float:left;}
#quote li a:hover{ color:#f90}
#quote .red{ background-color:#fdf3f5}

#product{
	float:left;
	width:100%;
	background-color:#f1f1f1;
	border-top:#0082D7 solid 1px;
	height:483px;
	padding-top: 3px;
}
#product .title{ width:100%; height:36px; float:left; background:url(xs_18.gif) repeat-x 0 bottom; overflow:hidden}
#product .title img{ float:left}
#product .title .more a{
	float:left;
	color:#0082D7;
	font-size:12px;
	float:right;
	display:inline;
	line-height:30px;
	font-family: Arial, Helvetica, sans-serif;
}
#product .title .more a:hover{ color:#fc0}
#product .box{ background-color:#fff; border:#d7d7d7 solid 1px; float:left; width:99.5%; height:207px; margin-top:10px}
#product ul{ line-height:1; float:left; margin-left:10px; display:inline}
#product .pro { width:96px; height:78px; float:left; display:inline; overflow:hidden; border:#e5e5e5 solid 1px; text-align:center; margin:10px 12px 0 }
#product .pro a{ color:#333; font-size:12px; }
#product .pro a:hover{ color:#f90}
#product .jy{ float:left; text-align:right; font-size:12px; color:#666666; width:394px; line-height:25px}
#product .jy a{ float:left; color:#333;}
#product .jy a:hover{ color:#f90;}

#newpro{ float:left; width:266px; background-color:#fffdf6; }
#newpro .title01{ float:left; width:264px; height:34px; background:url(title_06.jpg) no-repeat; display:inline; margin:1px 0 0 1px;}
#newpro .more{ float:right; margin:0px 5px 0 0}
#newpro .pro{
	float:left;
	margin:1px;
	height:208px;
	display:inline;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border: 1px solid #d9d9d9;
	width: 245px;
}
#newpro .pro .li01{ float:left; background:url(xs_19.gif) repeat-x left bottom; width:100%; height:57px; margin-top:12px; color:#979898; font-size:12px; line-height:180%}
#newpro .pro .li01 img{ padding:1px; border:1px solid #0082D7; background-color:#fff; float:left; width:53px; height:43px; display:inline; margin-right:10px;}
#newpro .pro .li01 a{font-weight:bold;}
#newpro .pro .li01 a:hover{ color:#f00;}
#newpro .title02{ float:left; width:100%; height:33px; background:url(title_07.jpg) no-repeat;}
#newpro .top{ float:left; width:230px; padding:0 18px;}
#newpro .top .li02{ float:left; height:30px; width:230px; font-size:12px; line-height:30px; background:url(xs_19.gif) repeat-x left bottom;}
#newpro .top .li02 a{ color:#333}
#newpro .top .li02 a:hover{ color:#f90}

.bj{ float:left; width:1012px;border:4px solid #0082D7}
.show01{ background:url(bj_02.jpg) no-repeat; float:left; width:230px; height:206px}
#recom{ float:left; display:inline; margin:85px 0 0 10px;}
#recom li{ line-height:24px; width:100%; float:left}
#recom li a{ float:left; font-size:12px; color:#333;}
#recom li a:hover{ color:#f90}
.show02{ float:left; width:100%;}
#tope{ float:left; display:inline; margin:5px 0 0 10px}
#tope li{ line-height:24px; border-bottom:#d8d8d8 solid 1px; background:url(xs_14.gif) no-repeat 0 8px; font-size:12px; text-indent:10px; width:190px; float:left}
#tope li a{ color:#333;}
#tope li a:hover{ color:#f90;}
.show03{ float:left;background:url(bj_04.jpg) no-repeat right bottom; border-bottom:#dfdfdf solid 1px; border-right:#dfdfdf solid 1px; display:inline; margin:0 5px}
.title03{ float:left; width:100%;}
.title03 img{ float:left}
.title03 .more a{ padding:1px 5px; background-color:#0082D7; font-size:12px; color:#fff; float:right; margin:10px;}
.title03 .more a:hover{ color:#FFCC00}
#net{ float:left; margin-top:10px}
#net li{ float:left; font-size:12px; width:100%; line-height:24px}
#net li a{ color:#333}
#net li a:hover{ color:#f90}
#merc{ float:left; width:400px; height:200px; display:inline; margin:15px;}
#merc ul{ float:left; margin-top:15px}
#merc li{ float:left; width:116px; color:#999; font-size:12px; line-height:170%; display:inline; margin:0 8px;}
#merc li img{ width:111px; height:69px; float:left; padding:1px; border:#d4d4d4 solid 1px;}
#merc li a{ color:#d01037; font-weight:bold;}
#merc li a:hover{ color:#f90}
#member{ float:left; width:240px; display:inline; margin-left:8px; border-top:#dedede solid 1px; margin-top:2px}
#member li{ float:left; width:100%; line-height:26px; border-bottom:#dedede solid 1px; font-size:12px;}
#member li span{ color:#fff; background-color:#2ebfda; margin:0 5px; padding:0 3px}
#member li a{ color:#333}
#member li a:hover{ color:#f90}
#join{ float:left; display:inline; margin-left:10px; margin-top:10px}
#join li{ float:left; font-size:12px; color:#333; width:222px; margin:13px 0;}
#join li img{ float:left; width:67px; height:55px; margin-right:13px}
#join li a{ color:#d01037; font-weight:bold;}
#join li a:hover{ color:#f90}

.webbox {
	height: auto;
	width: 100%;
	margin:0 auto;
}
.wrapper {
	width:742px;
	height: auto;
    float:left;
	overflow: hidden;
}

#focus {width:100%; height:230px; overflow:hidden; position:relative;}
#focus ul {height:230px; position:absolute;}
#focus ul li {float:left; width:742px; height:230px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:675px; height:20px; left:0; bottom:0;}
#focus .btn {
	position:absolute;
	width:auto;
	height:10px;
	right:0;
	bottom:0;
	text-align:right;
	padding-top: 5px;
	padding-right: 270px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#focus .btn span {
	display:inline-block;
	_display:inline;
	_zoom:1;
	width:25px;
	height:10px;
	_font-size:0;
	margin-left:5px;
	cursor:pointer;
	background-color: #;
}
#focus .btn span.on {background:#fff;}
#focus .preNext {
	width:45px;
	height:120px;
	position:absolute;
	top:50px;
	cursor:pointer;
	background-image: url(sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

/*ËÑË÷*/
.sobox {
	float: left;
	height: 27px;
	width: auto;
	margin-top: 22px;
	display: inline;
	margin-left: 90px;
}
.sotxtbox {
	float: left;
	height: 27px;
	width: 163px;
	margin-top: 0px;
	margin-left: 0px;
}
#search{
	display: inline;
	float: right;
	height: 27px;
	width: 216px;
	margin-top: 22px;
	background-image: url(search_bj.jpg);
	background-repeat: no-repeat;
	margin-right: 0px;
}
#search input{
	padding: 0px;
	float: left;
	margin-top: 2px;
	margin-left: 10px;
	border-width: 0px;
	font-size: 12px;
	color: #333333;
}

/*Ò³½Åµ¼º½*/
.9box{
	width:225px;
	height:280px;
	overflow:hidden;
	float:left;
	display: inline;
}
#newfooter{
	background:#FFF;
	position:absolute;
	height:30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0082D7;
}
#newfooter-content{width:100%;}
#toolbar{height:100%;list-style:none;margin:0 auto;display:block;width:225px;}
#toolbar li{float:left;display:block;width:71px;line-height:33px;text-align:center;}
.inactive{display:block;width:71px;height:40px;float:left;line-height:50px;text-align:center;cursor:pointer;font-size:14px;}
.inactive a{font-size:14px;color:#333333;text-decoration:none;}
#newfooter .active{color:#4998fa;display:block;width:71px;float:left;line-height:33px;text-align:center;cursor:pointer;}
#newfooter .active a{
	font-size:14px;
	color:#0082D7;
	text-decoration:none;
	font-weight: bold;
}
img{border:none;}
#newfooter li a{display:block;width:71px;height:30px;}

/*1*/
.page1{margin:0 auto;height:100%}
.page1 .newcontent{width:auto;}
.bt a {
	color: #333333;
	text-decoration: none;
}
.bt a:hover{
	color: #FF3300;
	text-decoration: none;
}

.page1 ul li{list-style:none;width:220px;height:200px;display:block;float:left;font-size:12px;}
.tu a:hover{background:url(hover.jpg) no-repeat;}
.page1 ul{display:block;width:225px;}
.page1 .tu{width:220px;margin:0 auto;}
.tu a{display:block;width:55px;height:55px;}
.page1 .bt{width:auto;text-align:center;color:#0063dc;height:21px;line-height:21px;font-size:12px;font-family:"ËÎÌå";}

/*2*/
.page2{width:225px;height:100%;margin:0 auto;}
.page2 .newcontent{
	width:225px;
	height:243px;
	position:relative;
}
.page2 .mask{background:#000;position:absolute;left:0;top:0;}

/*3*/
.page3{height:100%;margin:0 auto;}
.page3 .newcontent{position:relative;}
.page3 .mask{position:absolute;left:0;top:0;width:225px;height:78px;}

/*4*/
#frame {float:left; margin-top:0px;overflow: hidden;position:absolute;}
#scroller {
	width: 225px;
	overflow: hidden;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#boxcontent {width: 6144px;}
.section {float: left;height: 100%;}


.fnt_pl{font-size:12px;color:#999;}
.fnt_a{font-size:14px;color:#c00;font-weight:bold;}
.fnt_b{color:#939393;text-decoration:line-through;}
.fnt_c{color:#CA1818;font-size:14px;}
.floor_body .f-r-t span{
	border-right:1px solid #D5D5D5;
	height:36px;
	display:block;
	float:left;
	text-align:center;
	background-position:0 -267px;
	background-repeat:repeat-x;
	overflow:hidden;
	font-family: "΢ÈíÑźÚ", "ËÎÌå";
	font-size: 14px;
	line-height: 39px;
	font-weight: bold;
}
.floor_body .f-r-t{ height:40px; overflow:hidden;}
.floor_body .f-r-t .hover{ background-color:#003366; background:none;  border-bottom:0;}
.floor_body .f-r-t .first{ width:143px;border-right:0;}
.floor_body .f-r-t .n{ width:140.2px;}
.floor_body .f-r-c .pitem{ float:left; margin:0 auto; height:225px; width:132px; padding-left:8.2px; background-color:#FFF;}
.floor_body .f-r-c .pList{display:none; float:left;}
.floor_body .f-r-c .hover{display:block; float:left;}
.floor_body .f-r-c .pr{ border-right:1px solid #eee;}
.floor_body .f-r-c .pb{ border-bottom:1px solid #eee;}
a:link,a:visited{
	text-decoration: none;
	color: #181818;
}
a:hover{   color:#F09B13; text-decoration: none;}
a:active{  color: #900;}
img{border:none;}
.menu_top,.floor_body .f-r-b,.floor_body .f-r-t span{
	background-image:url(bg1.png);
	background-repeat: repeat-x;
}
.floor_body .f-r-t a:link,.floor_body .f-r-t a:visited{color:#1111111;}
.floor_body .f-r-t a:hover,.floor_body .f-r-t a:active,.menu_top  a:hover,.menu_top  a:active{ text-decoration:none;}
.floor_menu_body{padding: 0px 5px 0px 7px; height:435px; float:left; width:213px;}
.floor_menu{width:227px;}
.floor_body{
	width:708px;
	height:500px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D5D5D5;
	border-bottom-color: #D5D5D5;
	border-left-color: #D5D5D5;
	float: left;
}
.floor_menu_body ul,.floor_menu_body li{ float:left; }
.floor_menu_body ul{ padding:7px; }
.floor_menu_body li{ width:98px; line-height:23px;}
.floor .floor_menu_body{
	background-repeat:no-repeat;
	background-position: center bottom;
	border:1px solid #F89600;
}
.floor .pitem a:hover img{filter:alpha(opacity=90);-moz-opacity:0.8; -khtml-opacity: 0.8;opacity: 0.8;}
#floor1 .floor_menu_body{background-image:url(images/bg-floor1.gif);}
.menu_top{ background-position:0 -181px;}
.f-r-b{ width:100%; height:3px; background-position:0 -186px; overflow:hidden;}