@charset "utf-8";
/* CSS Document */

/*系统样式*/
body{font-family:"Microsoft YaHei";font-size: 12px;color:#5f5f5f; line-height:1.8em;margin:0;-webkit-text-size-adjust:none; background:#f2f2f2;}
html{overflow-x:hidden;overflow-y:auto;} 

h1,h2,h3{ padding:0; margin:0;}
.x{margin:0 auto;}
.left{float:left}
.right{float:right}
p,ul{list-style:none;margin:0;padding:0;border:0px}
.clear{ clear:both;}/*清除浮动*/
img {border:0px;behavior:url("images/pngbehavior.htc")}/*支持png图片*/
a {behavior:url("images/onfocus.htc")}/*去掉点击虚线*/
.keyword{background-color: #FFFF00;}/*搜索高亮关键词*/
.margin_center{ width:980px; margin:0 auto;}
.input {font-family:"Microsoft YaHei";font-size: 12px; line-height:24px; outline:none; background:#fff; height:24px; padding:3px;border:1px solid #dbdbdb;}
.select {font-family:"Microsoft YaHei";font-size: 12px; line-height:24px;outline:none; background:#fff; height:30px; padding:3px;border:1px solid #dbdbdb;}
a,div,li,td{-webkit-transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out}
a{nofocus:expression(this.onFocus=this.blur());}
a:focus{outline:none;-moz-outline-style:none}
a:link{color:#6c727b;text-decoration:none} 
a:visited{color:#6c727b;text-decoration:none}
a:hover{color:#000;text-decoration:none}
.relative{ position:relative;}
.absolute{ position:absolute;}
.hide{ display:none;}
.login_bg{ border:1px solid #c0c0c0; height:30px; width:230px; background:#fff;padding-left:5px; font-size:14px;}
.pager{ clear:both; text-align:center;padding-top:40px;}
/*小号中文字体*/
.smallcnfont{font-family: "PMingLiU";font-size: 11px}
/*英文*/
.bold{font-weight:bold}
.px14{font-size:14px;}
.px16{font-size:16px; line-height:2em;}
.border_dott{ border-bottom:1px dotted #666;}
.t_center{text-align:center;}
.border_line{ border:1px solid #ccc; background:#FFF;}

.h1_style{ font-size:14px; color:#fff; margin-bottom:20px;padding-left:20px;}

/* -- input -- */
.textInput {
	padding:0 4px;
	height:28px;
	border:1px solid #DDDDDD; line-height:28px;
}
.textArea {
	padding:4px;
	border:1px solid #DDDDDD;
}

/*首页*/
.top{ height:148px;background: url(topbg.jpg) center no-repeat;}
.logo{ width:300px;padding-top:20px; height:70px;}
.index_for{ width:270px;height:24px; text-align:right; background:url(index_f.jpg) no-repeat right; line-height:19px; padding-top:7px; line-height:18px; padding-right:10px;}

.menulayout{ height:32px; background:#004435;}
.menulayout ul{}
.menulayout ul li{ float:left; width:75px; background:url(navline.jpg) no-repeat right;}
.menuhover{ background:#02624d;}

/* -- mainNav -- */
#mainNav {
 height: 36px;
 font-size: 14px; background:url(menu.gif) no-repeat center; margin-top:10px;
}
/* LEVEL ONE */
#mainNav ul.wrap {
 position: relative;
 z-index: 1000;
}
#mainNav ul li {
 float: left;
 zoom: 1;
}
#mainNav ul li a {
 display: block;
 width: 140px;
 text-align: center;
 height: 36px;
 line-height: 36px;
 color: #5c5c5c;
 text-decoration: none; font-weight:bold;
}
#mainNav ul li.hover, #mainNav ul li.cur {
 background: url(hover.gif) no-repeat;
 position: relative;
}
#mainNav ul li.hover a, #mainNav ul li.cur a {
 color: #FFF;
}
/* LEVEL TWO */
#mainNav ul ul {
 min-width: 75px;
 _width: 75px;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 border-top: 1px solid white;
 background: #E0E0E0;
}
#mainNav ul ul li {
 font-weight: normal;
 background: #E0E0E0;
 float: none;
}
#mainNav ul li.hover ul li a {
 color: #24313C;
 border-right: none;
 display: inline-block;
}
#mainNav ul li.hover ul li.hover a {
 color: #FFF;
}
#mainNav ul li.hover ul a.parent {
 background: url(images/icon_red.gif) no-repeat 100px 50%;
}
/* LEVEL THREE */
#mainNav ul ul ul {
 left: 100%;
 top: 0;
 border-top: 0;
 _border-top: 1px;
}
#mainNav ul li.hover ul li.hover ul li a {
 color: #24313C;
}
#mainNav ul li.hover ul li.hover ul li.hover a {
 color: #FFF;
}



