@CHARSET "UTF-8";
body{
	padding:0px;
	margin:0px;
	background:#fff;
	text-align:center;
	font-size:12px;
	font-family:Microsoft Yahei,Arial, Helvetica, sans-serif;
	color:#333;
}

a.greyA:link,a.greyA:visited,a.greyA:active{
	color:#333;
	text-decoration:none;
}
a.greyA:hover{
	color:#0c85e7;
	text-decoration:none;
}


a.blueA:link,a.blueA:visited,a.blueA:active{
	color:#0c85e7;
	text-decoration:none;
}
a.blueA:hover{
	color:#0c85e7;
	text-decoration:none;
}

a.blue2A:link,a.blue2A:visited,a.blue2A:active{
	color:#0c85e7;
	text-decoration:none;
}
a.blue2A:hover{
	color:#f00;
	text-decoration:none;
}

a.redA:link,a.redA:visited,a.redA:active{
	color:#f00;
	text-decoration:none;
}
a.redA:hover{
	color:#f00;
	text-decoration:underline;
}

a.grey2A:link,a.grey2A:visited,a.grey2A:active{
	color:#666;
	text-decoration:none;
}
a.grey2A:hover{
	color:#0c85e7;
	text-decoration:none;
}

a.grey3A:link,a.grey3A:visited,a.grey3A:active{
	color:#333;
	text-decoration:none;
}
a.grey3A:hover{
	color:#f00;
	text-decoration:none;
}

a.whiteA:link,a.whiteA:visited,a.whiteA:active{
	color:#fff;
	text-decoration:none;
}
a.whiteA:hover{
	color:#fff;
	text-decoration:underline;
}

.blue{
	color:#2ca7e2;
}

.darkBlue{
	color:#0c85e7;
}

.grey{
	color:#666;
}

.gLine{
	margin:0px;
	height:1px;
	border:0px;
	background-color:#e4e4e4;
	color:#e4e4e4;
}

.greyDashB1{
	border-bottom:1px dashed #e4e4e4;
}

.gdb1{
	border:1px dashed #e4e4e4;
}

.blueItemBg{
	background:#0c85e7;
	border-left:5px solid #0965b0;
}

.blueBg{
	background:#0c85e7;
}

.darkBg{
	background:#333333;
}

.greyBg{
	background:#f5f5f5;
}

.greyItemBg{
	background:#f5f5f5;
	border-left:5px solid #0965b0;
}

.b0{
	border-width:0px;
}

.gb1{
	border:1px solid #d0d0d0;
}


.gbb1{
	border-bottom:1px solid #d0d0d0;
}

.greyDashB1{
	border-bottom:1px dashed #e4e4e4;
}

.lineH28{
	line-height:28px;
}

.lineH48{
	line-height:48px;
}

.lineH70{
	line-height:70px;
}

.h28{
	height:28px;
}

.h48{
	height:48px;
}


.h70{
	height:70px;
}

.mb2{
	margin-bottom:2px;
}

.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb40{
	margin-bottom:40px;
}

.mr10{
	margin-right:10px;
}

.mr40{
	margin-right:40px;
}

.mr60{
	margin-right:60px;
}

.p1{
	padding:1px;
}

.p6{
	padding:6px;
}

.p10{
	padding:10px;
}

.pl20{
	padding-left:20px;
}

.ptb20{
	padding-top:20px;
}

.ptb30{
	padding-top:30px;
	padding-bottom:30px;
}

.r5{
	border-radius:5px;
}

.w70{
	width:70px;
}

.w168{
	width:168px;
}

.w145{
	width:145px;
}

.w215{
	width:215px;
}


.w248{
	width:248px;
}

.w270{
	width:270px;
}

.w300{
	width:300px;
}

.w610{
	width:610px;
}

.w700{
	width:700px;
}

.w840{
	width:840px;
}

.w870{
	width:870px;
}

.w1200{
	width:1200px;
}

#searchBtn{
	width:70px;
	height:48px;
	background:url(/images/search_btn_bg.png) no-repeat;
	border-width:0px;
}

.arrow{
	position:absolute;
	right:15px;
	top:16px;
}

/*page nav*/
#pageNav{
	width:100%;
	margin:20px 0px;;
	text-align:center;
}

#pageNav a{
	margin:0 2px;
	background:#fff;
	padding:4px 8px;
	zoom:1;
	color:#999;
	border:1px solid #e4e4e4;
}

#pageNav a:link,#pageNav a:visited,#pageNav a:active{
	color:#999;
	text-decoration:none;
}

#pageNav a:hover{
	color:#2ca7e2;
	text-decoration:none;
}

#pageNav span{
	margin:0 2px;
	background:#fff;
	padding:4px 8px;
	zoom:1;
	border:1px solid #e4e4e4;
}

#pageNav span.off{
	margin:0 2px;
	background:#fff;
	padding:4px 8px;
	color:#999;
	zoom:1;
	border:1px solid #e4e4e4;
}

#pageNav span.active{
	margin:0 2px;
	background:#2ca7e2;
	padding:4px 8px;
	color:#fff;
	font-weight:bold;
	zoom:1;
}

.menu{
	width:110px;
	margin-left:auto;
	margin-right:auto;
	height:67px;
	line-height:67px;
	background:#fff;
	border-bottom:3px solid #fff;
}

.menu:hover{
	background:#fafafa;
	border-bottom:3px solid #0c85e7;
}

.menuActive{
	width:110px;
	margin-left:auto;
	margin-right:auto;
	height:67px;
	line-height:67px;
	background:#fafafa;
	border-bottom:3px solid #0c85e7;
}

.square{
	overflow:hidden;
	width:238px;
	padding:15px;
	height:270px;
	border:1px solid #eee;
	box-shadow:0px 0px 5px #ebebeb; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 5px #ebebeb; /*Safari shadow version*/
-moz-box-shadow:0px 0px 5px #ebebeb; /*Mozilla shadow version*/
}

.square:hover{ 
box-shadow:0px 0px 7px #dbdbdb; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 7px #dbdbdb; /*Safari shadow version*/
-moz-box-shadow:0px 0px 7px #dbdbdb; /*Mozilla shadow version*/
} 

.mItem{
     position:relative;
}
.mSub{
    display:none;
    z-index:9999;
    width:200px;
    padding:0px 0;
    position:absolute;
    left:0px; 
    top:70px;  
	background:#fff;  
	float:left;
	line-height:40px; 
    border-bottom: 3px solid #eee;
}

 .mSub dl{ 
  display:inline-block; 
  *display:inline; zoom:1; 
  vertical-align:top; 
  line-height:26px; 
  width: 220px; 
  text-align: left;
  padding:15px 20px;
}

.mSub dl dt{ 
height: 44px; 
line-height: 44px; 
overflow: hidden; 
font-size:14px;
}
.mSub dl dd {margin:0px;}
.mSub dl dd a i { margin-right: 8px; color: #ccc; font-size: 8px;}
.mSub ul{margin:0px;padding:0px;list-style:none;font-size:14px;}
.mSub li{ text-align:center; border-bottom: 1px solid #eee}
.mSub li a i { margin-right: 8px; color: #ccc; font-size: 8px;}

#sub1{ z-index:9999; width:1200px; left:-180px; padding-bottom: 30px;  }
#sub2{ z-index:9999; width:1200px; left:-348px;  padding-bottom: 30px; }