@charset "utf-8";
@import url("css_reset.css");

html{ font-size:10.5pt;}
body{ background:#f0f0f0; word-break:break-all; word-wrap:break-word;}
body,select,input{ font-size: 100%; line-height:200%; vertical-align: baseline; font-family: arial,helvetica,clean,sans-serif; color:#505050;}
.noscript{ padding:100px; font-size:30px;}
img{ margin:0; padding:0; vertical-align: middle;}
a{ color: #505050; text-decoration:none;}
a:hover{ color:#dd433e; text-decoration:none;}
input{ outline:none;}
.clear{ clear:both;}
.hide{ display:none;}


.w{ width:100%; margin:0 auto;}

.top{}
	.top{ background:#fff; padding:15px 0;}
	.top .w{ padding:15px 0; background:#fff;}
	.logo{ float:left;}
	.hottel{ float:right;}

.nav{ top:0; z-index:9; height:48px; line-height:48px;}
	.nav{ background:#dd433e;}
	.nav .w{ height:48px; background:#dd433e;}
	.nav-ctrl, .nav-xs{ display:none;}
	.nav li{ width:10%; text-align:center; float:left; display:inline-block; background:#dd433e;}
	.nav li a{ font-size:13pt; display:block; color:#fff;}
	.nav li a:hover{ background:#aa1d16;}

.banner{ position:relative;}
	.slider-wrapper{ width: 100%;}
	.nivo-controlNav{ display:none;}
	.nivoSlider{ margin:0;}

.main{ position:relative;}
	.section{ background-color: #fff; -moz-border-radius: 1px 1px 1px 1px; -webkit-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; box-shadow: 0 14px 10px -10px rgba(0,0,0,0.1);}
	.section .content{ overflow:hidden;}
	.colmain{ float:left; width:66.66666667%;}
	.colside{ float:right; width:33.33333333%;}
	.content:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } 
	
	.mbox{ min-height:120px;}
	.mbox .title { font-size:13pt; padding-bottom: 2px; border-bottom: 1px solid #ebebeb; margin-bottom: 11px; position: relative;}
	.mbox .title:after{ content: ""; width: 90px; height: 1px; background: #dd433e; position: absolute; left: 0; bottom: -1px;}
	#card{ position:relative;}
	#card h3{ font-size:12pt; line-height:2; color:#dd433e;}
	
	.sbox{ min-height:80px;}
	.sbox .title { font-size:13pt; padding-bottom: 2px; border-bottom: 1px solid #ebebeb; margin-bottom: 11px; position: relative;}
	.sbox .title:after{ content: ""; width: 90px; height: 1px; background: #dd433e; position: absolute; left: 0; bottom: -1px;}
	.section .glyphicon{ top:2px; margin-right:5px;}
	#line img{ width:100%; margin-bottom:15px;}
	#hotnew{}
	.npl{ height:2em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

	.bookline .red{ color:#f00;}
	
	.rownews{ margin-bottom:35px;}
	.rownews .st{ float:left; width:18%; color:#b5b5b5;}
	.rownews .sc{ float:left; width:72%;}
	.rownews .nt{}
	.rownews .nc{ border-left: 5px solid #eee; padding: 10px 20px; color:#b5b5b5; margin: 10px 0 2px 0;}
	.NewsTitle{ text-align:center; margin-bottom:35px;}
	.NewsTitle h1{ font-size:2em; line-height:1.3;}
	.NewsTitle .newsTime{ font-size:0.8em;}

.state{
width:95px;
height:43px;
z-index:10;
top:5px;
left:5px;
position:absolute;
background:transparent url("/tem/style/images/state.gif") no-repeat scroll 0 0
}	
.pro ul:after{ content: ""; clear:both;}
.pro li{ float: left; width: 50%;}
/*.pro .li1 .proImg{ margin-right:12px;}
.pro .li2 .proImg{ margin-left:12px;}*/
.libox{ width:202px; margin:0 auto; height: 255px; overflow: hidden; margin-bottom:25px;}
.proInfo{ color: #f00; margin-top:10px;}
.proInfo h3{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.proInfo .btn{ margin-left:10px;}
.proImg{ position:relative;}
.proImg-pp-list { height:160px; overflow: hidden; display:table;border:1px solid #CCCCCC; padding:20px 20px;} 
.proImg-pp-list dd { width:160px; height:160px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; } 
.proImg-pp { *position:absolute; top:50%; } 
.proImg-pp img { *position:relative; top:-50%; left:-50%; } 


#proShopImg{
float:left;
width:256px;
height:256px;
border:1px solid #999;
text-align:center;
margin-right:6px;
background-color:#fff;
padding:3px;
position:relative;
}
#proShopImg img{
}
.pshow-pp-list { height:250px; overflow: hidden; display:table;} 
.pshow-pp-list li { width:250px; height:250px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; } 
.pshow-pp { *position:absolute; top:50%; } 
.pshow-pp img { *position:relative; top:-50%; left:-50%; } 

#proShopInfo{
float:right;
width:60%;
}
#proShopInfo h3{ color:#f00; margin-bottom:15px;}

.foot{ background:#f0f0f0; margin-top:1em;}
	.foot .foot_bg{ }
	.copy{ padding:1em 0; text-align:center;}
img { max-width:100%;}
.fixbox{ display:none;}

@media screen and (min-width: 1200px) {
	.w{ max-width: 1200px;}
	.main{ margin-top:35px;}
	.section{ padding: 15px 25px 15px 25px; margin:0 17px 35px 17px;}
	
	.bookline{ margin-bottom:10px;}
	.bookline label.t{ width:100px; text-align:right;}
	.bookline .btn{ margin-left:100px;}
	.bookline .form-control{ width:550px;}
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
	.w{ max-width: 1024px}
	.nav li a{ font-size:11pt;}
	.main{ margin-top:20px;}
	.section{ padding: 15px 20px 10px 20px; margin:0 10px 20px 10px;}
	
	.bookline{ margin-bottom:10px;}
	.bookline label.t{ width:100px; text-align:right;}
	.bookline .btn{ margin-left:100px;}
	.bookline .form-control{ width:400px;}
}
@media only screen and (max-width: 767px) { 
	.w{}
	.nav{ position: fixed; top: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.nav{ background:#dd433e;}
	.nav .w{ background:#dd433e; position:relative;}
	.nav-ctrl, .nav-xs{ display:block;}
	.nav-ctrl{ position:absolute; left:10px; top:10px; background: url(images/list.png) center no-repeat; width:30px; height:30px;}
	.nav-xs{ text-align:center; color:#fff; font-size:14pt;}
	.top{ margin-top:48px;}
	.top .w{ padding:0;}
	.top img{ width:100%;}
	.logo{ float:none; display:none;}
	.hottel{ float:none; display:none;}
	.main{ margin-top:15px;}
	.section{ padding: 10px 15px 5px 15px; margin:0 15px 15px 15px;}
	.colmain{ float:none; width:100%;}
	.colside{ float:none; width:100%;}
	.site-qrcode img{ width:300px; height:300px;}

	.rownews .st{ float:none; width:100%;}
	.rownews .sc{ float:none; width:100%;}

	.pro li{ float:none; width:100%;}
	#proShopImg{ float:none; width:100%; border:none;}
	#proShopInfo{ float:none; width:100%;}
	.copy span{ display:block; width:100%;}

	.foot{ margin-bottom: 50px;}
	.fixbox{ display:block;}
	.fixbox{
	background-color: #fff;
	bottom: 0;
	display: block;
	left: 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 99;
	font-size: 14px;
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12);
	}
	.fixbox li{
	float: left;
	width: 50%;
	}
	.fixbox li>div{
	margin: 7px;
	}
	.fixbox a{
	display: block;
	/*background-color: #f63;*/
	color: #fff;
	display: block;
	height: 40px;
	text-align: center;
	/*border: 1px solid #f63;*/
	line-height: 40px;
	border-radius: 4px;
	font-size: 18px;
	}
	.fixbox .icon_phone{
	background-position:-49px -62px;
	margin-right: 5px;
	}
	.lineico2,.telico2{
	width: 18px;
	height: 18px;
	display: inline-block;
	background:url("/images/telico2.png") no-repeat 0 0;
	background-size: 18px auto;
	margin-top: 5px;
	margin-right: 5px;
	vertical-align: -2px;
	}
	.lineico2{
	background:url("/images/telico2.png") no-repeat 0px -23px;
	background-size: 18px auto;
	}
}

	.bookline .CheckCode{ width:120px;}


/* cut pages */
#getpage{clear:both; font-size:12px; color:#ccc;padding:15px 0 15px 0;}
#getpage a,#getpage span{display:inline;height:18px;line-height:18px;padding:0 6px;margin-right:3px;text-decoration:none;}
#getpage span.current{border:1px solid #000;font-weight:bold;background:#000;color:#fff;}
#getpage span.pagetxt{height:20px;border:none;line-height:20px;margin:0;}
#getpage span.pageturn{border:1px solid #fff;color:#ccc;background:none;}
#getpage a.pageturn{border:1px solid #fff;background:none;}
#getpage a{color:#ccc;border:1px solid #ccc;}
#getpage a:hover{border-color:#ccc;color:#fff;background:#ccc;}
#getpage .inputt{font-size:12px; height:15px; color:#000; background:#fff; line-height:15px; border:solid #000 1px; width:30px; text-align:center; cursor:pointer;}