﻿#header {
	height:129px;
	background:url(../images/header_xbg.jpg) repeat-x;
}

#header .head , #main{
	width:962px;
	margin:0 auto;
}

#header .head{ background:url(../images/head_bg.jpg) no-repeat;}

#header .logo, #header .search{ display:inline; float:left;}
#header .logo a{ display:block; float:left; width:393px; height:85px; font-size:0; text-indent:-99999px; background:url(../images/logo.jpg) no-repeat;}

#header .search{ width:292px; height:64px; float:right; overflow:hidden; margin:21px 0 0 0;}
#header .search input{ width:235px; height:31px; line-height:31px; background:url(../images/search_icon.gif) no-repeat; border:none; overflow:hidden; float:left; padding:0 5px 0 10px; color:#817F80;}
#header .search input.btn{ width:42px; height:31px; line-height:31px; font-size:0; text-indent:-99999px; background-position: right bottom; border:none; overflow:hidden; padding:0; cursor:pointer; outline:none;}


.nav{ height:44px; line-height:44px;}
.nav li{ display:inline; float:left; width:85px; height:44px; padding:0 10px;background:url(../images/nav_icon.gif) no-repeat right -192px; overflow:hidden;}

.nav li a{ display:block; float:left; height:44px; width:85px; overflow:hidden; text-align:center; color:#fff; font-size:14px; font-weight:bold; }
.nav ul li a span u{text-decoration:none;}

.nav ul li a:hover{ text-decoration:none; display:block; float:left; width:85px; text-align:center; background:url(../images/nav_icon.gif) repeat-x;}
.nav ul li a:hover span{ display:block;  background:url(../images/nav_icon.gif) no-repeat right -128px; padding-right:5px;}
.nav ul li a:hover span u{ text-decoration:none; color:#FFF89D; display:block; background:url(../images/nav_icon.gif) no-repeat left -64px; padding-left:5px;font-style:normal;}



.br{width:100%;height:20px;}/*空行*/
.blue{color:#0043bd;}/*蓝色*/
.blue a,.blue a:hover{color:#0043bd;}/*蓝色*/
.red,.red a,.red a:hover{color:#ff0000;}/*红色*/
.green{color:#008000;}
.gray{color:#999;}/*灰色*/
.bold{font-weight:bold;}
.font13{font-size:13px;}


#wrapper{width:960px;background:url(../images/main_bg.jpg) repeat-x; height:1%; overflow:hidden; margin:0 auto}

#container {
	width:962px;
	position:relative;
	z-index:0;
}

#example {
	width:962px;
	height:328px;
	position:relative;
}

#ribbon {
	position:absolute;
	z-index:500;
}



/*
	Slideshow
*/

#slides {
	position:absolute;
	z-index:100;
	background:url(../images/pageination_bg.jpg) no-repeat left bottom;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:962px;
	overflow:hidden;
	position:relative;
	display:none;
	height:302px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:962px;
	height:302px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:5px auto 0;
	width:150px;
	height:20px;
}

.pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:13px;
	height:0;
	padding-top:13px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -23px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:962px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

#content{ border:1px solid #0C0D0F; border-bottom:none; height:1%; overflow:hidden;}
#content .inner{ background:#fff url(../images/con_bg.jpg) no-repeat left top; height:1%; overflow:hidden; padding:5px 5px 0 5px;}
.sPage { border:1px solid #000; height:1%; overflow:hidden; border-bottom:none; background:#fff;}
.banner{ height:200px; overflow:hidden; background:#e24204 url(../images/con_bg.jpg) no-repeat left bottom; padding-bottom:26px;}
.icol{ height:1%; overflow:hidden; background:#fff url(../images/con_botbg.jpg) no-repeat left bottom; }

.product {padding-top:10px;padding-left:8px;}
/*首页产品滚动*/
#viewer img {width:180px; height:120px;border:1px #CCCCCC solid;padding:3px;}
#viewer a{display:block;float:left;width:186px; height:156px;line-height:24px; text-align:center;padding:4px;}

.flash{float:left;padding:5px;}

.ileft{float:left;width:230px;}
.ileft,.iright{ margin-top:10px;}
.ileft{border:1px solid #DCDCDC;border-bottom:none; width:710px; background:url(../images/xbg.jpg) repeat-x 0 0; padding-bottom:20px;}
.iright{width:227px; float:right;background:url(../images/xbg.jpg) repeat-x 0 0;}
.bg{background:url(../images/xbg.jpg) repeat-x 0 0;border:1px solid #DCDCDC;border-bottom:none;height:280px;}


.procategory, .usservice, .uspro{ display:inline; float:left; margin-left:10px; margin-top:20px;}
.procategory { width:230px;}
.usservice{ width:200px; margin-left:20px;}
.uspro{ width:230px;}
.ibox .cont ul li{ height:20px; line-height:20px; overflow:hidden; background:url(../images/ileft_icon.gif) no-repeat left -155px; padding-left:10px;}
.ibox .cont ul li a{ color:#5D5D5D;}
.ibox h1{ font-size:14px;font-size:0; text-indent:-99999px; height:30px;}
.usservice h1{ background:url(../images/us_tit.gif) no-repeat 0 0;}
.uspro h1{ background:url(../images/us_tit.gif) no-repeat 0 -30px;}
.prosearch .title{ background:url(../images/ileft_icon.gif) no-repeat 0 0; height:25px; line-height:25px; overflow:hidden;}
.prosearch .title ul { padding-top:3px;}
.prosearch .title ul li{ display:inline; float:left; margin-left:5px;}
.prosearch .title ul li a{ display:block; float:left; width:66px; text-align:center; color:#fff;}
.prosearch .title ul li a.current{ background:url(../images/ileft_icon.gif) no-repeat 0 -121px; color:#5D5D5D;}
.prosearch .cont{ position:relative; border:1px solid #ccc; border-top:none; height:1%; overflow:hidden; padding:10px 5px;}
.prosearch .cont input{ background:url(../images/ileft_icon.gif) no-repeat 0 -45px; width:192px; height:19px; font-size:12px; padding:2px 0 0 20px; border:none; overflow:hidden; color:#666;}


.prosearch .cont input.btn{ background:url(../images/ileft_icon.gif) no-repeat 0 -86px; width:15px; height:15px; line-height:15px; text-align:center; font-size:0; text-indent:-99999px; cursor:pointer; padding:0; position:absolute; right:15px; top:14px; z-index:9999;
}


.help h1{ height:36px; font-size:0; text-indent:-99999px; background:url(../images/ileft_icon.gif) no-repeat 0 -188px; border-bottom:1px solid #ccc;}
.help .cont{ padding:5px; height:1%; overflow:hidden;}

.other{ padding:6px 10px 6px 10px; border:1px solid #DCDCDC;border-bottom:none; height:80px; overflow:hidden;}
.other ul li{ height:20px; line-height:20px; overflow:hidden; background:url(../images/ileft_icon.gif) no-repeat left -239px; padding-left:15px;}
.other ul li a{color:#5D5D5D;}



.doc { background:url(../images/doc_bg.jpg) repeat-x; height:1%; overflow:hidden; padding-bottom:20px;}
.doc dl{ display:inline; float:left; width:205px; margin-left:20px; background:url(../images/bot_rbg.jpg) no-repeat right bottom; padding-right:10px;}
.doc dl dt{ height:50px; line-height:50px; background:url(../images/doc_tit.gif) no-repeat; font-size:0; text-indent:-99999px; margin-bottom:20px;}
.icon_1{float:left}
.icon_2{float:left}
.doc dl.icon_1 dt{background-position: 0 20px ;}
.doc dl.icon_2 dt{ background-position: 0 -14px;}
.doc dl.icon_3 dt{ background-position: 0 -48px;}
.doc dl.icon_4 dt{ background-position: 0 -82px;}
.doc dl.icon_4 { background:none;}



.doc dl.icon_3 dd{ display:inline; float:left; background:none; padding:0; width:100px;}


.doc dl dd{ height:23px; line-height:23px; overflow:hidden; background:url(../images/ileft_icon.gif) no-repeat left -267px; padding-left:10px;}
.doc dl dd a{ color:#A6A6A6;}

.doc dl.icon_4 dd{ background:url(../images/c_icon.jpg) no-repeat; padding-left:20px; color:#A6A6A6; height:auto; overflow:visible;}
.doc dl.icon_4 dd.tel{ background-position:0 5px;}
.doc dl.icon_4 dd.email{ background-position:0 -28px;}
.doc dl.icon_4 dd.address{ background-position:0 -59px;}
.doc dl.icon_4 dd.share{ background-position:0 -102px; color:#A6A6A6;}


.bshareText{ color:#A6A6A6;}







.currentPath{ line-height:30px; height:30px; overflow:hidden; padding:0 10px; border-bottom:1px solid #EBEBEB;}

.sleft, .sright{ display:inline; float:left; height:1%; overflow:hidden; margin-bottom:10px;}

.sleft{ width:258px;}
.sright{ width:675px; border:1px solid #EBEBEB; padding:10px;}
.sright h1{ font-size:14px; padding:20px 0;}

.sleft dl dd{ padding-left:10px;}

.sleft .contact .cc{ padding:10px;}

.sleft .slbox{ background:url(../images/sleft_icon.gif) no-repeat left bottom; padding-bottom:10px;}
.sleft .slbox .inner{ background:url(../images/sleft_icon.gif) no-repeat left top; padding-top:10px;}
.sleft .slbox .inner .cont{background:url(../images/sleft_menu_ybg.jpg) repeat-y; height:1%; overflow:hidden; padding:0 12px 0 10px;}
.sleft .slbox h1{ display:block; background:url(../images/sleft_icon.gif) no-repeat 0 -81px; height:42px; line-height:42px; font-size:14px; color:#fff; padding-left:45px;}
.sleft .menu dl{ margin:0 auto;}
.sleft .menu dl dt{ height:30px;border-bottom:1px dotted #ccc; line-height:30px; padding-left:44px;}
.sleft .menu dl dt a{ background:url(../images/sleft_icon.gif) no-repeat left -138px; padding-left:10px; }
.sleft .menu dl dd{ height:20px; line-height:20px; padding-left:70px; overflow:hidden;}
.sleft .slbox .inner .cont p{ line-height:200%;}



/*关于我们*/
.about { line-height:200%; font-size:14px; padding:10px;}
.about p{ padding-bottom:10px;}
.about a{ color:#f60; text-decoration:underline;}
.auto {
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}

/*新闻*/
.newslist{padding:5px;}
.newslist h3{font-size:16px;}
.newslist li{ height:30px; line-height:30px; overflow:hidden; background:url(../images/icon_dot.gif) no-repeat left 13px; padding-left:10px; font-size:13px;border-bottom:1px #CCCCCC dashed;}
.newslist li span{float:right; color:#666;}

#NewsTitle h1{ font-size:22px; padding:20px 0; text-align:center; line-height:200%;}
#NewsAttr { text-align:center; padding:10px 0;}
#NewsContent{ line-height:200%; font-size:14px; padding:20px 10px;}
#NewsContent a{ text-decoration:underline; color:Blue;}
#NewsContent p{ padding-bottom:10px;}

blockquote{ line-height:180%; color:#666; border:1px solid #ccc; padding:5px; height:1%; overflow:hidden; background:#efefef;}

/*招贤纳士*/

.job table{ border-collapse:collapse;}
.job table th, .job table td{ padding:10px 5px; text-align:left; font-size:14px;}
.job table th{ background:#CAE1F3;}

.job table td{ border-bottom:1px dotted #ccc; font-size:12px;}
.job table td a{ text-decoration:underline;}



.recr-c{ font-size:14px;}
.recr-c h4 {
    background:#E7EEF6;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    color: #9A6601;
}

.recr-c .recr-i {
    padding: 12px;
    height:1%;
    overflow:hidden;
}

.recr-c .dline {
    background: url("../images/dot-line.gif") repeat-x;
}
.recr-c h5 {
    color: #9A6601;
	font-size:14px;
	line-height:30px;
}

.recr-c p{ font-size:14px; line-height:25px;}

.recr-c span{ display:block; float:left; width:210px;}
 

/*精英团队*/
.team ul li{ display:inline; float:left; width:117px; height:174px; text-align:center; margin:10px 20px;}
.team ul li a{ display:block; float:left; text-align:center; width:117px;}
.team ul li a.name{ height:20px; line-height:20px; text-align:center;}


.team .headpic { width:200px; height:214px; text-align:center; float:left;}
.team .headpic p{ line-height:30px; padding-left:50px; text-align:left;}
.team .intro{ line-height:200%;}
.team .intro p{ padding-bottom:10px;}

#foot{ background:url(../images/foot_bg.jpg) no-repeat; height:65px; padding-bottom:65px; text-align:center; line-height:65px; color:#A6A8A7;}
.union{ text-align:center;}

/*文章正文*/
#newsinfo{margin:0 10px;height:26px;line-height:26px;border-bottom:1px solid #d4d4d4;font-size:12px;text-align:center;}

#body{font-size:14px;}
#body p{line-height:24px;}

/*上下篇*/
#next{margin:0 30px;height:36px;line-height:36px;text-align:center;font-size:13px;overflow:hidden;}
#next span{padding-right:20px;color:#999;}
#next span a{color:#18267b;}

/*相关内容*/
#NewsRelated{margin:0 30px;border-top:1px dashed #d4d4d4;text-align:left;font-size:13px;}
#NewsRelatedt{background:url(bg2010.gif) no-repeat 0 -416px;padding:10px 0 5px 30px;font-size:13px;font-weight:bold;}
#NewsRelated ul{padding:0 0 10px 32px;}
#NewsRelated li{height:26px;line-height:26px;text-align:left;overflow:hidden;}
#NewsRelated li a{color:#18267b;font-size:12px;}

.prodlist{padding-top:10px}
.prodlist li img {width:180px; height:120px;border:1px #CCCCCC solid;padding:3px;}
.prodlist li{display:block;float:left;width:216px; height:156px;line-height:24px; text-align:center;padding:4px;}