/* CSS Document */

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

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

body{ line-height:20px; color:#444; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#fff;}

/* header */
.header{ position:relative; width:1003px; height:280px; border-top:3px #600 solid; background:url(images/banner.jpg) no-repeat; overflow:hidden; margin:0 auto;}
.logo{ position:absolute; top:20px; left:5px;}
.zywb{ position:absolute; top:8px; right:5px; line-height:20px;}
.zywb a{ float:right; display:inline; color:#fff; margin:0 8px;}
.wz{ position:absolute; top:90px; left:270px;}

/* nav */
.nav{ width:1003px; height:50px; line-height:normal; background:#00476e url(images/nav_bg.gif) no-repeat; overflow:hidden; margin:0 auto 5px auto;}
.time{ float:left; display:inline; width:210px; height:35px; padding-top:15px; color:#ff0; font-weight:bold; font-size:13px; text-align:center; overflow:hidden; margin-right:30px;}
.nav1,.nav2{ float:left; display:inline; width:82px; height:38px; text-align:center; font-size:10px; color:#fc0; text-decoration:none!important; margin:6px 10px 0 10px; cursor:pointer;}
.nav1:hover,.nav2{ background:url(images/nav_2.gif) no-repeat;}
.nav1 b,.nav2 b{ display:block; font-size:14px; color:#fff; margin-top:6px;}
.nav i{ float:left; display:inline; width:1px; height:26px; background:#7da0b3; overflow:hidden; margin:12px 0 0 0;}

/* content */
.content{ width:1003px; background:url(images/left_bg.gif) repeat-y; overflow:hidden; margin:0 auto 5px auto;}
.left{ float:left; display:inline; width:210px; background:#0078a1; overflow:hidden;}
.left h3{ position:relative; width:190px; height:26px; line-height:26px; font-size:13px; color:#fff; text-indent:40px; background:url(images/title_bg2.gif) no-repeat; overflow:hidden; margin:10px auto 5px auto;}

.hot_cp{ width:190px; overflow:hidden; margin:0 auto;}
#SlidePlayer{ position:relative; width:190px; height:190px; overflow:hidden; margin:3px 0 0 0;}
.Slides{ width:100%; height:190px; overflow:hidden;}
.Slides li { float: left; width:190px; height:190px; overflow:hidden;}

.Slides img{ display:block; width:190px; height:190px;}

.SlideTriggers{
	position: absolute; 
	bottom: 8px; 
	right: 6px;
	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 2px 0 2px;
	background:#000;
}
.SlideTriggers li.Current{ 
	color:#fff; 
	background:#f00;
	font-weight:bold;
	font-size: 16px;
	line-height: 21px;
	height: 21px;
	width: 21px;
	margin:0 2px;
}

.menu{ width:190px; padding:5px 0; overflow:hidden; margin:0 auto;}
.menu a{ float:left; width:190px; height:21px; line-height:21px; color:#fff; text-indent:30px; background:url(images/jt1.gif) no-repeat 10px center; overflow:hidden;}
.tel{ width:190px; line-height:20px; color:#fff; overflow:hidden; margin:0 auto 10px auto;}
.tel i{ margin-left:48px;}

.right{ float:left; display:inline; width:773px; overflow:hidden; margin:0 0 0 10px;}
.right h3{ position:relative; width:100%; height:30px; line-height:30px; font-size:13px; color:#005066; background:url(images/title_bg1.gif) no-repeat left center; overflow:hidden;}
.right h3 b{ position:absolute; top:0; left:20px;}
.more{ position:absolute; top:0; right:5px; color:#888; font-weight:normal;}

.company{ width:763px; line-height:24px; font-size:13px; overflow:hidden; margin:0 auto;}
.company h2{ font-size:18px; color:#e00; text-indent:24px;}
.company p{ text-indent:24px;}
.company i{ float:right; display:inline; margin:5px 0 0 5px;}

.product{ width:773px; overflow:hidden;}
.product h2{ width:100%; line-height:25px; text-align:center; font-size:16px; padding:5px 0;}
.product a{ float:left; display:inline; width:142px; line-height:24px; text-align:center; margin:5px 5px 0 7px;}
.product a:hover{ color:#0078a1; text-decoration:none; background:#f5f5f5;}
.product a img{ display:block; width:140px; height:120px; border:1px #ddd solid; margin-bottom:2px;}

.product2 a{ float:left; display:inline; width:172px; line-height:24px; text-align:center; margin:5px 10px 0 10px;}
.product2 a:hover{ color:#0078a1; text-decoration:none; background:#f5f5f5;}
.product2 a img{ display:block; width:170px; height:145px; border:1px #ddd solid; margin-bottom:2px;}


.pages{ width:100%; text-align:center; font-size:13px; padding:5px 0; background:#eee; overflow:hidden; margin:5px 0;}
.pages a,.pages input{ color:#0078a1; margin:0 6px;}
.pages a:hover,.pages a em{ color:#f00; text-decoration:underline;}

.product_m{ width:720px; line-height:24px; font-size:13px; overflow:hidden; margin:0 auto;}
.product_m h4{ width:100%; text-align:center; line-height:27px; font-size:16px; overflow:hidden; margin:5px 0;}
.product_m img{ display:block; margin:0 auto;}
.product_m p{ text-indent:25px;}

.technology{ width:773px; overflow:hidden;}

.service{ width:763px; line-height:24px; font-size:13px; overflow:hidden; margin:0 auto;}
.service h2{ width:100%; line-height:28px; font-size:18px; color:#e00; text-align:center; overflow:hidden;}
.service p{ text-indent:24px;}
.service table{ width:95%; margin:0 auto;}
.service table td{ width:49%; vertical-align:middle; text-align:center;}

.contact{ width:660px; line-height:22px; font-size:13px; border:1px #ddd solid; padding:10px 15px; background:#fff url(images/contact.gif) no-repeat 95% 10px; margin:15px auto 5px auto; overflow:hidden;}
.contact b{ display:block; color:#e00; padding:5px 0;}
.contact p{ margin-top:10px;}
.contact p img{ display:block;}
.contact i{ margin-left:13px;}

.message{ width:680px; overflow:hidden; padding-bottom:10px; margin:15px auto 5px auto;}
.message_t{ width:648px; padding:5px; line-height:22px; font-size:13px; border:1px #ddd solid; background:#fff; margin:0 auto;}
.message_t b{ margin-left:27px;}
.message_b{ width:660px; 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;}

/* footer */
.footer{ width:1003px; height:60px; padding-top:10px; line-height:18px; color:#fff; text-align:center; background:url(images/footer_bg.gif) repeat-x; overflow:hidden; margin:0 auto;}
.footer a{ color:#fff;}