﻿body {
	font: 9pt Tahoma;
	background: #dae4f9;
	color: #333;
}

* {
	padding: 0; 
	margin: 0; 
}

a {
	color: #333;
	text-decoration: none;
	background: inherit;
}

a:hover { 
	color: #f60;
	background: inherit;
	text-decoration:underline
}
a:link { text-decoration: none;color:#333}
a:active { text-decoration:blink}
a:visited { text-decoration: none;color:#333}
ul, ol {
	list-style : none; 
} 

img {
	border: none;
	display: block;
}
#header {
	background: url(images/header_bg.jpg) repeat-x left top;
}

#content {
	background: url(images/content_bg.jpg) repeat-x left top;
}

#mobile {
	position:relative;
	background:url(images/mobile.jpg) no-repeat #B8E0EC;
	height: 110px;
	font-size: 16px;
	/* font-weight: bolder; */
	color: #696363;
	padding: 10px 0 10px 250px;
}
#mobile h3{    
	font-size: 20px;
	font-weight: bold;
    padding-bottom: 10px;
	color: #424040;
	margin: 0px;
	
	}
.wxtn {position:absolute;bottom: 12px;width: 180px;height: 30px;line-height: 30px;background:#fff;color: rgba(255, 107, 23, 0.67);text-align: center;font-weight: bold;}
.wxanli{left:250px;}
.wxanmobile{left: 450px;}
.wxdiff{left: 650px;}
.menuwrap{
 width:100%;
 height: 40px;
 line-height: 40px;
 /*-moz-box-shadow: 0px 1px 3px #151515;
 -webkit-box-shadow: 0px 1px 3px #151515;
 box-shadow: 0px 1px 3px #151515;*/
 display:-moz-box;
 display:-webkit-box;
 display:box;
 -moz-box-orient:horizontal;
 -webkit-box-orient:horizontal;
 box-orient:horizontal;
 position:fixed;
 top:0
 
}
.sectionOne,.sectionTwo { 
 -moz-box-flex:1;
 -webkit-box-flex:1;
 box-flex:1;
 background:#333;
}
.menuwrap  a{color:#f27000;width:100%;height:40px;display:block;font-family:"微软雅黑"}
.menuwrap .same{background:#f27000;}
.menuwrap .same  a{color:#fff}
#mobile .wxdiff  a {color:#8A5040;}

#mobile a{
	color: rgba(255, 107, 23, 0.84);
}

#mobile a em{	
	display:none;	
}
/*酒店模板*/
.ex_all{
	clear:both;
	background: #638092 url(images/ex_bgold.jpg) repeat-x left top;
	border-top: 10px solid #D5E0F4;
}
.ex-hotel {
	width:750px;
	clear:both;	
	height:510px;	
	position:relative;
}
.spec{background:url(images/spec.gif) no-repeat left 5px !important}
.ex_title{float:left;background:url(images/title_bgn.png) no-repeat center top}
.picshow li{
	padding:0 12px;
	float:left;	
	margin-bottom:15px;
	display:inline-block;
	overflow:hidden;
	position:relative;
	background:url(images/ex_bg2.gif) no-repeat left 5px;
}
.picshow li p{
	width:148px;
	position:absolute;
	top:115px;
	line-height:16px;
	text-align:center;
}
.picshow a{
	width:148px;
	height:148px;	
	display:block;
	background:url(images/yingyin.png) no-repeat 12px 106px;	
}
.picshow a img{
	position:absolute;
	left:20px;
	top:5px;
}
.ex_title{
	float:left;
	width:20px;
	padding:200px 30px;		
	height:130px;
	color:#00122a;
	font-size:16px;
	font-weight:bold;
	font-family:"微软雅黑";
}
.hotel-case {
  background:url(images/VT_bg.gif) repeat-x left top;
  height:160px;
}

.hotel-case li {
  float:left;
  width:298px;
  padding: 20px 2px 0 2px;
  background:url(images/line.gif) no-repeat left top;
  height:140px;
}

.title_vt {
  float:left;
  padding:0 4px 0 14px;
}

.hotel-case img {
  float:left;
}
.hotel-case li span {
  float:left;
  font-size:10px;
  padding:20px 0 0;
}
.hotel-case li span a {
  font-weight:bold;
  font-size:12px;
}
.hotel-case li span a:hover {
  color:#36C;
}

.demo {
	clear:both;
}

.demo-title {
	height: 44px;
}

.demo-content {
	padding-left:10px;
	width:1000px;
}

.demo-content ul {
}

.demo-content li {
	float: left;
	width:320px;
	text-align:center;	
}
.demo-content li a{font-size:16px;}
.demo-content li a:hover{color:#ff0000}
.demo-content li img{width:320px;}
#footer {
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 0.8em;
	background: #0c4366;
	text-align: center;
	clear: both;
}

/*------index_m,index_wx,index_mobile-----------*/
h1{ background:#FFF; padding:0 10px; border-bottom:1px solid #CCC; font-size:18px; line-height:2em; text-align:left;}
.list{ max-width:700px; margin:50px auto 0;}
.list ul { padding:5px;height:auto;border-bottom: 1px dotted #ccc; margin-bottom: 10px; background: #fff; display:-moz-box;
 display:-webkit-box; display:box; -moz-box-align:stretch; -webkit-box-align:stretch; -o-box-align:stretch; box-align:stretch; }
.list ul li{list-style:none; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;}
.list ul li a{ float:left; display:block; background:#FFF; border:1px solid #FFF; margin:5px; padding:5px; color:#666;}
.list ul li a:hover{ border-color:#CCC; color:#000;}
.list ul li img{ width:100%; }
.list ul li p{text-align:left; padding:5px 0 0; font-family:"微软雅黑"}
.list li {margin-right:1px dotted #ccc;}
.list-we{color:#f27000;font-family:"微软雅黑"}
.list .team{width:30px;height:26px;background:url(images/meau-bg.png) no-repeat;display:inline-block;vertical-align: middle;}
.list .team-2{background-position:-30px 0}
.list .team-3{background-position:-60px 0}
.copyright{ clear:both; padding:5px 0 0; }
.copyright p{ background:#333; color:#FFF;font-size:12px; line-height:2em; }
.clean {clear:both;}
.demo-content li{position: relative;}
.animation{width: 290px;
	height: 225px;
	background: #000;
	opacity: 0.8;
	position: absolute;
	left: 15px;
	bottom: 30px; line-height: 225px ;display: none;}
.animation .md ,.animation .al{border-radius: 4px;padding: 5px 15px;margin: 15px;}
.animation .md{color: #fff;;background: #2f9d30;}
.animation .al{color: #fff;;background: #ba7f22;}
.sh{display: block}
.animation .md:hover{color: #fff;}
.animation .al:hover{color: #fff;}
@keyframes name1 {
	0%{
		height: 30px;
		line-height: 30px;
		display: block;
	}
	50%{
		height: 120px;
		line-height: 120px;
		display: block;
	}
	100%{
		height: 225px;
		line-height: 225px;
		display: block;
	}

}
.sh{
	animation: name1 0.3s linear 1 normal;

}
.demo-content li{height:270px;font-size: 16px;}

/*手机模板*/





