/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Verdana, Geneva, sans-serif, "ËÎÌå";
	font-size: 12px;
	background-image: url(bg.jpg);
	background-repeat: repeat;
}
#wrapper {
	width: 925px;
	margin-right: auto;
	margin-left: auto;
}
#header {
    height: 123px;	
	}
#logo {
	float: left;
	width: 200px;
	margin-top: 48px;
}
.home{
	font-size: 12px;
	line-height: 25px;
	color: #FFFFFF;
	float: right;
	margin-top: 95px;
	text-decoration: none;
	padding-right: 10px;
	}
.home  a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.home a:visited  {
	color: #FFFFFF;
	text-decoration: none;
}
.home  a:hover {
	color: #E63F8D;
	text-decoration: none;
}
#nav{
	height: 42px;
	float: left;
	width: 925px;
	margin-bottom: 10px;
}
#navlt{
	height: 42px;
	float: left;
	width: 16px;
}
#navme{
	height: 42px;
	float: left;
	width: 889px;
	background-image: url(navbg.jpg);
	background-repeat: repeat-x;
}
.navli{
	float: left;
	width: 109px;
	font-size: 13px;
	line-height: 42px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.navli a{
	color: #FFFFFF;
	text-decoration: none;
}
.navli a:visited  {
	color: #FFFFFF;
	text-decoration: none;
}
.navli  a:hover {
	color: #D7B0DF;
	text-decoration: none;
}
.navline{
	float: left;
	width: 2px;
	height: 42px;
	background-image: url(navline.jpg);
	background-repeat: no-repeat;
}
#navrt{
	height: 42px;
	float: right;
	width: 20px;
}
#mb{
	height: 254px;
	float: left;
	width: 925px;
	margin-bottom: 5px;
}
#banner{
    height: 258px;
	float: left;
	width: 682px;
}
#mrt{
	float: right;
	width: 240px;
	padding-left: 2px;
}
#login{
    height: 155px;
	float: left;
	width: 240px;
}
#logintop{
    height: 15px;
	float: left;
	width: 240px;
}
#loginmiddle{
	float: left;
	width: 215px;
	height: 125px;
	background-image: url(loginmiddlebg.jpg);
	background-repeat: repeat-y;
	padding-left: 25px;
}
#loginbottom{
    height: 12px;
	float: left;
	width: 240px;
}
.input{
	width:110px;
	line-height:18px;
	float:left;
	color: #666;
	margin-left: 15px;
	background-color: #FFF;
	border: 1px solid #bcbcbc;
	margin-right: 5px;
	margin-top: 5px;
}
.input2{
	width:50px;
	line-height:18px;
	float:left;
	color: #666;
	margin-left: 15px;
	background-color: #FFF;
	border: 1px solid #bcbcbc;
	margin-right: 5px;
	margin-top: 5px;
}
.logintitle{
	height: 68px;
	float: left;
	width: 60px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
}
.loginlist1{
	height: 18px;
	float: left;
	width: 120px;
	margin-top: 16px;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
}
.loginlist2{
	height: 18px;
	float: left;
	width: 120px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
}
.loginlist3{
	height: 18px;
	float: left;
	width: 120px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #FF0000;
	font-weight: bold;
}
.loginlist4{
	height: 18px;
	float: left;
	width: 180px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
}
.loginlist4  a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.loginlist4 a:visited  {
	color: #FFFFFF;
	text-decoration: none;
}
.loginlist4  a:hover {
	color: #FF0000;
	text-decoration: none;
}
#download {
    height: 105px;
	float: left;
	width: 240px;
}
#downloadtop{
    height: 8px;
	float: left;
	width: 240px;
}
#downloadmiddle{
	float: left;
	width: 219px;
	height: 88px;
	background-image: url(downloadmiddlebg.jpg);
	padding-left: 20px;
}
#download_o{
	float: left;
	width: 190px;
	height: 25px;
}
#download_t{
	float: left;
	width: 190px;
	height: 33px;
}
#downloadbottom{
    height: 6px;
	float: left;
	width: 240px;
}

