/*--system style--*/
*,html {
	margin:0; 
	padding:0;
}
body,td,th {
	font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
	font-size:14px;
}
ul,li {
	list-style:none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#FFF;
	color: #333;
	font-size: 14px;
	/*background:url(../images/bg2.jpg) top  center fixed repeat-x;*/
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color:#000;
	text-decoration: none;
}
a:active {
	color: #333;
	text-decoration: none;
}
.border_bottom_1px{
	border-bottom:1px #D90C14 solid;
}
.border_bottom_1px_dotted{
	border-bottom:1px #CCC dotted;
}
.border_top_1px{
	border-top:1px #D90C14 solid;
}
.tablebg-style{
	margin:0;
	
}
.clear {
	clear:both;
}
.align-left {
	text-align:left;
}
.align-right {
	text-align:right;
}
.c-red {color:#F00;}
.c-blue {color:#03C;}
.c-green {color:#393;}
.c-orange {color:#F60;}
/*header*/
#header {
	margin:0 auto;
	width:100%;
	z-index:9998;
}
#content {
	margin:0 auto;
	padding:0;
	max-width:1060px;
}
.line {
	display:none;
}
.nav-onoff {
	display:none;
}
.top-guide {
	padding:8px 0;
	text-align:right;
	height:25px;
	line-height:25px;
	color:#333;
	z-index:9999;
	background:rgba(0,0,0,0.8) none repeat;
}
.top-guide a{
	color:#FFF;
}
.top-guide #search{
	float:right;
	margin:0 0 0 10px;
	color:#D90C14;
	position:relative;
}
.top-guide #ver{
	padding:0 10px 0 20px;
	margin:0 0 0 15px;
	float:right;
	color:#DF0C17;
	font-size:14px;
	font-weight:400;
	background:url(../image/icon-tel.png) left no-repeat;
	border-right:1px #666666 solid;
}
.top-guide #ver a{
	color:#DF0C17;
}
.top-guide #login{
	padding:0 10px 0 20px;
	margin:0 0 0 15px;
	float:right;
	color:#FFF;
	font-size:14px;
	font-weight:400;
	background:url(../image/icon-login.png) left no-repeat;
}
.top-content {
	background:rgba(255,255,255,0.8) none repeat;
	padding:0;
}
.top-logo {
	padding:0;
	height:auto;
	float:left;
	width:28%;
	text-align:left;
}
.top-logo img {
	margin:8px 0 0 0;
	max-height:90px;
	width:auto;
}
.top-right {
	float:right;
	width:70%;
}
.top-nav {
	float:right;
}
.top-show {
	clear:both;
	margin:0 auto;
	padding:0;
	/*min-width:1200px;*/
}
/*--use for main page only--*/
.page-content {
	margin:0 auto;
	padding:20px 0;
}
.page-left {
	float:left;
	width:23%;
}
.page-left h3 {
	padding:15px 0;
	font-size:20px;
	font-weight:400;
	text-align:center;
	color:#333;
	background-color:#FFF;
	text-transform:uppercase;
	border-top:1px #CCC solid;
	border-right:1px #CCC solid;
	border-bottom:2px #D90C14 solid;
	border-left:1px #CCC solid;
	background:url(../image/left-guide.png) left no-repeat;
}
.page-left h4 {
	padding:10px 0;
	font-size:20px;
	font-weight:400;
	text-align:center;
	color:#333;
	background-color:#FFF;	
	text-transform:uppercase;
	border-top:1px #CCC solid;
	border-right:1px #CCC solid;
	border-bottom:2px #D90C14 solid;
	border-left:1px #CCC solid;
	background:url(../image/left-contact.png) left no-repeat;
}
.page-right {
	float:right;
	width:74%;
}
.page-right #category{
	display:none;
}
.main-content {
	margin:150px auto 160px;
	padding:0;
}
#main-logo {
	text-align:center;
}
#main-name {
	text-align:center;
	padding:25px 0;
}
.main-guide {
	text-align:center;
	font-size:16px;
}
.main-guide a{
	color:#D90C14;
}
.main-itemname {
	position:relative;
	font-size:25px;
	color:#D90C14;
	font-weight:400;
	padding:20px 10px;
}
.main-about .main-itemname {
	padding:20px 10px 20px 0;
}
.main-itemname span{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px #E0E0E0 solid;
	color:#888;
	text-transform:uppercase;
}
.main-itemname #more{
	position:absolute;
	right:10px;
	top:20px;
	padding:3px 20px;
	border:1px #CCCCCC solid;
	text-align:center;
	font-size:12px;
	color:#999;
	font-weight:400;
	/*border-radius:50px;
	-webkit-border-radius: 50px;
	-moz-border-radius:  50px;*/
}
.main-itemname a:hover #more{
	position:absolute;
	right:10px;
	top:20px;
	padding:3px 20px;
	border:1px #D90C14 solid;
	text-align:center;
	font-size:12px;
	color:#D90C14;
	font-weight:400;
}
.main-itemname-gray {
	position:relative;
	font-size:20px;
	color:#888;
	font-weight:400;
	padding:15px 0;
}
.main-itemname-gray span{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px #E0E0E0 solid;
	color:#888;
}

