/* CSS Document */
.location{
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#top{
	position:relative;
	width:100%;
	height:114px;
	/*background:url(bg-top.gif) repeat-x;*/
	z-index:66;
}
.top_bg{ background:url(bg-top.gif) repeat-x;}
.topLink{ width:990px; height:70px;}
.nav{ width:990px; height:44px;}
.navBar{
	list-style:none;
	width:710px;
	height:44px;
	float:left;
	
}
.navBar li{
	height:35px;
	margin:5px 0 0 0;
	float:left;
	overflow:hidden;}
.navBar .nav01{ width:72px; background:url(makeNav.gif) 0 -5px no-repeat;}
.navBar .nav02{ width:93px; background:url(makeNav.gif) -72px -5px no-repeat;}
.navBar .nav03{ width:90px; background:url(makeNav.gif) -165px -5px no-repeat;}
.navBar .nav04{ width:87px; background:url(makeNav.gif) -255px -5px no-repeat;}
.navBar .nav05{ width:82px; background:url(makeNav.gif) -342px -5px no-repeat;}
.navBar .nav06{ width:118px; background:url(makeNav.gif) -424px -5px no-repeat;}
.navBar .nav07{ width:88px; background:url(makeNav.gif) -542px -5px no-repeat;}
.navBar .nav08{ width:80px; background:url(makeNav.gif) -630px -5px no-repeat;}
.navBar li a{
	display:block;
	width:100%;
	height:35px;
	text-indent:-9999px;
	
}
.navBar .nav01 a:hover,.curNav01{ background:url(makeNav.gif) 0 -49px no-repeat;}
.navBar .nav02 a:hover,.curNav02{ background:url(makeNav.gif) -72px -49px no-repeat;}
.navBar .nav03 a:hover,.curNav03{ background:url(makeNav.gif) -165px -49px no-repeat;}
.navBar .nav04 a:hover,.curNav04{ background:url(makeNav.gif) -255px -49px no-repeat;}
.navBar .nav05 a:hover,.curNav05{ background:url(makeNav.gif) -342px -49px no-repeat;}
.navBar .nav06 a:hover,.curNav06{ background:url(makeNav.gif) -424px -49px no-repeat;}
.navBar .nav07 a:hover,.curNav07{ background:url(makeNav.gif) -542px -49px no-repeat;}
.navBar .nav08 a:hover,.curNav08{ background:url(makeNav.gif) -630px -49px no-repeat;}

.loginBar{
	list-style:none;
	width:280px;
	height:44px;
	float:left;
	background:url(makeNav.gif) -710px 0 no-repeat;
}
.loginBar li{ height:44px; float:left;}
.loginBar .li01{ width:128px;}
.loginBar .li01 input{
	width:80px;
	height:20px;
	line-height:20px;
	padding:0;
	margin:12px 0 0 47px;
	border:0;
	float:left;
}
.loginBar .li02{ width:119px;}
.loginBar .li02 input{
	width:80px;
	height:20px;
	line-height:20px;
	padding:0;
	margin:12px 0 0 38px;
	border:0;
	float:left;
}
.loginBar .li03{ width:33px;}
.loginBar .li03 input{
	width:26px;
	height:12px;
	padding:0;
	margin:18px 0 0 4px;
	border:0;
	text-indent:-9999px;
	background:transparent;
	cursor:pointer;
	float:left;
}
.topLogo{
	position:relative;
	width:160px;
	height:50px;
	margin-top:-100px;
	background:transparent;
}
.topLogo a{
	display:block;
	width:160px;
	height:50px;
	margin:0 0 0 16px;
	text-indent:-9999px;
	background:url(pic-logo.gif) 0 0 no-repeat;
}

