@charset "utf-8";
body{font-size:12px;line-height:18px;font-family:Arial,Helvetica,sans-serif; color:#333;background:#fff;}
body,html,ul,li,dl,dt,dd,ol,th,td,form,h1,h2,h3,h4,h5,h6,img,p,input{margin:0px;padding:0px;}
img{vertical-align:top;border:0;}
button,select,textarea{outline:none;}
textarea{resize:none}
ul,li{list-style-type:none;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{zoom:1;height: 1%;}
*+html .clearfix{zoom:1;}
.main{width:1100px;margin:0 auto;}
.margin{margin-bottom:10px;}
a{color:#707070;text-decoration:none}
a:hover{color:#ed3f3f;text-decoration:underline}
a{text-decoration:none;color:#333333;outline:none;}
a:hover{text-decoration:none;color:#00923f;outline:none;}
a,area{blr:expression(this.onFocus=this.blur())}

.hdi-imgs{width: 1100px;margin: 0 auto;}
.hdi-imgs img {width: 100%;}

.header{height:90px;background:url(../images/background.png) repeat-x}
.header .logo{float:left;width:198px;}
.header .headerRight{float:right;width:820px;}
.headerRight .headerTop{height:29px;padding-top:11px;}
.headerTop .Search{float:right;width:182px;height:23px;background:url(../images/background.png) no-repeat left -90px;}
.headerTop ul{float:right;padding:0 30px 0 15px;}
.headerTop ul li{float:left;padding:0 8px;line-height:23px;height:23px;}

.header .nav{ font-family:Arial, Helvetica, sans-serif}
.header .nav ul{}
.header .nav ul li{position:relative;float:left;height:28px;line-height:28px;margin-top:11px;font-size:13px;font-weight:bold;padding:0 12px 0 11px;}
.header .nav ul li.down.hover .downR{width:13px;height:28px;overflow:hidden;position:absolute;right:0;top:0;z-index:11;background:url(../images/background.png) no-repeat -133px -113px;}
.header .nav ul li.down.hover{background:url(../images/background.png) no-repeat left -113px;}
.header .nav ul li.down.hover a{color:#ffffff;}
.header .nav ul li.Separated{height:12px;width:2px;background:url(../images/background.png) no-repeat right -90px;overflow:hidden;margin-top:19px;padding:0;}
.header .nav ul li.down ul{position:absolute;left:0px;top:28px;z-index:10;width:160px;display:none;padding-top:1px;}
.header .nav ul li.down ul li{clear:both;margin:0 0 2px 0; margin:0\9;*margin:0;_margin:0; _padding:0 0 2px 0; float:none;text-align:center;background:url(../images/background.png) left -142px;padding:0;}
.header .nav ul li.down ul li.hover{background-position:left -171px;}

/* --- banner --- */
.banner{ z-index:1; position:relative; width:100%; height:340px; overflow:hidden; padding-bottom:20px;}
.banner .slider{ width:100%; height:340px;}
.banner .slider li{ width:100%; height:340px; text-align:center; opacity:0;filter:alpha(opacity=0); display:none;background:#29166F url("../images/home_banner_01.jpg") no-repeat center;}
.banner .slider li.No1{ background:#29166F url("../images/home_banner_01.jpg") no-repeat center;}
.banner .slider li.No2{ background:#29166F url("../images/home_banner_02.jpg") no-repeat center;}
.banner .slider li.No3{ background:#29166F url("../images/home_banner_03.jpg") no-repeat center;}
.banner .slider li.No4{ background:#29166F url("../images/home_banner_04.jpg") no-repeat center;}
.banner .slider li.No5{ background:#29166F url("../images/home_banner_05.jpg") no-repeat center;}
.banner .slider li a{ width:100%; height:100%; display:inline-block}
.banner .slider_page{ z-index:2; position:absolute; bottom:20px; left:0; width:100%; text-align:center;}
.banner .slider_page a,.banner .up_down{ background:url("../images/home.png") no-repeat; _background:url("../images/home.gif") no-repeat;}
.banner .slider_page a{ margin:0 5px; display:inline-block; background-position:0 -47px; width:10px; height:10px; overflow:hidden;}
.banner .slider_page a.current{ color:#fff; background-position:0 -61px}
.banner .up_down{ display:none; z-index:2; position:absolute; top:50%; margin-top:-60px; width:31px; height:71px; opacity:0.5; filter:alpha(opacity=50);}
.banner .up_down:hover{ opacity:1; filter:alpha(opacity=100);}
.banner .up{ left:50%; margin-left:-500px; background-position:-13px 0;}
.banner .down{ right:50%; margin-right:-500px; background-position:-47px 0}
.innerBanner{height:300px; background: url("../images/about.jpg") no-repeat scroll center center #29166F;}

.slide{width:1003px;height:340px;overflow:hidden;position:relative;}
.slide .hd{position:absolute;left:470px;top:320px;width:60px;z-index:100;}
.slide .hd ul li{width:10px;height:10px;float:left;margin-right:5px;overflow:hidden;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background:#CCC;cursor:pointer;text-indent:999px;}
.slide .hd ul li.on{background:#b72d03;}

.newsList{}
.newsList ul{padding-bottom:30px;}
.newsList ul li{height:31px;line-height:31px;border-bottom:1px dashed #e3e3e3;padding:0 8px 0 12px;background:url(../images/newsList.gif) left 12px no-repeat;}
.newsList ul li a{float:left;}
.newsList ul li span{float:right;}

.indexC{padding-top:10px;}
.indexC .indexC1{width:1100px;}
.indexC dl{width:319px;height:166px;float:left;background:url(../images/indexC.jpg) no-repeat;margin:0 19px 20px 0;padding:2px 0 0 3px;}
.indexC dl dt{float:left;height:136px;height:161px;}
.indexC dl dd{float:left;width:156px;padding-left:15px;}
.indexC dl dd p.p1{height:22px;line-height:22px;font-weight:bold;padding-top:5px;}
.indexC dl dd p.p2{line-height:18px;}

.Content{background:url(../images/content.jpg) repeat-x;padding-bottom:20px;}
.nyContent{height:50px;line-height:50px;padding-top:5px;}
.nyContent h2{padding-left:28px;float:left;font-size:18px;position:relative;}
.nyContent h2 span{width:12px;height:12px;overflow:hidden;background:url(../images/about1.jpg);display:block;position:absolute;top:19px;left:6px;}
.nyContent .location{float:right;padding-right:5px;}
.nyContent .location span{width:10px;height:10px;overflow:hidden;background:url(../images/home.jpg);display:block;float:left;margin:20px 8px 0 0}
.ContentLeft{width:202px;padding-left:4px;float:left;}
.ContentLeft .aboutNav .aboutNavT{height:13px;background:url(../images/content01.jpg)}
.ContentLeft .aboutNav .aboutNavB{height:19px;background:url(../images/content02.jpg)}
.ContentLeft .aboutNav ul{background:url(../images/contentR3.jpg) repeat-y;padding-top:5px;}
.ContentLeft .aboutNav li{height:37px;line-height:35px;background:url(../images/contentNav.jpg) no-repeat;padding-left:18px;font-size:14px;}
.ContentLeft .aboutNav li.cur{background-position:left -37px;}
.ContentLeft .aboutNav li.cur a{color:#ffffff;}

.ContentRight{background:url(../images/contentR4.jpg) repeat-y;width:774px;float:right;margin-right:10px;}
.ContentRight .ContentRightT{height:10px;overflow:hidden;background:url(../images/contentR1.jpg) no-repeat;}
.ContentRight .ContentRightB{height:10px;overflow:hidden;background:url(../images/contentR2.jpg) no-repeat;}
.ContentRight .contentTitle{height:50px;line-height:50px;font-size:20px;color:#308e64;width:734px;margin:0 auto;}
.ContentRight .contentC{line-height:25px;width:734px;margin:0 auto;}
.ContentRight .contentC p{padding-bottom:20px;}
.bottom{line-height:20px;text-align:center;padding:15px 0;background:url(../images/footer.gif) repeat-x; color:#F6F4CB;}
.contactT,.contactB{width:996px;height:10px;margin:0 auto;overflow:hidden;}

.contactT{background:url(../images/contact001.jpg) no-repeat;}
.contactCN{width:936px;background:url(../images/contact002.jpg) repeat-y;margin:0 auto;padding:20px 30px;}
.contactCN strong{font-size:16px;}
.contactB{background:url(../images/contact003.jpg) no-repeat;}

.advanced{}
.advanced ul{}
.advanced ul li{width:220px;float:left;overflow:hidden;margin:0 22px 15px 0; text-align:center;}
.advanced ul li span{width:220px;height:147px;overflow:hidden; display:block;}

.productImage{text-align:center;}
.productContent{margin:10px 0px 10px 180px; line-height:18px;}
.productContent strong{font-size:18px; font-weight:bold; line-height:30px;}
.productShow{text-align:center; width:720px;}

span.subTitle{height:30px;line-height:30px;font-size:16px;color:#308e64; font-weight:bold;}

.page { width:100%; height:auto; overflow:hidden;}
.page a { display:inline-block; padding:0 10px; height:22px; line-height:22px; color:#333; vertical-align:top; background-color:#f2f2f2; border:1px solid #d4d4d4; margin-right:10px;}
.page a:hover { background-color:#519BD8; border:1px solid #519BD8; color:#fff; text-decoration:none;}
.page b { display:inline-block; padding:0 10px; height:22px; line-height:22px; color:#fff; vertical-align:top; background-color:#519BD8; border:1px solid #519BD8;}
.page span { display:inline-block; margin-right:10px; height:24px; line-height:24px; vertical-align:top;}

.word02 {
	color:#003399;
	font-weight:bold
}

.tb02 {
	width:500px;
	float:left;
	clear:both;
	color:#666666
}

.tb02 span.cttb01 {
	width:510px;
	float:left;
	clear:both;
	color:#666666;
	display:block
}

.tb02 h2{text-decoration:underline; padding:10px 0px;}

.tb02 span.cttb01 {
	width:510px;
	float:left;
	clear:both;
	color:#666666;
	display:block
}

.tb02.wp01 {
	width:750px;
}

.tb02 ul.implist {
	font-size:13px;
	font-weight:bold;
	clear:both;
	margin-top:-25px;
 *margin-top:-13px
}

.tb02 ul.implist h3 {
	padding-bottom:10px;
	clear:both;
	padding-top:25px;
 *padding-top:13px;
}

.tb02 ul.implist li {
	line-height:35px;
	clear:both
}

.tb02 ul.implist em {
	display:inline-block;
	float:left;
	padding:1px 0 0 18px;
	width:35px;
	background:url(../images/icon_01.jpg) left top no-repeat;
}

.tb02 ul.implist li span {
	display:inline-block;
	border-bottom:1px dashed #cccccc;
	margin-left:10px;
	padding:9px 0 8px 0;
	margin-right:8px;
	width:86%;
	word-wrap:break-word;
	word-break:break-all;
	font-weight:normal;
	line-height:20px;
	float:right;
 *clear:both
}

.tb02 h3 {
	background:url(../images/maplistline.gif) -30px bottom no-repeat;
	padding:0 0 4px 0;
	margin-bottom:10px;
	font-family:Arial;
	color:#666666;
	clear:both
}

.tb02 h3 em {
	background:url(../images/h3_icon.gif) left 2px no-repeat;
	width:10px;
	margin-right:8px
}
.tb03 {
	width:220px;
	padding-right:15px;
	float:right;
	position:relative
}

.tb03 ul li {
	padding-bottom:15px;
	position:relative
}

.tb03 ul li span {
	position:absolute;
	display:block;
	padding:3%;
	width:206px;
	text-align:center;
	bottom:15px;
	left:0;
	background:none;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9A000000, endColorstr=#9A000000);
	color: #fff;
}

.tb03 ul li span {
	background: rgba(0, 0, 0, .6);
	color: #fff;
}

.tb03 img {
	display:block
}

#screenshot{
	position:absolute;
	border:3px solid #d4d4d4;
	background:#333;
	padding:0px;
	display:none;
	color:#fff;
	z-index:3;
	text-align:center
	}


	
ul.slider_ldr{
	margin: 0; padding: 0 0 0 35px; list-style: none	
	}
	
.tb03 ul.slider_ldr li{
	float:left;
	padding:3px 3px 2px 3px;
	}
	
ul.slider_ldr li img{
	width:40px;
	height:40px
	}
	
ul.slider_ldr li a.on{
	display:block;
	border:3px solid #3599ff;
	width:34px;
	height:34px;
	}	
	
ul.slider_ldr li a.on img{
	width:34px;
	height:34px;
	}