/*main about*/
.main-sort {
	padding:60px 0 0;
}
.main-about-img {
	float:left;
	margin:0 3% 0 0;
	width:62%;
}
.main-about-img img {
	width:100%;
	height:auto;
}
.main-about {
	float:left;
	width:35%;
	position:relative;
}
.main-about p {
	line-height:180%;
	padding:0 0 20px;
}
#main-more{
	padding:5px 30px;
	border:1px #D90C14 solid;
	text-align:center;
	line-height:23px;
	color:#D90C14;
	font-weight:400;
}
#main-more:hover{
	padding:5px 30px;
	border:1px #D90C14 solid;
	background-color:#D90C14;
	text-align:center;
	line-height:23px;
	color:#fff;
	font-weight:400;
}

/*mian list*/
.main-list {
	margin:0 auto 0;
	padding:10px 0 50px;
}
.main-list h5{
	padding:5px 0;
	font-size:18px;
	font-weight:400;
	overflow:hidden;
}
.main-list h5 span{
	float:right;
}
.main-list p{
	line-height:160%;
	color:#888;
}
.main-list li{
	float:left;
	width:31.333333%;
	margin:0 1%;
	padding:0;
	overflow:hidden;/*
	background:rgba(255,255,255,0.9) none repeat;
	box-shadow:0 0px 1px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0px 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 0px 1px 0 rgba(0, 0, 0, 0.5);*/
}
.main-list #img-box{
	height:180px;
	overflow:hidden;
	padding:0;
}
.main-list #img-box img{
	width:100%;
}
.main-list li p{
	padding:0;
	overflow:hidden;
	line-height:180%;
	text-align:left;
}

/*--content--*/
#content-part{	
	padding:0px;
	border:0px #CCC solid;
}
#content-part h3 {
	clear:both;
	padding:8px 0;
	margin:20px 0 0;
	border-bottom:1px #CCC solid;
	text-align:left;
	font-size:18px;
	font-weight:400;
}
.content-name {
	color:#333;
	padding:15px 0;
	border-bottom:1px #CCCCCC solid;
}
.content-name strong{
	padding:2px 0 2px 2px;
	font-weight:500;
	font-size:28px;
	color:#D90C14;
	text-transform:uppercase;
}
.content-sort {
	margin:0 auto 20px;
	text-align:left;
	border:1px #E0E0E0 solid;
/*		box-shadow:0 0px 1px 0 rgba(0, 0, 0, 0.5);
		-moz-box-shadow:0 0px 1px 0 rgba(0, 0, 0, 0.5);
		-webkit-box-shadow:0 0px 1px 0 rgba(0, 0, 0, 0.5);*/
}
.content-sort li{
	padding:10px 0 10px 18px;
	font-size:14px;
}
.content-sort .stypeid {
	padding:10px 0 10px 40px;
	font-size:12px;
}
.content-sort #onselect{
	color:#D90C14;
	background-color:#EEE;
}
.content-sort #onselect-stype{
	color:#D90C14;
	background-color:#FFF;
}
.content-sort i{
	font-size:12px;
	font-style:normal;
}
.content-text {
	margin:0 auto 30px;
	padding:20px 10px;
	line-height:200%;
	background:rgba(255,255,255,0.9) none repeat;
}
#column1 #img-box{
	width:98%;
	height:auto;
	border:1px #CCC solid;
	padding:5px;
}
#column4 li{
	float:left;
	width:50%;
	text-align:center;
	margin:10px auto 0;
	overflow:hidden;
}
#column4 li img{
	width:95%;
	height:auto;
	border:1px #CCC solid;
	padding:5px;
}
.content-text .content-left{
	float:left;
	width:40%;
	padding-top:10px;
}
.content-text .content-left img{
	width:90%;
	height:auto;
}
.content-text .content-right{
	float:left;
	width:60%;
}
.content-text #line{
	border-top:1px #eee solid;
	margin-top:10px
}
.content-text .notice{
	border:1px #eee solid;
	padding:10px;
}
.content-text h3{
	font-size:24px;
	font-weight:400;
	text-align:left;
}
.content-text h4{
	margin:20px 0 0 0;
	font-size:18px;
	font-weight:400;
	text-align:left;
}
.content-text #title{
	font-size:18px;
	font-weight:700;
	text-align:left;
	padding:3px 10px 3px 0;
	margin-top:15px;/*
	border: 1px #eee solid;
	border-radius:200px;
	display:inline-block;
    *display:inline;
    *zoom:1;*/
}
.content-text #title li{
	margin:8px 5px 0 0;
	float:left;
	width:10px;
	height:10px;
	border:2px #DF0C17 solid;
	border-radius:50px;
}
.content-text .item-list{
	position:relative;
	padding:5px 5px;
}
.content-text .item-title{
	border-bottom:1px #e0e0e0 solid;
}
.content-text .item-list .item-name{
	float:left;
	padding:2px 0 0;
	font-size:16px;
	height:25px;
}
.content-text .item-list .item-room,.content-text .item-list .item-site{
	display:inline-block;
	float:right;
	height:16px;
	line-height:16px;
	border-radius:200px;
	/*border:1px #eee solid;*/
	background-color:#f6f6f6;
	text-align:center;
	margin:5px 0 0 5px;
	padding:3px 5px;
	min-width:70px;
	font-size:12px;
}
.content-text .item-list .item-address{
	padding:5px 0 0;
	float:left;
	width:100%;
	color:#999;
	border-bottom:1px #eee solid;
}
.content-text img{
	width:auto;
	max-width:100%;
}
.content-text #text-info{
	padding:5px 0;
	color:#999;
}
.list-guide {
	margin:10px 0 0 0;
}
.list-guide li{
	padding:5px 0 0;
}

