/* CSS Document */

*{ margin:0; padding:0;}
img{ border:none;}
ul,ol{ list-style:none;}
em,i{ font-style:normal;}

a{ color:#f11900; text-decoration:none;}
a:hover{ text-decoration:underline;}

body{ line-height:20px; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(../images/header_bg.gif) repeat-x;}

.wrapper{ width:870px; overflow:hidden; margin:0 auto;}

/*  */
.header{ width:870px; overflow:hidden; margin-bottom:12px;}
.top{ width:100%; text-align:right; color:#ffa200; margin-top:12px;}
.top a{ color:#ffa200; margin:0 6px;}
.logo{ width:100%; text-align:center; margin-bottom:15px;}
.nav{ width:100%; text-align:center; font-size:13px; color:#fff; overflow:hidden;}
.nav a{ color:#fff; font-size:14px; font-weight:bold; margin:0 15px;}
.nav a:hover{ color:#ffa200;}

/*  */
.banner{ width:870px; height:220px; padding-bottom:12px; background:#fff url(../images/loading.gif) no-repeat center; overflow:hidden;}
.banner img{ float:left;}

/* left */
.left{ float:left; display:inline; width:230px; overflow:hidden;}
.left h3{ width:100%; height:24px; font-size:13px; background:url(../images/title_bg1.gif) repeat-x center; overflow:hidden;}
.left h3 b{ float:left; display:inline; color:#f11900; background:#fff; padding:0 10px; margin:0 0 0 10px;}
.left h3 b i{ color:#111; margin-left:2px;}

.hot{ width:228px; height:228px; border:1px #ddd solid; overflow:hidden; margin:6px auto 10px auto;}
/*  */
#SlidePlayer{ position:relative; width:228px; height:228px; margin:0 auto;}
.Slides{ width:228px; height: 228px;overflow: hidden;}
.Slides li{ float: left;width: 228px;height:228px;}
.Slides img{ display: block;width: 228px;height: 228px;}
.SlideTriggers{ position:absolute; bottom:6px; right:5px; z-index:10;}
.SlideTriggers li{
	float: left;
	display: inline;
	color: #fff;
	text-align: center;
	line-height:18px;
	width: 18px;
	height: 18px;
	font-size:14px;
	cursor: pointer;
	overflow: hidden; 
	margin:2px 3px 0 3px;
	background:#000
}
.SlideTriggers li.Current{ 
	color:#fff; 
	background:#f00;
	font-weight:bold;
	line-height: 20px;
	height: 20px;
	width: 20px;
	text-align: center;
	margin:0 3px; 
}
.title_bg{ 
     position:absolute; 
	 bottom:0; 
	 left:0; 
	 width:100%; 
	 height:30px; 
	 background:#000; 
	 filter:alpha(opacity=60);
     -moz-opacity:0.6;
     opacity:0.6;
}

.h_contact{ width:100%; line-height:21px; font-size:13px; overflow:hidden; margin-bottom:10px;}
 
/* right */
.right{ float:right; display:inline; width:620px; overflow:hidden;}
.right h3{ width:100%; height:28px; line-height:27px; font-size:13px; background:url(../images/title_bg2.gif) repeat-x 0 bottom; overflow:hidden;}
.right h3 b{ float:left; display:inline; color:#f11900; padding:0 30px 0 18px; border-bottom:1px #f00 solid; background:url(../images/jt1.gif) no-repeat 5px center;}
.right h3 b i{ color:#111; margin-left:2px;}
.more{ float:right; display:inline; line-height:normal; font-size:12px; margin:9px 6px 0 0;}

.company{ width:620px; line-height:24px; font-size:13px; color:#444; overflow:hidden; margin:10px 0 10px 0;}
.company p{ text-indent:27px;}
.company img{ float:right; display:inline; margin:4px 5px 0 5px;}

.product{ width:620px; overflow:hidden; margin:0 0 10px 0;}
.product a{ float:left; display:inline; width:142px; line-height:24px; text-align:center; background:#fff; margin:13px 7px 0 6px;}
.product a img{ float:left; width:140px; height:140px; border:1px #ddd solid; margin-bottom:2px;}
.product a:hover{}

.cplx{ width:228px; padding:8px 0 14px 0; border:1px #ddd solid; overflow:hidden; margin:6px auto 10px auto;}
.f1,.f2{ float:left; display:inline; width:200px; line-height:27px; text-indent:40px; font-size:12px; margin:6px 0 0 14px}
.f1{ color:#111; background:url(../images/f1.gif) no-repeat;}
.cplx a:hover,.f2{ color:#fff; text-decoration:none; background:url(../images/f2.gif) no-repeat;}

.sales{ width:100%; text-align:center; overflow:hidden; margin:12px 0;}
.sales img{ display:block;}

.contact{ width:560px; line-height:23px; font-size:13px; border:1px #ddd solid; padding:15px 25px; background:#fff url(../images/contact.gif) no-repeat 96% 20%; margin:15px auto 10px auto; overflow:hidden;}
.contact b{ display:block; color:#f11900; padding:5px 0; font-weight:normal;}
.contact strong{ color:#111; font-size:14px;}
.contact p{ margin-top:10px;}
.contact p img{ display:block;}
.contact i{ margin-left:13px;}

.message{ width:620px; overflow:hidden; padding-bottom:10px; margin:15px auto 10px auto;}
.message_t{ width:600px; padding:5px; line-height:23px; font-size:13px; border:1px #ddd solid; background:#fff; margin:0 auto;}
.message_t b{ margin-left:27px;}
.message_b{ width:610px; overflow:hidden; margin:10px auto 0 auto;}
.message_table{ background:#ddd;}
.message_table td{ background:#fff;}
.message_table input,.message_table textarea{ color:#666; border:1px #ddd solid; padding:1px; margin:5px;}
.tj{ width:100%; text-align:center; margin-top:10px;}
.cg{ width:500px; text-align:center; margin:15px auto 0 auto;}

.pages{ width:100%; text-align:center; font-family:"ËÎÌå",serif; font-size:13px; padding:10px 0; overflow:hidden; margin-bottom:10px;}
.pages a{ margin:0 5px;}
.pages span{ margin:0 5px;}
.f00,.pages a:hover{ text-decoration:none;}
.pages input{ color:#333; text-align:center; margin:0 5px;}

/* footer */
.footer{ position:relative; width:920px; line-height:19px; text-align:center; border-top:2px #ddd solid; padding:8px 0; overflow:hidden; margin:0 auto;}
.footer em{ position:absolute; top:10px; right:20px;}

/*  */