/*********************************
*
*			CSS Init
*
* 该文件为公共样式，公共CSS都需添加在此
*
**********************************/

html,body{height:100%}
body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,button,input,textarea,th,td,select,pre{margin:0}
body{background:#ffffff;font:12px/1.5 'Microsoft Yahei',tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
body,th,td,textarea,option,ul,ol,dd{padding:0}
input,select,textarea{font:12px/1.5 'Microsoft Yahei',tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;outline:none}
textarea{resize:none}
ul,ol,li{list-style:none}
a{color:#333;text-decoration:none}
img,input{border:0}
.clearFix:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.clearFix{*zoom:1}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.font_b{font-weight:bold;}
.font_r{color:#c51d1d;}


/*********************************
*
*			global
*
**********************************/
.w-full { width: 100%; }
.w-fixed { width: 980px; }
.h-full { height: 100%; }
.m-center { margin: 0 auto; }
.p-absolute { position: absolute; z-index: 3; }


/*********************************
*
*			head
*
**********************************/

.head {
	width:100%;
	background: #FFF;
	border-bottom: 1px solid #d5d5d5;
	height: 64px;
	position: relative;
	z-index: 9999;
}

.head_wrap{
	width:990px;
	height:100%;
	margin:0 auto;
}

.head_info {
	position: relative;
	z-index: 9999;
	height:100%;
	float:right;
}

.head_info > div, .head_info > div + div {
	border-right: 1px solid #ebebeb;
	cursor: pointer;
	width: 59px;
}

.head_info > div {
	border-left: 1px solid #ebebeb;
	overflow: hidden;
	top: 0;
	z-index: 9999;
}

.searchFilter{
	height: 100%;
	position: absolute;
}

.s-text {
	background: #FFF;
	right: 60px;
	top: 0;
	width: 191px;
}

.s-text input {
	border: 1px solid #DDD;
	border-right: none;
	color: #999;
	font: 12px/1.5 'Microsoft Yahei',tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
	height: 20px;
	line-height: 20px;
	margin: 17px 0 0 10px;
	+margin-top: 16px;
	padding: 4px 10px;
	width: 160px;	
	border-radius: 14px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.s-btn {	
	border: 1px solid #FFF;
	border-left: none;
	height: 28px;
	margin-top: 17px;
	overflow: hidden;
	right: 10px;
	top: 0;
	width: 50px;
	position: absolute;
	border-radius: 14px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.s-btn input {
	width:100%;
	background: #FFF url(../images/global/ico.png) no-repeat -2px center;
	border: none;
	cursor: pointer;
	display: block;
	height: 28px;
}

.search {
	right: 150px;
	float:left;
	position:absolute;
	height:100%;
}

.search .active {
	border-color: #DDD;
}

.head_info .member {
	border: 0;
	height: 50px;
	overflow: visible;
	margin: 0 5px;
	width: 26px;
	z-index: 9999;
	float:left;
}

.member-ico {
	background: #FFF url(../images/global/ico_y1.jpg) no-repeat 0 0;
	height: 26px;
	margin-top: 20px;
}
.m-member .member-ico a{
	display:block; 
	height: 26px;
	margin-top: 20px;
	cursor:hand;
}

.m-buy .member-ico {
	background: #FFF url(../images/global/ico_y1.jpg) no-repeat 0 -26px;
}
.m-buy .member-ico a{
	display:block; 
	height: 26px;
	margin-top: 20px;
	cursor:hand;
}

.m-wx .member-ico {
	background: #FFF url(../images/global/ico_y1.jpg) no-repeat 0 -52px;
}

.head_info .m-wb {
	padding-right: 0;	
}

.m-wb .member-ico {
	background: #FFF url(../images/global/ico_y1.jpg) no-repeat 0 -78px;
}

.member-tab {
	border-top: 0;
	height: 0;
	overflow: hidden;
	position: relative;
	right: 30px;
	top: 11px;
	width: 185px;
	z-index: 9998;
}

.member-tab-cont {
	background: #FFF;
	border: 1px solid #DDD;
	border-top: 0;
	overflow: hidden;
	
	box-shadow: 1px 1px 2px #EEE;
}

.member-triangle {
	background: #FFF url(../images/global/triangle.jpg);
	height: 7px;
	left: 38px;
	position: relative;
	top: 0;
	width: 14px;
	z-index: 9999;
}

.m-buy .member-triangle {
	left: 205px;
}

.m-member .member-triangle {
	left: 205px;
}
.m-wx .member-triangle {
	left: 96px;
}

.m-wb .member-triangle {
	left: 132px;
}

.m-member.member-tab {
	left: -198px;
	width: 312px;
}

.m-wx .member-tab {
	left: -88px;
	width: 161px;
}

.m-wb .member-tab {
	left: -124px;
	width: 164px;
}

.m-member .member-tab-cont1 {
	height: 73px;
	width: 175px;
}

.m-buy .member-tab-cont {
	min-height: 96px;
	width: 307px;
}

.m-member .member-tab-cont1 {
	left: -124px;
	width: 164px;
}

.m-buy .member-tab-cont {
	min-height: 96px;
	width: 307px;
}

.m-wx .member-tab-cont {
	background: url(../images/global/wx-t.jpg);
	height: 224px;
	width: 156px;
}
.m-member.member-tab-cont {
	background: url(../images/global/wx-t.jpg);
	height: 224px;
	width: 156px;
}

.m-wb .member-tab-cont {
	background: url(../images/global/wb-t.jpg);
	height: 224px;
	width: 159px;
}

.m-buy-add {
	background: url(../images/global/ico-shop.jpg) no-repeat;
	color: #666;
	height: 35px;
	margin: 23px 25px 28px;
	overflow: hidden;
	padding-top: 8px;
	text-align: right;
}

.m-buy-add a {
	color: #2eb1e8;	
}

.m-buy-add a:hover {
	text-decoration: underline;
}

.m-buy-closing {
	cursor: auto;
}

.m-buy-c-title {
	border-bottom: 1px dashed #DDD;
	color: #666;
	font-size: 13px;
	height: 24px;
	padding-left: 14px;
	padding-top: 8px;	
}

.m-buy-c-cont {
	min-height: 1px;
	max-height: 225px;
	overflow-y: scroll;
}

.m-buy-c-tobuy {
	background: #f5f5f5;
	font-size: 0;
	height: 65px;
	padding-right: 31px;
	text-align: right;
}

.m-buy-c-tobuy div {
	color: #666;
	font-size: 13px;
	padding: 2px 0;	
}

.m-buy-c-tobuy span, .m-buy-c-tobuy b, .m-buy-c-tobuy strong {
	color: #e4393c;
	font-size: 16px;
}

.m-buy-c-tobuy span {
	font-size: 13px;
	font-weight: bold;
	padding: 0 2px;
}

.m-buy-c-tobuy a {
	background: #e4393c;
	color: #FFF;
	display: inline-block;
	*display: inline;
	font-size: 13px;
	line-height: 27px;
	text-align: center;
	vertical-align: top;
	width: 102px;
	*zoom: 1;
	
	border-radius: 4px;
	transition: background .3s;
}

.m-buy-c-tobuy a:hover {
	background: #5f8eb1;	
}

.m-buy-pro {
	padding: 0px 21px 0 11px;	
}

.m-buy-pro li {
	border-bottom: 1px dashed #DDD;
	padding: 11px 0;	
}

.m-buy-pro li:last-child{
	border-bottom: none;
}

.m-buy-pro-pic {
	border: 1px solid #d5d5d5;
}

.m-buy-pro-pic img {
	height: 50px;
	width: 50px;	
}

.m-buy-pro-info {
	padding-left: 7px;
	padding-top: 5px;
}

.m-buy-pro-price {
	padding-top: 5px;
}

.m-buy-pro-p-1, .m-buy-pro-p-2 {
	color: #e4393c;
}

.member .active {
	border-bottom: 1px solid #FFF;	
}

.after-1, .after-2 {
	height: 29px;
	line-height: 29px;
	margin-top: 22px;
	text-align: center;
	width: 61px;
	background-image: -webkit-gradient(linear,0 -10%,0 100%, from(#2eb1e8), to(#1193c9),color-stop(0,#2eb1e8),color-stop(100%,#1193c9));
	background-image: -moz-linear-gradient(center top , #2eb1e8, #1193c9);
	background-image: -ms-linear-gradient(top, #2eb1e8, #1193c9);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#2eb1e8',endColorStr='#1193c9',gradientType='0');
	border-radius: 5px;	
}

.after-1 a, .after-2 a {
	color: #FFF;
	display: block;
	height: 100%;
	width: 100%;	
}

.after-1 {
	margin-left: 20px;
}

.after-2 {
	margin-left: 12px;
}

.nav li {
	font-size: 14px;
	letter-spacing: 1px;
	padding: 0 0 0 5px;
	text-align: center;
	width: 78px;
	float:left;
}

.nav li + li {
	padding: 0px;
	width:90px;
}

.nav a {
	color: #333333;
	display: block;
	height: 38px;
	padding-top: 25px;
	position: relative;
	z-index: 9991;	
}

.nav a:hover {
	color: #505050;
}

.nav .active {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	height: 39px;
}

.nav-son {
	width:100%;
	background: #FFF;
	color:#505050;
	height: 0;
	left: 0;
	overflow: hidden;
	top: 65px;
	z-index: 9990;
	box-shadow: 0px 1px 5px #CCC;
	position:absolute;
}

.nav-son ul {
	display: none;
	padding-top: 30px;
	margin:0 auto;
	width:990px;
}

.nav-son ul li {
	padding-bottom: 35px;	
	width: 140px;
	font-size:13px;
	float:left;
}

.nav-son ul li + li {
	padding-left: 23px;
}

.nav-son dt {
	height:35px;
	line-height:38px;
	margin-bottom: 6px;
	white-space:nowrap;
	font-weight:bold;
}

.nav-son dd {
	height:25px;
	line-height:25px;
}

.nav-son dt a {
	color:#505050;	
}

.nav-son dd a {
	color:#505050;
	display: block;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nav-son dd a:hover {
	color: #0365c1;
}

#mainnav{
	width:100%;
	height:30px;
	float:left;
	color:#7a7a7a;
	background:#f2f2f2;
}

#mainnav a{
	color:#7a7a7a;
}

#mainnav a:hover{
	color:#0365c1;
}

#mainnav .content{
	width:990px;
	margin:5px auto 0px auto;
}

#mainnav2{
	width:100%;
	height:31px;
	float:left;
	color:#7a7a7a;
	background:#ffffff;
	margin-top:25px;
}

#mainnav2 a{
	color:#7a7a7a;
}

#mainnav2 a:hover{
	color:#0365c1;
}

#mainnav2 .content{
	width:990px;
	margin:5px auto 0px auto;
}

/*********************************
*
*			footer
*
**********************************/

#footer{ 
	width: 100%;
	height:auto;
	float:left;
	margin:0px;
	background:#fff;
	border-top:1px solid #eaeaea;
}

.footer-nav-wrap{
	width: 100%;
	height:209px;
	margin:0 auto;
	background:#ebebeb;
	margin-top:1px;
	padding-top:35px;
}

.footer-nav{
	width: 1000px;
	height:209px;
	margin:0 auto;
}

.footer-nav-left{
	width:730px;
	height:209px;
	float:left;
}

.footer-nav-left li{
	width:145px;
	float:left;
	margin-left:35px;
}
	
.footer-nav-left dt{
	font-size:14px;
	color:#323232;
	margin-bottom:9px;
}

.footer-nav-left dt a{
	color:#323232;
}
	
.footer-nav-left dd{
	font-size:12px;
	color:#505050;
}

.footer-nav-left dd a{
	color:#505050;
}

.footer-nav-right{
	width:270px;
	height:209px;
	float:right;
}

.footer-nav-right p{
	font-size:12px;
	color:#505050;
	margin-left:38px;
}

.footer-nav-right strong{
	font-size:20px;
	color:#005caf;
	margin-top:4px;
	font-weight:normal;
}

.footer-nav-right-ico{
	width:190px;
	height:150px;
	margin:5px 0 0 8px;
}

.footer-record-wrap{
	width: 100%;
	height:83px;
	background:#dfdfdf;
	float:left;
}

.footer-record{
	width:1000px;
	height:83px;
	margin:0 auto;
	color:#505050;
}
	
.footer-record-left{
	width:358px;
	height:63px;
	float:left;
	padding:15px 0 0 180px;
	background:url(../images/global/footer-ico1.jpg) no-repeat;
	margin-left:20px;
	line-height:25px;
}

.footer-record-right{
	width:320px;
	height:63px;
	float:left;
	padding:15px 0 0 85px;
	line-height:25px;
	background:url(../images/global/footer-ico2.jpg) no-repeat;
}