#index_banner_wrapper{ height:390px; position:relative;}
#index_banner{ position:absolute; width:1440px; height:390px; top:0; left:50%; margin:0 0 0 -720px;}
#index_banner .slides_container,#index_banner .slide{ width:1440px; height:390px;}
#banner_nav_wrapper{ position:absolute; top:50%; width:100%; z-index:10; margin:-27px 0 0;}
#index_banner .pagination{ display:none;}

#index_banner_wrapper .prev,#index_banner_wrapper .next,.nav_wrapper .prev,.nav_wrapper .next,#public_content .prev,#public_content .next{ background:url(banner_arrow.png) no-repeat; _background-image:url(banner_arrow.gif); width:42px; height:55px; display:block; position:absolute; text-indent:-9999px; display:none; }
#index_banner_wrapper .prev,.nav_wrapper .prev,#public_content .prev{ left:0;}
#index_banner_wrapper .next,.nav_wrapper .next,#public_content .next{ right:0; background-position:top right;}
#index_banner_wrapper .prev:hover,.nav_wrapper .prev:hover,#public_content .prev:hover{ background-position:0 -81px;} 
#index_banner_wrapper .next:hover,.nav_wrapper .next:hover,#public_content .next:hover{ background-position:right -81px;}

.index_sort{ background: url(index_sort.jpg) repeat-x; height:89px;}
.index_sort_ul{}
.index_sort_ul li{ float:left; background:url(sortbg.jpg) no-repeat; text-align:center; line-height:50px; width:182px; margin-right:8px;}
.index_sort_ul li a{ font-size:16px; font-weight:bold;}