/*article*/
.article-list {
}
.article-list li{
	padding:10px 0;
	border-bottom:1px #EEE solid;
}
.article-list span{
	color:#999;
}

/*products*/
.pro-list {
	margin:20px auto 0;
}
.pro-list li {
	float:left;
	margin:0 1% 20px 1%;
	padding:0px;
	width:23%;
	color:#333;
	text-align:center;
}
.pro-list li #img-box{
	max-height:150px;
	overflow:hidden;
}
.pro-list li img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.pro-list li p{
	padding:0;
	height:30px;
	line-height:30px;
	overflow:hidden;
}
.pro-list li:hover{
	background-color:#D90C14;
	color:#fff;
}
.pro-list li:hover p {
	color:#FFF;
}
.pro-left {
	float:left;
	width:30%;
}
.pro-right {
	float:right;
	width:68%;
}
.pro-right li{
	padding:10px 0;
	border-bottom:1px #EEE solid;
}
/*column list*/
.column-row {
	width:320px;
	margin:10px 0 0 30px;
	padding:5px 8px;
	border-radius:5px;
	color:#D90C14;
	font-weight:700;
	font-size:14px;
	border:1px #eee solid;
	text-align:center;
}
.column-list {
	display:none;
}
/*--left--*/
.left-title {
	height:70px;
	line-height:70px;
	text-align:left;
	background-color:#D90C14;
}
.left-title span{
	color:#FFF;
	font-size:18px;
	font-weight:400;
	padding:0 0 0 20px;
}
.left-title i {
	font-size:16px;
	color:#CCC;
	padding:0 0 0 5px;
	text-transform:uppercase;
	font-weight:bold;
}
.left-item {
	line-height:30px;
	text-align:left;
	padding:0 0 0 10px;
	border:1px #E0E0E0 solid;
}
.left-item i {
	font-size:10px;
	font-style:normal;
}
.left-item span{
	color:#333;
	font-size:18px;
	font-weight:400;
	padding:0;
}
.left-content {
	padding:0px 0px 10px 0px;
}
.left-content #left-sort{
	padding:0;
}
.left-info {
	margin:10px 0;
}
.left-content strong{
	font-size:24px;
	font-weight:400;
}
/*left-guide*/
.left-guide {
}
.left-guide li{
	margin:1px auto;
	padding:12px 0 12px 20px;
	line-height:120%;
	color:#333;
	text-align:left;
	background:#EEE;
}
.left-guide a:hover li,.left-guide .guide-on {
	color:#FFF;
	background:rgba(0,103,172,0.8) none repeat;
	/*background-color:#D90C14;*/
}
/*--footer--*/
.bottom{
	margin:0 auto;
	padding:20px 0;
	color:#AAA;
	background-color:#222;
}
.bottom h4{
	font-size:16px;
	font-weight:400;
	padding:0 0 15px;
	margin:0 0 10px 0;
}
.bottom a{
	color:#AAA;
}
.bottom li{
	float:left;
	width:18%;
	margin:0;
	text-align:center;
	border-right:1px #333 solid;
	min-height:220px;
}
.bottom li img{
	width:100%;
	max-width:110px;
	height:auto;
}
.bottom #link-li3{
	width:27%;
	margin:0 2% 0 3%;
	border-right:0px #555 solid;
	text-align:left;
}
.bottom #link-li3 span {
	font-size:26px;
	color:#D90C14;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.bottom #link-li4{
	width:13%;
	border-right:0px #555 solid;
	padding:50px 0 0;
	font-size:12px;
}
.bottom #link{
	border-bottom:1px #333 solid;
	margin:0 0 20px;
	padding:10px 0 20px;
	text-align:left;
	line-height:180%;
}
.bottom #link a{
	line-height:30px;
	font-size:12px;
}
.bottom-copy{
	margin:0 auto;
	font-size:12px;
	text-align:center;
}
.bottom-copy #info{
	line-height:160%;
}