#inmain{
	height: 346px;
	float: left;
	width: 925px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#inmaintop{
	height: 8px;
	float: left;
	width: 925px;
}
#inmainmid{
	height: 330px;
	float: left;
	width: 908px;
	background-color: #F5F5F5;
	padding-left: 17px;
}
#inmainbot{
	height: 8px;
	float: left;
	width: 925px;
}

#innews{
	height: 328px;
	float: left;
	width: 362px;
	margin-right: 20px;
}
#innewsbar{
	height: 20px;
	float: left;
	width: 362px;
	background-image: url(innewsbar.jpg);
	background-repeat: no-repeat;
}
#innewstitle{
	height: 20px;
	float: left;
	width: 100px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	padding-left: 35px;
}
.more{
	font-size: 10px;
	color: #666666;
	line-height: 20px;
	float: right;
	width: 40px;
	font-weight: bold;
}
.more  a {
	color: #666666;
	text-decoration: none;
}
.more  a:hover {
	color: #FF0000;
	text-decoration: none;
}
#innewscon{
	height: 301px;
	float: left;
	width: 362px;
	line-height: 20px;
	margin-top: 8px;
}
#innewscontop{
	height: 8px;
	float: left;
	width: 362px;
}
#innewsconmid{
	height: 285px;
	float: left;
	width: 362px;
	background-color: #FFF;
}
#innewsconbot{
	height: 8px;
	float: left;
	width: 362px;
}
#newslt{
	float: left;
	width: 89px;
	height: 285px;
}
.newsimg{
 	height: 88px;
	float: left;
	width: 89px;
}
.newstitle{
 	height: 50px;
	float: left;
	width: 89px;
}
#newsrt{
	float: left;
	width: 240px;
	height: 285px;
	padding-left: 15px;
}
.ico{
	float: left;
	width: 13px;
	height: 13px;
	margin-top: 12px;
}
.newslist{
	float: left;
	width: 210px;
	height: 20px;
	margin-top: 9px;
	padding-left: 10px;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.newslist  a {
	color: #000000;
	text-decoration: none;
}
.newslist a:hover {
	color: #003366;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#inmiddle{
	height: 328px;
	float: left;
	width: 240px;
	margin-right: 20px;
}
#inabout{
    height: 152px;
	float: left;
	width: 240px;
}
#inaboutbar{
	height: 20px;
	float: left;
	width: 240px;
	background-image: url(aboutbar.jpg);
	background-repeat: no-repeat;
}
#inabouttitle{
	height: 20px;
	float: left;
	width: 100px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	padding-left: 35px;
}
#inaboutcon{
	height: 126px;
	float: left;
	width: 240px;
	line-height: 20px;
	margin-top: 8px;
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
}
#inaboutcontop{
	height: 8px;
	float: left;
	width: 240px;
}
#inaboutconmid{
	height: 110px;
	float: left;
	width: 240px;
	background-color: #FFF;
}
#inaboutconbot{
	height: 8px;
	float: left;
	width: 240px;
}
#inabout{
    height: 152px;
	float: left;
	width: 240px;
}
#inaboutbar{
	height: 20px;
	float: left;
	width: 240px;
	background-image: url(aboutbar.jpg);
	background-repeat: no-repeat;
}
#inabouttitle{
	height: 20px;
	float: left;
	width: 100px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	padding-left: 35px;
}
#inaboutcon{
	height: 126px;
	float: left;
	width: 240px;
	line-height: 18px;
	margin-top: 8px;
	margin-bottom: 15px;
}
#inaboutcontop{
	height: 8px;
	float: left;
	width: 240px;
}