#indBanner{
	position:relative;
	width:100%;
	height:283px;
	margin-top:-4px;
	background:url(bg-indbanner.gif) bottom repeat-x;
	z-index:65;
}
.indBannerCont{
	width:990px;
	height:283px;
	background:url(bg-indBanner-big.gif) center 0 no-repeat;
}
.indNews{
	position:absolute;
	top:37px;
	left:56px;
	width:208px;
	height:148px;
}
.indNews_til{
	list-style:none;
	height:22px;
}
.indNews_til li{ height:22px; float:left;}
.indNews_til .li01{ width:148px;}
.indNews_til .li01 a{
	display:block;
	width:70px;
	height:22px;
	line-height:24px;
	text-align:center;
	float:left;
	overflow:hidden;
}
.indNews_til .li01 a:hover{ text-decoration:none;}
.indNews_til .li01 .opt{
	color:#1e87c1;
	background:url(pic-indNt02.gif) 0 0 no-repeat;
}
.indNews_til .li01 .opt_cur{
	color:#9adbff;
	background:url(pic-indNt01.gif) 0 0 no-repeat;
}
.indNews_til .li02{ width:60px; text-align:right;}
.indNews_til .li02 img{ margin:8px 0 0 0;}
.indNews_list{
	list-style:none;
	margin:16px 0 0 0;
}
.indNews_list li{
	height:25px;
	padding:0 0 0 34px;
	background:url(pic-new01.gif) 0 0 no-repeat;
}
.indNews_list li a,.indNews_list li a:hover{ color:#9adbff;}
.indFlash{
	position:absolute;
	top:0;
	left:345px;
	width:300px;
	height:283px;
}
.solution{
	position:absolute;
	top:32px;
	left:734px;
	width:234px;
}
.solution p{ margin:0; height:28px;}
.solution .boxdiv{
	height:112px;
	padding:8px;
	text-indent:24px;
	line-height:22px;
	background:transparent url(bg-indsou.gif) 0 0 no-repeat;
	overflow:hidden;
}
.solution div a,.solution div a:hover{color:#fff;}

#indMain{
	position:relative;
	width:100%;
	height:226px;
	background:#fff url(bg-indmain.gif) repeat-x;
}
.indMain_cont{
	width:968px;
	height:214px;
	padding:0 11px;
}
.indMain01{
	width:296px;
	padding-right:32px;
	margin-top:26px;
	float:left;
}
.indMain_til{
	position:relative;
	list-style:none;
	width:100%;
	height:25px;
}
.indMain_til li{ height:25px;}
.indMain_til .li01{ width:210px; float:left;}
.indMain_til .li02{ width:50px; text-align:right; float:right;}
.indMain_til .li02 img{ margin-top:14px;}
.indMain01_show{
	position:relative;
	width:296px;
	height:124px;
	margin-top:20px;
	z-index:55;
}
.indMS_img{	width:132px; text-align:center; float:left;}
.indMS_img img{
	width:116px;
	height:122px;
	border:1px solid #b3b3b3;
}
.indMS_txt{
	list-style:none;
	margin-top:18px;
	width:164px;
	height:88px;
	overflow:hidden;
	line-height:22px;
	float:left;
}
.indMS_txt span{ color:#0153a3;}
.indMain01_num{
	position:relative;
	clear:both;
	width:100%;
	height:22px;
	margin:-22px 0 0 0;
	z-index:66;
	float:left;
}
.indMain01_num a{
	display:block;
	width:11px;
	height:13px;
	color:#fe6565;
	text-align:center;
	margin:3px 2px 0 2px;
	background:#ededed;
	float:right;
}
.indMain01_num a:hover,.indMain01_num #curNum{
	color:#fff;
	margin:0 2px 0 2px;
	padding:3px 0 0 0;
	background:#fe6565;
}
.indMain02{
	width:332px;
	padding-right:52px;
	margin-top:26px;
	background:url(pic-indM02.gif) 0 bottom no-repeat;
	float:left;
}
.indM02Cont{
	height:142px;
	margin-top:22px;
	padding-right:60px;
	text-indent:24px;
	line-height:22px;
}
.indM02Cont a,.indM02Cont a:hover{ color:#0153a3;}
.indMain03{
	width:254px;
	float:left;
}
.indMain03 ul{ list-style:none;}
.indMain03 ul li{ height:61px; margin-top:11px;}
#footer{
	position:relative;
	width:100%;
	height:117px;
	background:#f4f4f4 url(bg-footer.gif) repeat-x;
}
.indLinks{
	width:990px;
	height:36px;
	line-height:36px;
	text-align:center;
	overflow:hidden;
	background:url(bg-footer.gif) repeat-x;
}
.indLinks a{ color:#666;}
.indFootTxt{
	list-style:none;
	width:990px;
	line-height:18px;
	margin-top:16px;
}
.indFootTxt li{ float:left;}
.indFootTxt .li01{ width:590px; text-align:left;}
.indFootTxt .li02{ width:400px; text-align:right;}
.foot a,a:hover,a:active,a:link{color:#999999;}



/*+++++++++++++++++++++++++++++other pages++++++++++++++++++++++++++++*/
#othMain{
	width:1002px;
	padding:0 0 12px 0;
	background:#00509f url(bg-othMain.jpg) center 0 no-repeat;
}

.othSide{
	width:112px;
	margin:55px 0 0 92px;
	float:left;
	display:inline;
}
.leftTil{ margin:0; height:48px;}
.sideMenu{ list-style:none;}
.sideMenu li{ min-height:28px;position:relative;}
.sideMenu li a{
	display:block;
	padding:3px 0 0 4px;
	 min-height:14px;
	color:#0050a3;
	width:auto;
	overflow:hidden;
}
.sideMenu li a:hover,#curSideNav{
	color:white;
	width:auto;
	background:url(bg-side-menu.gif) 0 0 no-repeat;
	text-decoration:none;
}
.sideMenu li ul {display: none; width:auto;}
.sideMenu li:hover ul {display:block; position:absolute; top:0; left:105px;}
.sideMenu li:hover ul li a.hide {color:#fff;}
.sideMenu li:hover ul li:hover a.hide {}
.sideMenu li:hover ul li
{
	width:130px;
	 line-height:25px;
	 list-style:none;
	 background: #E2E2E2;
border-color: #FFFFFF #666666 #333333 #999999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; clip:  rect();
	}
	
.sideMenu li:hover ul li ul {display: none;}
.sideMenu li:hover ul li a {display:block;text-decoration:none; width:auto;vertical-align:middle;line-height:25px;}
.sideMenu li:hover ul li a:hover {color:#fff;  vertical-align:middle;line-height:25px; background-image:url(bg-side-menu_bg.gif); background-repeat:repeat;}
.sideMenu li:hover ul li:hover ul {display:block; position:absolute;left:105px;  top:0;line-height:25px;}
.othRight{
	width:719px;
	margin:24px 0 0 11px;
	float:left;
	background:url(bg-oth-right.gif) repeat-y;
}
.othRT{
	margin:0;
	width:100%;
	height:166px;
	background:url(pic-oth-right-top.gif) 0 0 no-repeat;
}
.othRTil{
	height:48px;
	padding:28px 0 0 62px;
	background:url(bg-o-t-til.gif) 0 0 no-repeat;
}
.othRTil div{
	padding:0 24px 0 0;
	height:48px;
	float:left;
}
.othRTil ul{
	list-style:none;
	color:#b19b50;
	padding:0 0 0 10px;
	height:48px;
	background:url(line-curpos.gif) 0 2px no-repeat;
	float:left;
}
.othRTil ul .li01{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	height:17px;
}
.othRTil ul .li02{ height:31px;}
.othRTil ul .li02 a,.othRTil ul .li02 a:hover{ color:#b19b50;}
.othRTil ul .li02 span{ color:#9d9d9d;}
.othCont{
	width:610px;
	padding:0 48px 72px 61px;
	min-height:430px;
	height:auto !important;
	height:430px;
	overflow:visible;
	background:url(bg-othCont.gif) 0 bottom no-repeat;
}
.othCont1{
	width:610px;
	padding:0 48px 10px 61px;
	height:auto !important;
	overflow:visible;
	background:url(bg-othCont.gif) 0 bottom no-repeat;
}
.turnPage{
	width:100%;
	height:12px;
	text-align:center;
	overflow:hidden;
	margin:28px 0 0 0;
	clear:both;
}
.turnPage a{ color:#b19b50; margin:0 2px; font-weight:700;}
.turnPage .aCur{ text-decoration:underline;}
.turnPage img{ vertical-align:text-top;}
/*______________aboutUs.html_____________*/
.aboutUs{
	line-height:28px;
	margin:28px 0 0 0;
	padding:0 0 230px 0;
}
.aboutUs1{
	line-height:28px;
	margin:28px 0 0 0;
	padding:0 0 20px 0;
}
.aboutUs_bg{background:url(pic-aboutUs.gif) right bottom no-repeat;}
.aboutUs p{ margin:8px 0;}

/*_________________culture.html____________________*/
.culture{ list-style:none; margin:16px 0 0 0;}
.culture li{ padding:0 0 4px 0;}

/*_____________news.html______________*/
.news{ width:100%; margin:8px 0 0 0;}
.newstil{
	margin:0;
	width:100%;
	height:24px;
	background:url(pic-newstil.gif) center 0 no-repeat;
}
.newslist{ width:100%;}
.newslist ul{
	list-style:none;
	position:relative;
	width:100%;
	height:28px;
	border-bottom:1px solid #eaeaea;
}
.newslist ul .li01{
	position:relative;
	padding:10px 0 0 48px;
	height:18px;
	background:url(til--news.gif) 16px 12px no-repeat;
}
.newslist ul .li01 a,.newslist ul .li01 a:hover{ color:#b19b50;}
.newslist ul .li02{
	position:absolute;
	top:10px;
	left:504px;
	color:#b19b50;
	width:106px;
	height:18px;
	text-align:center;
	background:#fff;
}
.newsbottom{
	margin:2px 0 0 0;
	height:3px;
	border:1px solid #d3d3d3;
	background:url(line-newsbottom.gif) repeat-x;
	overflow:hidden;
}

/*___________________newsDet.html__________________*/
.newsDet{ width:100%; margin:12px 0 0 0;}
.newsTil{
	color:#666;
	font-size:14px;
	height:28px;
	text-align:center;
}
.newsDate{
	margin:0;
	height:16px;
	line-height:16px;
	text-align:center;
	color:#ccc;
	border-top:1px solid #eee;
	background:url(line-newsbottom.gif) bottom repeat-x;
}
.newsCont{ line-height:22px;}
.newsCont img{
	max-width:600px;
	width:expression(this.width>600?600:true);
}

/*________________services.html_________________*/
.services{ width:100%;}

/*_______________product.html_____________________*/
.product{
	width:672px;
	margin:10px 0 0 -62px;
}
.product ul{
	list-style:none;
	width:224px;
	height:158px;
	float:left;
}
.product ul li{
	margin:0 0 0 62px;
	overflow:hidden;
}
.product ul .li01{
	width:160px;
	height:122px;
	border:1px solid #f0f0f0;
}
.product ul .li01 img{
	width:156px;
	height:118px;
	margin:2px;
}
.product ul .li02{
	width:162px;
	height:34px;
	line-height:34px;
	text-align:center;
}
.product_search{
	height:36px;
	margin:12px 0 0 0;
	border:1px solid #d3d3d3;
	background:#fff;
}
.product_search table{
	border:0;
	width:100%;
	height:100%;
	vertical-align:middle;
	border-collapse:collapse;
	border-spacing:0;
}
.product_search table td{ text-align:center;}
.product_search table input{ margin:0; padding:0;}
.product_search table .input_txt{
	width:190px;
	height:18px;
	line-height:18px;
	border:0;
	background:#e6e6e6;
}
.product_search table .input_btn{
	width:77px;
	height:20px;
	border:0;
	background:url(btn-prod-search.gif) center 0 no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
.product_tils{
	width:100%;
}
.product_tils div{
	height:20px;
	padding:0 0 0 8px;
	margin:8px 0 0 0;
	background:url(til-product01.gif) 0 0 no-repeat;
	float:left;
}
.product_tils div a{
	display:block;
	color:#ca9c18;
	height:15px;
	padding:5px 8px 0 0;
	background:url(til-product02.gif) right 0 no-repeat;
	cursor:pointer;
	float:left;
}
.product_tils div a:hover{ color:#ca9c18;}
.product_tils span{
	display:block;
	width:14px;
	height:20px;
	margin:8px 0 0 0;
	background:url(product-cir.gif) 0 0 no-repeat;
	float:left;
}

/*____________solution.html_____________*/
.othSolution{
	width:610px;
}
.othSolution_item{
	width:610px;
	height:128px;
	margin:22px 0 0 0;
}
.othSolution_item div{
	width:182px;
	height:128px;
	overflow:hidden;
	float:left;
}
.othSolution_item div img{
	width:156px;
	height:116px;
	border:1px solid #d1d1d1;
}
.othSolution_item ul{
	list-style:none;
	width:408px;
	height:128px;
	float:left;
}
.othSolution_item ul .li01{
	height:26px;
	line-height:26px;
}
.othSolution_item ul .li01 h2{ font-size:14px; color:#c4a32c;}
.othSolution_item ul .li02{
	height:88px;
	line-height:22px;
	text-indent:24px;
	overflow:hidden;
}

/*_______________contact.html___________________*/
.contact{ width:100%;}
.contact_txt{
	width:100%;
	margin:18px 0 0 0;
	background:#e4eff0 url(bg-contact01.gif) right top no-repeat;
}
.contactBg{
	padding:4px 0 6px 12px;
	background:url(bg-contact02.gif) right bottom no-repeat;
}
.contact_txt ul{
	height:20px;
	list-style:none;
	padding:0 0 2px 0;
	overflow:hidden;
}
.contact_txt ul .li01{
	height:20px;
	line-height:20px;
	text-align:center;
	padding:0 6px 0 8px;
	color:#fff;
	background:#23aeb6;
	float:left;
}
.contact_txt ul .li02{
	line-height:20px;
	padding:0 6px 0 6px;
	float:left;
}
.contact_txt ul .li03{
	height:0;
	overflow:hidden;
	clear:both;
}
.contact_txt ul .li_width01{ width:250px;}
.contact_txt ul .li_width02{ width:150px;}
/*_________________________job.html______________________*/
.jobList{
	width:100%;
}
.jobList ul{ list-style:none; padding:4px 0 8px 0; border-bottom:1px solid #eee;}
.jobList ul .li01{ height:32px; line-height:32px;}
.jobList ul .li01 h2{ font-size:12px; color:#c4a32c;}
.jobList ul .li02{ line-height:22px; text-indent:24px;}
.jobList ul .li03{ height:38px; text-align:right; padding:0 4px 0 0;}
.jobList ul .li03 input{
	margin:0;
	padding:0;
	border:0;
	width:138px;
	height:32px;
	text-indent:-9999px;
	background:url(btn-job.gif) 0 0 no-repeat;
}
/*_________________dojob.html________________________*/
.dojob{ width:100%;}
.dojob table{
	width:90%;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	margin:8px 0 0 5%;
}
.dojob table td{ padding:4px 0;}
.btnJob{
	margin:0;
	padding:0;
	border:0;
	color:#333;
	width:100px;
	height:28px;
	line-height:28px;
	letter-spacing:4px;
	text-align:center;
	background:url(btn-dojob.gif) center 0 no-repeat;
	cursor:pointer;
}