/*--form--*/
.formtext{
	width:90%;
	font-size:13px; 
	color:#333;
	border:1px #CCC solid;
	padding:5px 0 5px 5px;
	background-color:#FFF;
}
.formselect{
	font-size:13px; 
	color:#333;
	border:1px #CCC solid;
	background-color:#FFF;
}
.formbutton{
	font-size:13px; 
	cursor:pointer;
}
.button {
	padding:0 10px 0 10px;
	font-size:13px;
	color:#FFF;
	cursor:pointer;
	height:30px;
	line-height:30px;
	border:0px #D90C14 solid;
	background-color:#D90C14;
}
.button_mouseover {
	padding:0 10px 0 10px;
	font-size:13px;
	color:#FFF;
	cursor:pointer;
	height:30px;
	line-height:30px;
	border:0px #D90C14 solid;
	background-color:#333;
}

/*--page--*/
div.digg {
	padding:3px;
	margin:15px 3px 3px;
	text-align:center;
}
div.digg a span{
	color:#FFF;
	background-color:#D90C14;
	padding: 4px 8px;
	text-decoration:none;
	cursor:pointer; 
}
div.digg a:hover span{
	color:#FFF;
	background-color:#333;

}
div.digg a:active span{
	color:#FFF
}
div.digg span.current {
	color: #FFF;
	background-color: #333;
	padding: 4px 8px;
	font-weight:bold;
}
div.digg span.disabled {
	color: #FFF;
	background-color:#CCC;
	padding: 4px 8px;
}
div.digg #songtistyle{
}

@media(max-width:1100px){	
	.top-logo {
		padding:0 0 0 5px;
	}
	.pro-left {
		float:left;
		width:40%;
	}
	.pro-right {
		float:right;
		width:58%;
	}
}

@media(max-width:980px){	
	.pro-left {
		float:left;
		width:48%;
	}
	.pro-right {
		float:right;
		width:50%;
	}
	.main-about {
		float:none;
		margin:0 0 20px auto;
		width:96%;
		position:relative;
	}
	.main-list {
		margin:0 auto 0;
		padding:10px 2% 10px;
	}
	.main-list h5{
		padding:10px 0 10px;
	}
	.main-list #img-box{
		height:120px;
		overflow:hidden;
		padding:0;
	}
	.main-list #img-box img{
		width:100%;
		height:auto;
	}
	.main-list li{
		float:left;
		width:30.333333%;
		margin:0 auto;
		padding:0 1.5%;
	}
	.bottom #link{
		margin:0 0 20px;
		padding:10px 2% 20px;
		text-align:left;
		line-height:180%;
	}
	.bottom #link-li0,.bottom #link-li1,.bottom #link-li2{
		width:15%;
	}
	.bottom #link-li3{
		width:30%;
	}
	.bottom #link-li4,.bottom #link-li5{
		display:none;
	}
}