#inshow{
    height: 137px;
	float: left;
	width: 240px;
}
#inshowbar{
	height: 20px;
	float: left;
	width: 240px;
	background-image: url(aboutbar.jpg);
	background-repeat: no-repeat;
}
#inshowtitle{
	height: 20px;
	float: left;
	width: 100px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	padding-left: 35px;
}
#inshowcon{
	height: 110px;
	float: left;
	width: 240px;
	margin-top: 8px;
}
#inright{
	height: 330px;
	float: left;
	width: 237px;
}
#invideo{
	height: 230px;
	float: left;
	width: 237px;
}
#invideobar{
	height: 20px;
	float: left;
	width: 236px;
	background-image: url(videobar.jpg);
	background-repeat: no-repeat;
}
#invideotitle{
	height: 20px;
	float: left;
	width: 100px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	padding-left: 35px;
}
#invideocon{
	height: 195px;
	float: left;
	width: 237px;
	margin-top: 5px;
}

#inred{
	height: 98px;
	float: left;
	width: 237px;
}
#inproduct{
	height: 195px;
	float: left;
	width: 925px;
	margin-bottom: 10px;
}
#inproducttop{
	height: 8px;
	float: left;
	width: 925px;
}
#inproductmid{
	height: 179px;
	float: left;
	width: 900px;
	background-color: #F5F5F5;
	padding-left: 25px;
}
#inproductbot{
	height: 8px;
	float: left;
	width: 925px;
}
#inproductbar{
	height: 20px;
	float: left;
	width: 873px;
	background-image: url(porductbar.jpg);
	background-repeat: no-repeat;
}
#inproducttitle{
	height: 20px;
	float: left;
	width: 100px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	padding-left: 35px;
}
#inproductcon{
	height: 154px;
	float: left;
	width: 873px;
	margin-top: 3px;
	background-image: url(inproductcon.jpg);
	background-repeat: no-repeat;
}
#inproductconlt{
	height: 130px;
	float: left;
	width: 590px;
	margin-top: 10px;
}
.ltbut{
    height: 130px;
	float: left;
	width: 26px;
}
.rtbut{
    height: 130px;
	float: left;
	width: 20px;
}
.pimg{
	height: 123px;
	float: left;
	width: 124px;
	margin-top: 3px;
	margin-right: 10px;
}
#inproductconrt{
	height: 132px;
	float: right;
	width: 238px;
	margin-top: 5px;
}
#productspage{
	float: left;
	width: 927px;
}
#banner2{
	height: 342px;
	float: left;
	width: 927px;
	margin-bottom: 10px;
}
#submenu{
    float: left;
	width: 238px;
}
#submenutitle{
	float: left;
	width: 238px;
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
	color: #FFFFFF;
	margin-top: 50px;
	text-align: center;
	letter-spacing: 4px;
}
.submenulist{
	float: left;
	width: 238px;
	font-size: 12px;
	font-weight: bold;
	line-height: 61px;
	color: #000000;
	text-align: center;
	letter-spacing: 2px;
}
.submenulist  a {
	color: #000000;
	text-decoration: none;
}
.submenulist  a:hover {
	color: #EF3892;
	text-decoration: none;
}
#submenu1{
	float: left;
	width: 238px;
	height: 81px;
	background-image: url(submenu1.jpg);
	background-repeat: no-repeat;
}
#submenu2{
	float: left;
	width: 238px;
	height: 66px;
	background-image: url(submenu2.jpg);
	background-repeat: no-repeat;
}
#submenu3{
	float: left;
	width: 238px;
	height: 66px;
	background-image: url(submenu3.jpg);
	background-repeat: no-repeat;
}
#submenu4{
	float: left;
	width: 238px;
	height: 80px;
	background-image: url(submenu4.jpg);
	background-repeat: no-repeat;
}
#pagemain{
	float: right;
	width: 680px;
	margin-bottom: 10px;
}
#pagemaintop{
	float: left;
	width: 678px;
	height: 8px;
}
#pagemainmiddle{
	float: left;
	width: 666px;
	height: auto;
	background-color: #f5f5f5;
	padding-left: 12px;
	padding-bottom: 20px;
}
#pagemainbar{
	float: left;
	width: 660px;
	height: 20px;
	background-image: url(pagebar.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#pagemaintitle{
    height: 20px;
	float: left;
	width: 100px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	padding-left: 40px; 
}