.index_content{height:250px;background:url(indexbg.jpg) no-repeat;}
.about{ width:586px; height:250px;}
.about a{ color:#ff7e00;}
.about p{ padding-right:10px; text-indent:2em;}
.news{ width:360px;height:250px;}
.case{ width:250px;height:250px;}

.tabs {width:auto;height:auto; margin-top:12px;}
.tabs h1{ width:65px; text-align:center;}
.selectTab,.unselectTab {width:100px;height:22px;line-height:22px;vertical-align: middle;text-align:center;background:url(newshover.jpg) no-repeat center;  margin: 0;font-weight:bold;font-size:12px;color:#FFF;cursor: pointer;float:left; }
.unselectTab{color:#fff;  background: url(newslink.jpg) no-repeat center;}
.selectContent{padding-top:6px;clear: both;padding-right:15px; }
.unselectContent{display: none; }

.index_news_frist{ padding:10px; background:#fff; margin-bottom:10px; margin-top:10px;}
.index_news_frist h2 a{ font-size:14px; color:#333;}
.index_news li{ padding-left:10px; background:url(ico.jpg) no-repeat 1px 8px;}

.index_about{ margin-left:20px; margin-top:50px; padding:10px; background:#fff; height:142px;}
.index_about img{ padding:3px; border:1px solid #ccc; margin-right:10px;}

.index_news li{ border-bottom:1px dotted #999999; height:20px; margin-bottom:4px;}
.index_news li span{ float:right;}

#slideshow_wrapper {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #121212;
	PADDING-LEFT: 0px;
	WIDTH: 240px;
	PADDING-RIGHT: 0px;
	HEIGHT: 200px;
	OVERFLOW: hidden;
	PADDING-TOP: 0px
}
#slideshow_footbar {
	Z-INDEX: 5;
	POSITION: absolute;
FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000, endColorstr=#32000000);
	WIDTH: 100%;
	BOTTOM: 0px;
	HEIGHT: 30px
}
#slideshow_photo {
	POSITION: absolute;
	WIDTH: 100%;
	HEIGHT: 100%;
	CURSOR: pointer
}
#slideshow_photo A {
	Z-INDEX: 1;
	BORDER-BOTTOM: 0px;
	POSITION: absolute;
	BORDER-LEFT: 0px;
	MARGIN: 0px;
	DISPLAY: block;
	BORDER-TOP: 0px;
	TOP: 0px;
	BORDER-RIGHT: 0px;
	LEFT: 0px
}
#slideshow_footbar .slideshow-bt {
	BACKGROUND-COLOR: #696969;
	MARGIN: 10px 10px 0px 0px;
	WIDTH: 10px;
	DISPLAY: inline;
	FLOAT: right;
	HEIGHT: 10px;
	FONT-SIZE: 0px
}
#slideshow_footbar .bt-on {
	BACKGROUND-COLOR: #30b1eb
}


.index_product{height:55px; background:url(index_newsbg.jpg) no-repeat; font-size:16px; color:#fff; line-height:55px; text-indent:1.5em;}
.index_product a{ float:right; color:#333; font-weight:normal; font-size:12px; line-height:50px; padding-right:60px;}

.rollBox{width:970px;overflow:hidden;padding-top:20px; padding-left:20px;}
.rollBox .LeftBotton{height:52px;width:19px;background:url(left.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin:35px 10px 0 0;cursor:pointer;}
.rollBox .RightBotton{height:52px;width:20px;background:url(right.jpg) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:35px 0 0 10px;cursor:pointer;}
.rollBox .Cont{width:850px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:128px;float:left;text-align:center; margin:0 17px;}
.rollBox .Cont .pic img{padding:3px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.index_horon{ background:url(index_product.jpg) no-repeat; height:200px; padding-top:48px;}
.index_horon_box{width:694px; margin-left:7px;}
.index_boron_layout{ width:695px;}
.index_contact_layout{ width:248px;}
.horon_ul{ padding:20px 10px;}
.horon_ul li{ float:left; width:165px;}
.index_contact_box{width:246px; margin-left:20px;}
.index_contact_box ul{ padding:12px 10px;}





.footer{ border-top:1px solid #ccc; background:#fff; text-align:center;}
.footer a{color:#333;}


.subanner{ height:275px;}
.subcontent{background: url(subbg.jpg) no-repeat center top;}
.leftside{ width:280px;}
.rightside{ width:670px;margin-left:3px;}
.title{ height:60px; font-size:15px; color:#fff;padding-left:60px;font-weight:normal;}
.title span{ padding-top:33px; display:block;}
.subnav{}
.subnav ul{padding-top:10px;margin-left:30px; margin-right:60px;}
.subnav ul li{margin-bottom:5px; background:url(sublink.jpg) no-repeat; }
.subnav ul li a:link,.subnav ul li a:visited{padding-left:25px; height:36px;display:block; line-height:36px;}
.subnav ul li a:hover{background:url(sublink.jpg) no-repeat; color:#F00;}
.subnavhover{ background:url(sublink.jpg) no-repeat; color:#F00;}

.subnav .cur{
	background:url(sublink.jpg) no-repeat; color:#f00;
}
.subnav .cur a{
 color:#f00;
}
.subnav .smallsort{background:#fff;padding-left:10px; color:#CCCCCC;}


.subcontact{ padding-top:30px;}
.subcontact img{ margin-left:30px;}
.hrstyle{ height:0px; border-bottom:1px dotted #ccc;}
.position{ margin-top:25px;height:24px; font-size:14px; text-indent:1em;}
.position span{font-size:12px;}

.contentlayout{ padding:20px 10px;}
.submenu{}
.subnav ul .submenu li a:link,.subnav ul .submenu li a:visited{ height:22px; border-bottom:1px solid #cbcbcb; background:#f1f1f1; margin-bottom:3px; line-height:22px; display:block; color:#999;}
/* -- 幻灯 -- */
#slideShow {
	z-index:5;
	position:relative;
	text-align:center;
	height:300px;
}
#slideShow .slides {
	width:1000px;
	height:300px;
	overflow:hidden;
	position:relative;
}
#slideShow .slides .slide {
	background-color:#ffffff;
	position:absolute;
	top:0;
	left:0;
	display:block;
}
#slideShow .slide.current {
	z-index:10;
}
#slideShow .controlBase {
	position:absolute;
	z-index:20;
	width:100%;
	left:0px;
	bottom:5px;
	height:30px;
}
#slideShow .controls {
	z-index:300;
	text-align:center;
	position:absolute;
	left:50%;
	bottom:5px;
	margin-left:-49px;
}
#slideShow .controls li {
	list-style:none;
	display:inline;
}
#slideShow .controls li a {
	width:20px;
	height:30px;
	display:block; /* < = FF2 hack */
	background:url(inactive.png) no-repeat 50% 50%;
	float:left;
	text-indent:-9999em;
	cursor:pointer;
	outline:0;
}
#slideShow .controls li.active a, #slideShow .controls li a:hover {
	background:url(active.png) no-repeat 50% 50%;
}


.productList{padding-top:20px;}
.productList li{ float:left; width:215px; height:260px; text-align:center;}
.productList li h2{ font-size:12px; font-weight:normal; line-height:2em;}
.productImg{ text-align:center;}
.productImg h1{ text-align:center;font-size:14px; line-height:2em;}
.sm{ border-bottom:1px dotted #ccc; line-height:2em; margin-bottom:20px;}
.info{ border:1px dotted #ccc; border-left:none;border-right:none; line-height:2em;text-align:center; margin-bottom:10px;}
.newstitle{ text-align:center; font-size:15px; font-weight:normal;}
.marginleft30{margin-left:30px;}
/* article_category
----------------------------------------------- */
#articleList dl {
	border-bottom:1px dotted #D1D1D1;
	padding:20px 0;
}
#articleList dl.last {
	border-bottom:0;
}
#articleList dt {
	width:550px;
	background:url(icon_red.gif) no-repeat left 50%;
	padding-left:15px;
	margin-bottom:10px;
}
#articleList dd {
	width:550px;
	color:#999999;
	padding-left:2px;
	line-height:180%;
}
#articleList .numDate {
	float:right;
	text-align:right;
	padding-top:12px;
}
#articleList .numDate em {
	background-color:#0072C6;
	color:#FFF;
	padding:3px 4px;
	font-size:14px;
	font-weight:bold;
}
#articleList .numDate p {
	font-size:16px;
	color:#999999;
	margin-top:5px;
}
/* article
----------------------------------------------- */
#article {
	padding:20px 0;
}
#article h1 {
	color:#333333;
	font-size:15px;
	font-weight:normal;
}
#article .info {
	margin-top:10px;
	color:#999999;
	font-size:13px;
}
#article .content {
	color:#666666;
	line-height:180%;
}

