@charset "utf-8";

/*==================================================================================================*/
/*==================================================================================================*/
/*==================================================================================================*/
/*==================================================================================================*/
/*==================================================================================================*/
/*==================================================================================================*/

body { margin:0px auto; background:#F4F4F4 url("../Images/bg.gif") repeat-x;}
#IndexM{ margin:0px auto; width:990px; overflow:hidden;}

/*==================================================================================================*/
/*============================================LOGO==================================================*/
/*==================================================================================================*/
#IndexMTop{margin:0px auto; width:990px; overflow:hidden; height:85px; background:url('../Images/11.gif') no-repeat;}

#IndexMTopL{ float:left; width:450px; overflow:hidden; height:85px;}
#IndexMTopR{ float:right; width:240px; overflow:hidden; height:35px; margin-top: 50px;}
#IndexMTopR .IndexMTopROne{ width:240px; overflow:hidden; height:35px;}
#IndexMTopR .IndexMTopRTwo{width:80px; overflow:hidden; height:35px; text-align:center;}
#IndexMTopR .IndexMTopRTwo a{ text-decoration:none; color:#000; font-size:12px;}
#IndexMTopR .IndexMTopRTwo a:hover{ text-decoration:underline; color:#000; font-size:12px;}



/*==================================================================================================*/
/*==========================================导航===================================================*/
/*==================================================================================================*/
#IndexMnav{margin:5px auto; width:990px; overflow:hidden; height:56px;}
#IndexMnav .IndexMnavOne{width:990px; overflow:hidden; height:56px;}
#IndexMnav .IndexMnavTwo{width:990px; overflow:hidden; height:36px; background-image:url('../Images/navBg.gif');}




#IndexMnav .IndexMnavTwoOne{width:990px; overflow:hidden; height:36px;}
#IndexMnav .IndexMnavTwoTwo{width:110px; overflow:hidden; height:36px; line-height:36px; text-align:center;}
#IndexMnav .IndexMnavTwoTwo a{ text-decoration:none; color:#FFF; FONT:15px/36px 'microsoft yahei',Verdana,Arial; }
#IndexMnav .IndexMnavTwoTwo a:hover{ text-decoration:underline; color:#FFF; FONT:bold 15px/36px 'microsoft yahei',Verdana,Arial;}
#IndexMnav .IndexMnavThere{width:990px; overflow:hidden; height:20px;background-image:url('../Images/shadow.gif');}




/*==================================================================================================*/
/*==========================================Flash===================================================*/
/*==================================================================================================*/
#IndexFlash{margin:5px auto; width:990px; overflow:hidden; }
#IndexFlash .IndexFlashOne{ width:990px; overflow:hidden;}
#IndexFlash .IndexFlashTwo{ width:990px;height:300px; overflow:hidden;}
#IndexFlash .IndexFlashThere{ width:990px;height:30px; overflow:hidden;background-image:url('../Images/bannerShadow.gif');}

/*==================================================================================================*/
/*==========================================公司简介、新闻中心======================================*/
/*==================================================================================================*/
#IndexConnt{margin:5px auto; width:990px; height:230px;overflow:hidden;}
#IndexConnt .IndexConntOne{ width:990px; height:230px;}


/*==========================================公司简介======================================*/
#IndexConnt .IndexConntTwo{width:625px; height:230px; vertical-align:top;}
#IndexConnt .IndexConntTwoOne{width:625px; height:230px; }
#IndexConnt .IndexConntTwoTwo{width:625px; height:31px; background-image:url('../Images/hsjj_tit.jpg');}
#IndexConnt .IndexConntTwoTwoOne{width:625px; height:31px;}
#IndexConnt .IndexConntTwoTwoTwo{width:560px; height:31px; text-indent:2em;}

#IndexConnt .IndexConntTwoTwoTwo dkf{FONT: bold 18px/31px 'microsoft yahei',Verdana,Arial; color:red;}
#IndexConnt .IndexConntTwoTwoTwo dfs{FONT: 16px/31px 'microsoft yahei',Verdana,Arial; color:#990000;padding-left:10px;}
#IndexConnt .IndexConntTwoTwoThere{width:65px; height:31px; text-align:center;}
#IndexConnt .IndexConntTwoTwoThere a{ text-decoration:none; FONT: 13px/31px 'microsoft yahei',Verdana,Arial; color:#9b9b9b;}
#IndexConnt .IndexConntTwoTwoThere a:hover{ text-decoration:underline; FONT: 13px/31px 'microsoft yahei',Verdana,Arial; color:#9b9b9b;}
#IndexConnt .IndexConntTwoThere{width:625px; height:199px; vertical-align:top;}
#IndexConnt .IndexConntTwoThereOne{width:625px; height:199px;}
#IndexConnt .IndexConntTwoThereTwo{width:225px; height:199px; text-align:center;}
#IndexConnt .IndexConntTwoThereTwo img{ width:170px; height:170px; border:0px;}
#IndexConnt .IndexConntTwoThereThere{width:400px; height:199px; vertical-align:top;FONT: 12px/20px 'microsoft yahei',Verdana,Arial; color:#000;}
#IndexConnt .IndexConntTwoThereThere p{ text-indent:2em;}

/*==========================================新闻中心======================================*/
#IndexConnt .IndexConntThere{width:345px; height:230px;}
#IndexConnt .IndexConntThereOne{width:345px; height:230px;}
#IndexConnt .IndexConntThereTwo{width:345px; height:31px;background-image:url('../Images/Index_Images002.png');}
#IndexConnt .IndexConntThereTwoOne{width:345px; height:31px;}
#IndexConnt .IndexConntThereTwoTwo{width:280px; height:31px; text-indent:2em;}
#IndexConnt .IndexConntThereTwoTwo dkf{FONT: bold 18px/31px 'microsoft yahei',Verdana,Arial; color:red;}
#IndexConnt .IndexConntThereTwoTwo dfs{FONT: 16px/31px 'microsoft yahei',Verdana,Arial; color:#990000; padding-left:10px;}
#IndexConnt .IndexConntThereTwoThere{width:65px; height:31px; text-align:center;}
#IndexConnt .IndexConntThereTwoThere a{ text-decoration:none; FONT: 13px/31px 'microsoft yahei',Verdana,Arial; color:#9b9b9b;}
#IndexConnt .IndexConntThereTwoThere a:hover{ text-decoration:underline; FONT: 13px/31px 'microsoft yahei',Verdana,Arial; color:#9b9b9b;}
#IndexConnt .IndexConntThereThere{width:345px; height:199px; vertical-align:top;}
#IndexConnt .IndexConntThereThereOne{width:345px; overflow:hidden;}
#IndexConnt .IndexConntThereThereTwo{width:260px; height:20px; overflow:hidden;}
#IndexConnt .IndexConntThereThereTwo a{ text-decoration:none; FONT: 13px/31px 'microsoft yahei',Verdana,Arial; color:#000;}
#IndexConnt .IndexConntThereThereTwo a:hover{ text-decoration:underline; FONT: 13px/31px 'microsoft yahei',Verdana,Arial; color:#9b9b9b;}
#IndexConnt .IndexConntThereThereThere{width:85px;  height:20px;overflow:hidden; FONT: 13px/31px 'microsoft yahei',Verdana,Arial;color:#000;}



/*==========================================新闻中心======================================*/
#IndexPro{margin:5px auto; width:990px; overflow:hidden;}
#IndexPro .IndexProOne{width:990px; overflow:hidden;}
#IndexPro .IndexProTwo{width:990px; height:31px;overflow:hidden; background-image:url('../Images/Index_Images003.png');}
#IndexPro .IndexProTwoOne{width:990px; height:31px;}
#IndexPro .IndexProTwoTwo{width:925px; height:31px;text-indent:2em;}
#IndexPro .IndexProTwoTwo dkf{FONT: bold 18px/31px 'microsoft yahei',Verdana,Arial; color:red;}
#IndexPro .IndexProTwoTwo dfs{FONT: 16px/31px 'microsoft yahei',Verdana,Arial; color:#990000; padding-left:10px;}
#IndexPro .IndexProTwoThere{width:65px; height:31px; text-align:center;}
#IndexPro .IndexProTwoThere a{ text-decoration:none; FONT: 13px/31px 'microsoft yahei',Verdana,Arial; color:#9b9b9b;}
#IndexPro .IndexProTwoThere a:hover{ text-decoration:underline; FONT: 13px/31px 'microsoft yahei',Verdana,Arial; color:#9b9b9b;}





/*==========================================产品展示======================================*/
#IndexPro .IndexProThere{width:990px;overflow:hidden;}
#IndexPro .IndexProThereOne{ margin:0px 15px; width:960px; height:260px;overflow:hidden;}
 
#IndexPro .rollBox{width:960px; height:258px; overflow:hidden;}
#IndexPro .rollBox .LeftBotton{height:258px;width:20px;background:url(../Images/job_mj_069.gif) no-repeat 0px 0;overflow:hidden;float:left;display:inline;cursor:pointer;}
#IndexPro .rollBox .RightBotton{height:258px;width:20px;background:url(../Images/job_mj_069.gif) no-repeat -20px 0;overflow:hidden;float:left;display:inline;cursor:pointer;}
#IndexPro .rollBox .Cont{width:920px;overflow:hidden;float:left;height: 258px;}
#IndexPro .rollBox .ScrCont{width:1000000px;}
#IndexPro .rollBox .Cont .pic{width:230px;float:left;text-align:center;}
#IndexPro .rollBox .Cont .pic img{background:#fff; width:228px; height:218px; border:1px solid #ccc;display:block;margin:0 auto;}
#IndexPro .rollBox .Cont .pic img:hover{background:#fff; width:226px; height:216px; border:1px solid red;display:block;margin:0 auto;}

#IndexPro .rollBox .Cont .pic p{line-height:26px;color:#505050;margin-top: 8px;}
#IndexPro .rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
#IndexPro .rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
#IndexPro .rollBox #List1,.rollBox #List2{float:left;}



#IndexPro .IndexProFour{width:990px;overflow:hidden; height:30px; background-image:url('../Images/bannerShadow.gif');}



#IndexPro .IndexProFive{width:990px;overflow:hidden; }
#IndexPro .IndexProFiveOne{width:990px;overflow:hidden; height:130px;}
#IndexPro .IndexProFiveTwo{width:248px;overflow:hidden; height:130px; text-align:center;}
#IndexPro .IndexProFiveThere{width:247px;overflow:hidden;height:130px;text-align:center;}






/*================================================================================*/
/*==========================================底部==================================*/
/*================================================================================*/
#IndexFoot{ margin:0px auto; width:100%; height:2px; background-image:url('../Images/Index_Images008.png');}
#IndexFootOne{margin:0px auto; width:990px; height:85px;}
#IndexFootOne .IndexFootOneOne{width:990px; height:85px;}
#IndexFootOne .IndexFootOneTwo{width:990px; height:40px; text-align:center;FONT: 12px/45px 'microsoft yahei',Verdana,Arial; color:#333333;}
#IndexFootOne .IndexFootOneThere{width:990px; height:45px;text-align:center;FONT: 12px/45px 'microsoft yahei',Verdana,Arial; color:#333333;}
#IndexFootOne .IndexFootOneThere a{ text-decoration:none; FONT: 12px/45px 'microsoft yahei',Verdana,Arial; color:#0066cc;}
#IndexFootOne .IndexFootOneThere a:hover{ text-decoration:underline; FONT: 12px/45px 'microsoft yahei',Verdana,Arial; color:#333333;}




/*================================================================================*/
/*==========================================AboutUs.html==========================*/
/*================================================================================*/
#AboutUs{margin:20px auto; width:990px; overflow:hidden; min-height:400px;}
#AboutUsL{ float:left; width:200px; overflow:hidden;}
#AboutUsL .AboutUsLOne{width:200px; overflow:hidden;}
#AboutUsL .AboutUsLTwo{width:200px; overflow:hidden; height:50px; background-image:url('../Images/Index_Images009.gif');}
#AboutUsL .AboutUsLThere{width:200px; overflow:hidden;}
#AboutUsL .AboutUsLThere a{ margin:5px auto; width:200px; height:30px;text-decoration:none; text-indent:1em; FONT: 12px/30px 'microsoft yahei',Verdana,Arial; color:#000000; display:block; background-image:url('../Images/navBgLi.gif');}
#AboutUsL .AboutUsLThere a:hover{ margin:5px auto; width:200px; height:30px;text-decoration:none;  text-indent:1em;FONT: 12px/30px 'microsoft yahei',Verdana,Arial; color:#FFFFFF;  display:block; background-image:url('../Images/navBgLi_001.gif');}
#AboutUsL .AboutUsLFour{width:200px; overflow:hidden;  background:#FFFFFF url('../Images/Index_Images010.png') no-repeat;}
#AboutUsL .AboutUsLFourOne{width:200px; overflow:hidden; }
#AboutUsL .AboutUsLFourTwo{width:200px; overflow:hidden;}
#AboutUsL .AboutUsLFourTwo span{ display:block; margin:0px 10px; FONT: 12px/25px 'microsoft yahei',Verdana,Arial; color:#000000;  }
#AboutUsL .AboutUsLFourTwo span a{ text-decoration:none; color:red; FONT: 12px/25px 'microsoft yahei',Verdana,Arial;}
#AboutUsL .AboutUsLFourTwo span a:hover{text-decoration:none; color:#000000; FONT: 12px/25px 'microsoft yahei',Verdana,Arial;}

#AboutUsR{ float:right; width:760px; overflow:hidden;}
#AboutUsR .AboutUsROne{width:760px; overflow:hidden;}
#AboutUsR .AboutUsRTwo{width:760px; overflow:hidden; height:30px;}
#AboutUsR .AboutUsRTwoOne{width:760px; overflow:hidden; height:30px;}
#AboutUsR .AboutUsRTwoTwo{width:30px; overflow:hidden; height:30px; text-align:center;}
#AboutUsR .AboutUsRTwoThere{width:730px; overflow:hidden; height:30px; text-align:left;color:#000000; FONT: 12px/25px 'microsoft yahei',Verdana,Arial;}
#AboutUsR .AboutUsRTwoThere a{ text-decoration:none; color:red; FONT: 12px/25px 'microsoft yahei',Verdana,Arial;}
#AboutUsR .AboutUsRTwoThere a:hover{text-decoration:none; color:#000000; FONT: 12px/25px 'microsoft yahei',Verdana,Arial;}

#AboutUsR .AboutUsRThere{width:760px; overflow:hidden; height:19px; background-image:url('../Images/border-topr.gif');}
#AboutUsR .AboutUsRFour{width:760px; overflow:hidden;background-image:url('../Images/Index_Images011.png');}
#AboutUsR .AboutUsRFourOne{ margin:5px 10px; width:740px; min-height:550px; overflow:hidden;}
#AboutUsR .AboutUsRFourOne p{ text-indent:2em;color:#000000; FONT: 12px/25px 'microsoft yahei',Verdana,Arial;}

#AboutUsR .AboutUsRFive{ width:760px; overflow:hidden; height:9px; background-image:url('../Images/Index_Images012.png');}






/*================================================================================*/
/*==========================================News.html=============================*/
/*================================================================================*/
#AboutUsR .News{ margin:5px 10px; width:740px; min-height:530px; overflow:hidden;}
#AboutUsR .NewsOne{width:740px;overflow:hidden;}
#AboutUsR .NewsTwo{width:660px; height:30px; overflow:hidden;}
#AboutUsR .NewsTwo a{ text-decoration:none; color:#000000;FONT: 13px/25px 'microsoft yahei',Verdana,Arial;}
#AboutUsR .NewsTwo a:hover{text-decoration:none;color:red;   FONT: 13px/25px 'microsoft yahei',Verdana,Arial;}
#AboutUsR .NewsThere{width:80px; height:30px;overflow:hidden;color:#000000; FONT: 12px/25px 'microsoft yahei',Verdana,Arial;}



/*================================================================================*/
/*==========================================ShangLingAdvantage.html=============================*/
/*================================================================================*/
#AboutUsR .ShangLingAdvantage{ margin:5px 10px; width:740px; min-height:550px; overflow:hidden;}
#AboutUsR .ShangLingAdvantage p{ text-indent:2em;color:#000000; FONT: 12px/25px 'microsoft yahei',Verdana,Arial;}



/*================================================================================*/
/*==========================================Message.html==========================*/
/*================================================================================*/
#AboutUsR .Message{ margin:5px 10px; width:740px; min-height:550px; overflow:hidden;}



/*================================================================================*/
/*==========================================ContactUs.html==========================*/
/*================================================================================*/
#AboutUsR .ContactUs{ margin:5px 10px; width:740px; min-height:550px; overflow:hidden; background:#FFFFFF url('../Images/Index_Images013.jpg') no-repeat;}
#AboutUsR .ContactUsOne{width:740px;overflow:hidden;}
#AboutUsR .ContactUsTwo{width:400px;overflow:hidden;}
#AboutUsR .ContactUsThere{width:340px;overflow:hidden;}
#AboutUsR .ContactUsThere span{ display:block; margin:0px 10px; FONT: 12px/30px 'microsoft yahei',Verdana,Arial; color:#000000;  }
#AboutUsR .ContactUsThere span a{ text-decoration:none; color:red; FONT: 12px/30px 'microsoft yahei',Verdana,Arial;}
#AboutUsR .ContactUsThere span a:hover{text-decoration:none; color:#000000; FONT: 12px/30px 'microsoft yahei',Verdana,Arial;}




/*================================================================================*/
/*==========================================ContactUsTwo.html==========================*/
/*================================================================================*/
#AboutUsR .ContactUsTwoR{ margin:5px 10px; width:740px; min-height:550px; overflow:hidden;}







/*================================================================================*/
/*==========================================sellingNetwork.html===================*/
/*================================================================================*/
#AboutUsR .sellingNetwork{ margin:5px 10px; width:740px; min-height:550px; overflow:hidden;}
#AboutUsR .map img{width: 496px;height: 415px; border:0px;}
#AboutUsR .sellingNetwork span{ display:block; margin:0px 10px; FONT: 12px/30px 'microsoft yahei',Verdana,Arial; color:#000000;  }
#AboutUsR .sellingNetwork span a{ text-decoration:none; color:red; FONT: 12px/30px 'microsoft yahei',Verdana,Arial;}
#AboutUsR .sellingNetwork span a:hover{text-decoration:none; color:#000000; FONT: 12px/30px 'microsoft yahei',Verdana,Arial;}





/*================================================================================*/
/*==========================================Pro.html==============================*/
/*================================================================================*/
#AboutUsR .Pro{ margin:5px 10px; width:740px; min-height:550px; overflow:hidden;}
#AboutUsR .Pro Img{ width:740px; border:0px;}



/*================================================================================*/
/*==========================================ProOne.html==============================*/
/*================================================================================*/
#AboutUsR .ProOne{ margin:5px 10px; width:740px; min-height:550px; overflow:hidden;}
#AboutUsR .ProOneOne{width:740px;overflow:hidden;}
#AboutUsR .ProOneTwo{ width:185px; height:220px; text-align:center;}

#AboutUsR .ProOneTwoOne{ width:185px; height:220px; }
#AboutUsR .ProOneTwoTwo{ width:185px; height:190px; text-align:center;}
#AboutUsR .ProOneTwoTwo a{ text-decoration:none;  }
#AboutUsR .ProOneTwoTwo a:hover{ text-decoration:none;  }
#AboutUsR .ProOneTwoTwo img{ width:180px; height:180px; border:1px solid #DDDDDD;}
#AboutUsR .ProOneTwoTwo img:hover{width:178px; height:178px; border:1px solid red;}

#AboutUsR .ProOneTwoThere{ width:185px; height:30px; }
#AboutUsR .ProOneTwoThereOne{width:185px; height:30px;}
#AboutUsR .ProOneTwoThereTwo{width:105px; height:30px; text-align:center;}
#AboutUsR .ProOneTwoThereTwo a{ text-decoration:none; color:#000000; FONT: 12px/30px 'microsoft yahei',Verdana,Arial; }
#AboutUsR .ProOneTwoThereTwo a:hover{ text-decoration:none; color:red; FONT: 12px/30px 'microsoft yahei',Verdana,Arial; }


#AboutUsR .ProOneTwoThereThere{width:80px; height:30px; text-align:center;}


#AboutUsR .ProOneThere{width:740px;overflow:hidden;}
#AboutUsR .ProOneThereOne{width:738px;overflow:hidden;}
#AboutUsR .ProOneThereTwo{width:246px;overflow:hidden; text-align:center;}
#AboutUsR .ProOneThereTwo a{ text-decoration:none; color:#000000; FONT: 12px/30px 'microsoft yahei',Verdana,Arial; }
#AboutUsR .ProOneThereTwo a:hover{ text-decoration:none; color:red; FONT: 12px/30px 'microsoft yahei',Verdana,Arial; }








/*================================================================================*/
/*==========================================ProOneList.html=======================*/
/*================================================================================*/
#AboutUsR .ProOneList{ margin:5px 10px; width:740px; min-height:550px; overflow:hidden;}
#AboutUsR .ProOneListOne{width:740px; overflow:hidden;}
#AboutUsR .ProOneListTwo{width:740px; overflow:hidden; text-align:center;}
#AboutUsR .ProOneListTwo img{ margin:10px auto;}
#AboutUsR .ProOneListThere{width:740px; height:30px; overflow:hidden; }
#AboutUsR .ProOneListThereOne{width:740px; height:30px; }
#AboutUsR .ProOneListThereTwo{width:640px; height:30px;color:#000000; FONT: 12px/30px 'microsoft yahei',Verdana,Arial;}
#AboutUsR .ProOneListThereThere{width:100px; height:30px;}
#AboutUsR .ProOneListFour{width:740px; overflow:hidden;color:#000000; FONT: 12px/30px 'microsoft yahei',Verdana,Arial;}

/*================================================================================*/
/*==========================================ProTwo.html==============================*/
/*================================================================================*/
#AboutUsR .ProTwo{ margin:5px 10px; width:740px; min-height:550px; overflow:hidden;}
#AboutUsR .ProTwo Img{ width:740px; border:0px;}

/***程序员加的样式**/
#photolist {
	text-align:center;
	padding:10px 15px 10px 15px;
}
#productname a {
	color:#000000;
	font-size:12px;
	text-decoration:none;
}
#productname a:hover {
	color:#D52410;
	font-size:12px;
	text-decoration:underline;
}
#productlist {
	width:204px;
	height:208px;	
	_height:202px;
	+height:203px;
	_padding-top:2px;
	+padding-top:2px;
	margin:0px 0px 0px 0px;
	border:1px solid #cccccc;
	background-color:#ffffff;
}
#productlist:hover {
	width:204px;
	height:208px;	
	_height:202px;
	+height:203px;
	margin:0px;
	border:1px solid #ff6600;
}
#productlist #productpicture {
	width:204px;
	height:204px;	
	_height:200px;
	+height:203px;
	text-align:center;
	display:table-cell;
 *display:inline-block;
	vertical-align:middle;
	position:relative;
	background-color:#ffffff;
}
#productlist #productpicture #imgouter {
+position:absolute;
+top:50%;
+left:0;
}
#productlist #productpicture #imginner {
+position:relative;
+top:-50%;
+left:0;
}
#productlist #productpicture #imginner img {
	display:block;
	margin:0 auto;
	border:0px;
}
#productname {
	padding-top:2px;
	padding-bottom:5px;
	text-decoration: none;
	line-height:130%;
	text-align:center;
}
.input4 {
	background-color:#f6f6f6;
	border:1px solid #999999;
	font-size:12px;
	width:150px;
	height:20px;
	color:#000000;
}
.input6 {
	background-color:#f6f6f6;
	border:1px solid #999999;
	font-size:12px;
	height:20px;
	color:#000000;
}
.input3s {
	background-color:#f6f6f6;
	border:1px solid #999999;
	font-size:12px;
	width:470px;
	color:#000000;
}
.input3{
	background-color:#f6f6f6;
	border:1px solid #999999;
	font-size:12px;
	color:#000000;
}
.input5 {
	background-color:#f6f6f6;
	border:1px solid #999999;
	font-size:12px;
	width:470px;
	height:20px;
	color:#000000;
}
.input {
	background-color:#f6f6f6;
	border:1px solid #999999;
	font-size:12px;
	width:190px;
	height:20px;
	color:#000000;
}
.input:hover, .input2:hover, .input4:hover, .input5:hover, .input6:hover, .input3s:hover {
	background-color:#ffffff;
	border:1px solid #ff6600;
	color:#000000;
}