#pagemainbottom{
	float: left;
	width: 678px;
	height: 8px;
}


#pagenewscon{
	float: left;
	width: 630px;
}
#pagenewsconbot{
	height: 8px;
	float: left;
	width: 362px;
}
#pagenewslt{
	float: left;
	width: 89px;
	padding-left: 10px;
}
.pagenewsimg{
 	height: 115px;
	float: left;
	width: 115px;
}
.pagenewstitle{
 	height: 50px;
	float: left;
	width: 115px;
}
#pagenewsrt{
	float: right;
	width: 485px;
	padding-left: 20px;
}
.pagenewszi{
	float: left;
	width: 485px;
	height: 110px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	font-size: 12px;
	line-height: 20px;
	color: #94215C;
	font-weight: bold;
}
.pagenewslist{
	float: left;
	width: 460px;
	height: 20px;
	margin-top: 10px;
	padding-left: 10px;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.pagenewslist  a {
	color: #000000;
	text-decoration: none;
}
.pagenewslist a:hover {
	color: #003399;
	text-decoration: none;
	font-size: 12px;
}
.list2{
	float: left;
	width: 160px;
	height: 20px;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.new{
	font-size: 10px;
	color: #FF0000;
	line-height: 20px;
	float: left;
	width: 40px;
	font-weight: bold;
}




#pageproductscon{
	float: left;
	width: 630px;
}
#pageproductsconbot{
	height: 8px;
	float: left;
	width: 362px;
}
#pageproductslt{
	float: left;
	width: 89px;
	padding-left: 10px;
}
.pageproductsimg{
	height: 124px;
	float: left;
	width: 124px;
	margin-bottom: 30px;
	margin-top: 10px;
}
.pageproductstitle{
 	height: 50px;
	float: left;
	width: 115px;
}
#pageproductsrt{
	float: right;
	width: 470px;
	padding-left: 20px;
}

.pageproductslist{
	float: left;
	width: 200px;
	height: 20px;
	margin-top: 10px;
	padding-left: 10px;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}
.pageproductslist  a {
	color: #000000;
	text-decoration: none;
}
.pageproductslist a:hover {
	color: #003399;
	text-decoration: none;
	font-size: 12px;
}
.pageproductslistcontain{
	float: left;
	width: 450px;
	margin-top: 10px;
	padding-left: 10px;
	font-size: 12px;
	color: #919191;
	line-height: 20px;
	letter-spacing: 2px;
}
.rollBox{
	width:610px;
	overflow:hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: left;
} 
.rollBox .LeftBotton{
	height:129px;
	width:30px;

background:url(job_mj_069.gif) no-repeat 11px 0;		overflow:hidden;
	float:left;
	display:inline;
	cursor:pointer;
	background-image: url(leftbut.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
} 
.rollBox .RightBotton{
	height:129px;
	width:25px;
background:url(rightbut.jpg) no-repeat 0px 0;	overflow:hidden;
	float:right;
	display:inline;
	margin:0px;
	cursor:pointer;

} 
.rollBox .Cont{width:530px;overflow:hidden;float:left;} 
.rollBox .ScrCont{width:10000000px;} 
.rollBox .Cont .pic{
	width:132px;
	float:left;
	text-align:center;
	font-size:12px;
	margin-right: 10px;
} 
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto; width:124px; height:123px;} 
.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;} 
 


#footer{
	height: 60px;
	float: left;
	width: 925px;
	text-align: center;
	color: #FFFFFF;
}
#footerlogo{
	float: left;
	height: 30px;
	width: 120px;
	margin-top: 15px;
	padding-left: 200px;
}