/* project
----------------------------------------------- */

#slideshow {list-style:none; color:#fff;margin-bottom:40px;}
#slideshow span {display:none}
#wrapper {width:506px;display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(left.gif) left center no-repeat}
#imgnext {right:0; background:url(right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:40px; background:url(scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:40px; background:#222 url(scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:40px; overflow:hidden}
#slider {position:absolute; left:0; height:40px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/* 搜索
----------------------------------------------- */

.searchbox{ margin-top:10px; text-align:right;}
.searchbox .search label {
	height:0;
	line-height:0;
	overflow:hidden;
	width:0;
	position:absolute;
	font-size:0;
	z-index:-1;
	outline:0
}
.searchbox .keyword {
	width:210px; height:25px; border:1px solid #ccc; float:left; background:#f7f7f7; border-right:none;
	color:#CCCCCC;padding-left:10px; line-height:24px;
}
.searchbox .keyword:focus {
	color:#555
}
.searchbox .search .keyword::-webkit-input-placeholder {
	color:#CCCCCC;
}
.searchbox .search .keyword:focus:-moz-placeholder, #header .search .keyword:focus::-moz-placeholder {
color:transparent!important
}
.searchbox .search .keyword:focus::-webkit-input-placeholder {
color:transparent!important
}
.searchbox .search .btnSearch {
	background:#E0E0E0 url(search.jpg) no-repeat;
	width:29px;
	height:29px;
	text-indent:-999px;
	cursor:pointer; float:left; border:none;
}

.btn {
	display:inline-block;
	background-color:#0072C6;
	color:#EEE;
	padding:6px 25px;
	text-transform:capitalize;
	cursor:pointer;
	font-weight:bold; border:none;
}
/* 留言板
----------------------------------------------- */
#guestBook {
	padding:20px 0;
}
#guestBook h2 {
	color:#555;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}