@media(max-width:720px){
	.line {
		display:block;
		border-top:1px #CCC solid;
		border-bottom:1px #CCC solid;
		background:#EEE;
		height:12px;
	}
	#header {
		/*height:70px;*/
	}
	#header #content{
		position:relative;
	}
	.top-guide {
		display:none;
	}
	.top-right {
		width:100%;
	}
	.top-guide span{
		display:none;
	}
	.top-guide #search{
		display:none;
	}
	.nav-onoff{
		position:absolute;
		display:block;
		float:right;
		margin:10px 10px 0 0;
		padding:0;
		top:0px;
		right:0px;
		width:40px;
		height:40px;
		line-height:40px;
		cursor: pointer; 
		font-size:16px;
		font-weight:400;
		color:#FFF;
		background-color:#D90C14;
		text-align:center;
		vertical-align:middle;
		-webkit-border-radius: 0px;
		-moz-border-radius:  0px;
		border-radius: 0px;
	}
	.nav-onoff img {
		width:60%;
		max-width:30px;
		height:auto;
		vertical-align:middle;
	}
	.top-nav {
		float:left;
		width:100%;
		display:none;
	}	
	.top-logo {
		margin:0px;
		padding:8px 0 0;
		height:60px;
		padding:0 0 0 5px;
		width:45%;
		vertical-align:middle;
	}
	.top-logo img{
		max-height:50px;
		width:auto;
	}
	.page-left {
		display:none;
	}
	.page-right {
		float:none;
		width:100%;
	}
	.page-right #category{
		display:block;
		margin:0 2%;
		text-align:center;
		border:1px #CCC solid;
		padding:10px 0;
	}
	.content-text .content-left{
		width:100%;
	}
	.content-text .content-left img{
		width:100%;
	}
	.content-text .content-right{
		width:100%;
	}
	.main-sort {
		padding:30px 0 0;
	}
	.main-about-img {
		float:none;
		margin:0 auto;
		width:96%;
	}
	.main-about {
		float:none;
		margin:0 auto 20px auto;
		width:96%;
		position:relative;
	}
	.main-list {
		margin:0 auto 0;
		padding:10px 2%;
	}
	.main-list h5{
		padding:10px 0 10px;
	}
	.main-list #img-box img{
		width:100%;
		height:auto;
	}
	.main-list li{
		float:none;
		width:98%;
		margin:0 auto;
		padding:0;
		height:auto;
		overflow:hidden;
		background:rgba(255,255,255,0.9) none repeat;
		box-shadow:0 0px 0px 0 rgba(0, 0, 0, 0.5);
		-moz-box-shadow:0 0px 0px 0 rgba(0, 0, 0, 0.5);
		-webkit-box-shadow:0 0px 0px 0 rgba(0, 0, 0, 0.5);
	}
	.main-list li p{
		height:auto;
	}
	.main-list .img-warp {
		height:auto;
		padding:0 0 0 0;
		float:left;
		width:45%;
	}
	.pro-list {
		margin:0 2% 20px;
	}
	.pro-list li {
		margin:0 1% 20px;
		padding:0px;
		width:31.333333%;
	}
	.pro-list #pro3 {
		display:none;
	}
	.pro-list li #img-box{
		max-height:100px;
	}
	.pro-left {
		float:none;
		width:100%;
	}
	.pro-right {
		float:none;
		width:100%;
	}
	.content-name {
		margin:0 auto;
		padding:10px 10px 15px;
	}
	#content-text img {
		width:100%;
		height:auto;
	}
	.column-list {
		display:block;
		margin:10px auto;
	}
	.column-list li{
		padding:10px 10px;
		border-top:1px #EEE solid;
	}
	#column4 li{
		width:100%;
		min-height:300px;
	}
	.bottom{
		padding:0;
	}
	.bottom #contact{
		padding:0;
	}
	.bottom #contact li{
		float:none;
		width:95%;
		padding:15px 2%;
		text-align:left;
		border-top:1px #D6855C solid;
		min-height:inherit;
	}
	.bottom #contact li #img-box img{
		float:left;
		border:1px #FFF solid;
		padding:5px;
		margin:0 20px 0 0;
		-webkit-border-radius: 50px;
		-moz-border-radius:50px;
		border-radius:50px;
	}
	.bottom-copy span{
		display:none;
	}	
	.bottom #contact #br{
		display:none;
	}
	.bottom #link{
		display:none;
	}
	.bottom #img-box{
		display:none;
	}
	.bottom #info{
		float:none;
		width:100%;
		text-align:center;
		padding:10px 0;
	}
	.bottom #info span{
		display:none;
	}
}

@media(max-width:480px){
	.main-itemname span {
		display:none;
	}
	.pro-list li {
		margin:0 1% 20px;
		padding:0px;
		width:48%;
	}	
	.pro-list #pro3 {
		display:block;
	}
	.pro-list li #img-box{
		max-height:120px;
	}
	div.digg span.disabled {
		display:none;
	}	
	div.digg #songtistyle{
		display:none;
	}
}