/* bookList */
#guestBook .bookList {
	margin-bottom:30px;
	line-height:180%;
	font-size:13px;
}
#guestBook .bookList dl {
	margin-bottom:15px;
}
#guestBook .bookList dt {
	color:#999;
	margin-bottom:3px;
}
#guestBook .bookList dt b {
	color:#999;
	margin-left:20px;
}
#guestBook .bookList dd {
	color:#666;
	overflow:hidden;
	zoom:1;
}
#guestBook .bookList dd em {
	float:left;
	width:70px;font-style: normal;
}
#guestBook .bookList dd span {
	float:right;
	width:910px;
	text-align:left;
}
#guestBook .bookList p {
	color:#0072C6;
	margin-top:5px;
	overflow:hidden;
	zoom:1;
}
#guestBook .bookList p em {
	float:left;
	width:70px;font-style: normal;
}
#guestBook .bookList p span {
	float:left;
	width:800px;
}
#guestBook .bookList p b {
	color:#999;
	float:right; font-weight:normal;
}
#guestBook .bookList .pager {
	text-align:left;
}
/* bookList */
#guestBook .bookAdd {
	line-height:180%;
	font-size:13px;
}
#guestBook .bookAdd dl {
	overflow:hidden;
	zoom:1;
	margin-bottom:15px;
}
#guestBook .bookAdd dl dt{
	float:left;
}
#guestBook .bookAdd dl dt {
	width:70px;
	text-align:right;
	line-height:30px;
}
#guestBook .bookAdd .vcode {
	text-transform:uppercase; float:left;
}
#guestBook .bookAdd .select {
	height:28px;
}
#guestBook .bookAdd dl.cue {
	margin:-8px 0 10px 60px;
	color:#999;
}
#guestBook .bookAdd dl.submit {
	margin:20px 0 0 70px;
}
#guestBook .bookAdd dd b {
	display:block;
	padding: 2px 0 2px 3px;
	border:1px solid #fec600;
	color:#666;
	background-color:#fbf8e9 ;
	line-height:16px;
}

/* 人才招聘
----------------------------------------------- */
.jobs_title{font-size:16px; line-height:2em; border-bottom:1px dotted #666;margin-top:20px;}
.jobs_info{font-size:12px;font-weight:normal;color:#999;}
.job_box .job_more{color:#1e7404;display:block;}
.jobsview_title{ font-size:16px;}
.jobs_info{ width:100%;}
.jobs_info li{ width:300px;float:left; height:24px;line-height:2em;}
.miaoshu{ border-bottom:1px dotted #666;margin-top:30px; font-size:14px;margin-bottom:10px;}

/* 人才招聘
----------------------------------------------- */
.downlist_ul{}
.downlist_ul li{ margin:8px 0; border-bottom:1px dotted #666; height:22px;padding:0 5px;}


/* 提示信息
----------------------------------------------- */
#douMsg {
	padding:10px 0 100px 0;
}
#douMsg dl {
	padding:180px 0;
	text-align:center;
	background-color:#EBEBEB;
	border-top:1px solid #FFFFFF;
}
#douMsg dt {
	color:#0072C6;
	font-size:16px;
	margin-bottom:30px;
	font-weight:bold;
}
#douMsg dd {
	color:#666;
}
#douMsg dd a {
	margin-left:5px;
	color:#000;
}

/* 在线客服
----------------------------------------------- */
#onlineService {
	position:fixed;
	_position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
	top:208px;
	right:0px;
	z-index:999999;
	display:block;
}
#onlineService dl {
	position:relative;
}
#onlineService .service {
	cursor:pointer;
	background:url(online_icon.gif) no-repeat;
	width:34px;
	height:110px;
}
#onlineService #pop {
	border:3px solid #19B4EA;
	background-color:#F2F2F2;
	width:77px;
	min-height:84px;
	padding:10px;
	position:absolute;
	right:34px;
	top:0;
	display:none;
	z-index:999999;
}
#onlineService #pop img {
	margin-bottom:8px;
}
#onlineService .goTop {
	display:none;
}
#onlineService .goTop .goBtn {
	background:url(online_go_btn.gif) no-repeat;
	width:34px;
	height:34px;
	display:block;
}