@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,a ,img{margin:0;padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}  /* 初始化标签在所有浏览器中的margin、padding值 */  
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  
body {background:#fff; overflow-x:hidden;}   /* 重置body 页面背景为白色 */  
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:arial,"微软雅黑", "黑体","宋体";color:#666} /* 重置页面文字属性 */  
a {color:#666;text-decoration:none}  /* 重置链接a标签 */  
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  
caption {display:none;}    /* 重置表格标题为隐藏 */  
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */  
img{vertical-align:top; max-width:100%;}  /* 图片在当前行内的垂直位置 */  
a,input,button,textarea,select{ outline:none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -webkit-appearance: none;}   /* 页面设置 */  
   
  /* 取消a标签点击后的虚线框 */  
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());}  
   
 /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */  
/*   
::selection {color: #fff;background-color: #4C6E78;}      
::-moz-selection {color: #fff;background-color: #4C6E78;}   
*/  
/*清除浮动--推荐使用*/  
.clearfix:before,.clearfix:after{content: '';display: table;}  
.clearfix:after{clear: both;}
.single{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-text-overflow:ellipsis;}
.many{ display: -webkit-box; display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
@font-face {
    font-family: "IMPACT";
    src: url("../font/IMPACT.eot"); /* IE9 */
    src: url("../font/IMPACT.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/IMPACT.woff") format("woff"), /* chrome、firefox */
    url("../font/IMPACT.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/IMPACT.svg#IMPACT") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}


.main{
	width:1200px;
	margin:0 auto;
	position:relative;
	}
#top{
	
	}
.logo{
	float:left;
	padding:15px 0;
	}
.top-r{
	float:right;
	}
.top-r .nav , .top-r .search{
	float:left;
	}
.top-r .nav li{
	float:left;
    padding:15px 0;
	position:relative;
	}
.top-r .nav li > a{
	display:block;
	height:52px;
	line-height:52px;
	font-size:18px;
	color:#333;
	padding:0 15px;
	}
.top-r .nav li.active > a{
	color:#f64f06;
	}
.two-menu{
	position:absolute;
	top:82px;
	background:#fff;
	width:110%;
	z-index:999;
	left:-5%;
	display:none;
	}
.two-menu a{
	display:block;
	height:45px;
	line-height:45px;
	text-align:center;
	font-size:14px;
	border-top:#ddd 1px solid;
	}
.two-menu a:nth-child(1){
	border-top:#f64f06 1px solid;
	}
.two-menu a:hover{
	color:#f64f06;
	}
.search{
	height:82px;
	width:65px;
	transition:.5s ease;
	-webkit-transition:.5s ease;
	overflow:hidden;
	position:relative;
	}
.search:hover{
	width:300px;
	}
.search-form{
    width:300px;
	background:#fff;
	height:45px;
	border-radius:45px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:18px;
	font-size:0;
	transition:.5s .5s ease;
	-webkit-transition:.5s .5s ease;
	box-shadow:0 0 5px rgba(0,0,0,0) inset;
	
	}
.search:hover .search-form{
	background:#f4f4f4;
	box-shadow:0 0 5px rgba(0,0,0,0.05) inset;
	}
.search-form button,.search-form input{
	display:inline-block;
	vertical-align:middle;
	}
.search-form button{
	width:65px;
	height:45px;
	background:url(../images/search_ui_06.png) no-repeat center center;
	transition:.5s ease;
	-webkit-transition:.5s ease;
	
	border:none;
	}
.search-form input{
	border:none;
	background:none;
	height:45px;
	width:235px;
	padding:0 15px;
	font-size:14px;
	opacity:0;
	transition:.5s .5s ease;
	-webkit-transition:.5s .5s ease;
	}
.search:hover .search-form input{
	opacity:1;
	}
.search:hover .search-form button{
	background:url(../images/search_ui_06_h.png) no-repeat center center;
	}
.contact{
	background:#1b2430;
	padding:80px 0;
	}
.contact-title{
	text-align:center;
	}
.contact-title h3{
	font-size:34px;
	font-weight:normal;
	font-family:arial;
	color:#fff;
	}
.contact-title p{
	color:rgba(255,255,255,0.5);
	font-size:14px;
	padding:30px 0;
	}
.infor{
	padding-top:90px;
	position:relative;
	}
.infor:after{
	content:'';
	width:50px;
	height:2px;
	background:rgba(255,255,255,0.3);
	position:absolute;
	left:50%;
	top:30px;
	margin-left:-25px;
	}
.infor li{
	width:400px;
	float:left;
	text-align:center;
	position:relative;
	padding:0 20px;
	}
.infor li h3{
	color:#fff;
	font-size:18px;
	font-weight:normal;
	position:absolute;
	height:40px;
	line-height:40px;
	left:50%;
	top:0;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	}
.infor li h3.tel{
	background:url(../images/tel_32.png) no-repeat left center;
	padding-left:30px;
	}
.infor li h3.email{
	background:url(../images/email_32.png) no-repeat left center;
	padding-left:35px;
	}
.infor li h3.address{
	background:url(../images/address_32.png) no-repeat left center;
	padding-left:30px;
	}
.infor li p{
	font-size:20px;
	color:rgba(255,255,255,0.5);
	padding-top:60px;
	font-family:arial;
	}
.massage{
	padding-top:45px;
	}
.massage dt{
	width:400px;
	float:left;
	padding:15px;
	}
.massage dt input{
	height:45px;
	line-height:45px;
	padding:0 15px;
	width:100%;
	background:none;
	border:rgba(255,255,255,0.3) 1px solid;
	border-radius:5px;
	font-size:14px;
	}
.massage dd{
	width:100%;
	float:left;
	padding:0 15px;
	}
.massage dd textarea{
	background:none;
	border:rgba(255,255,255,0.3) 1px solid;
	height:150px;
	border-radius:5px;
	padding:15px;
	width:100%;
	font-size:14px;
	}
.mas-btn{
	padding-top:40px;
	text-align:center;
	}
.mas-btn button{
	width:200px;
	border:rgba(255,255,255,0.3) 1px solid;
	color:rgba(255,255,255,0.5);
	height:45px;
	font-size:16px;
	border-radius:45px;
	transition:.5s ease;
	-webkit-transition:.5s ease;
	background:#1b2430;
	}
.mas-btn button:hover{
	background:#f64f06;
	border:#f64f06 1px solid;
	color:#fff;
	}
.foot{
	background:#000;
	text-align:center;
	height:50px;
	line-height:50px;
	}
.piaofu{ width:65px; height:264px; position:fixed; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:0; z-index:9999; opacity:0; display:none;}

.piaofu li{ width:65px; height:65px; background:#0c1219; transition:.2s linear; -webkit-transition:.2s linear; cursor:pointer; margin-bottom:1px; position:relative;}
.piaofu li:last-child{ background:#f64f06;}
.piaofu li:hover{ background:#f64f06}
.piaofu li a{ display:block; width:65px; height:65px; background:url(../images/qq_10.png) no-repeat center center;}
.piaofu li.ewm{ background:#0c1219 url(../images/ewm_11.png) no-repeat center center;}
.piaofu li.hootel{ background:#0c1219 url(../images/hootel_14.png) no-repeat center center;}
.piaofu li#gotop{ background:#f64f06 url(../images/gotop_14.png) no-repeat center center;}
.piaofu li.ewm:hover{ background:#f64f06 url(../images/ewm_11.png) no-repeat center center;}
.piaofu li.hootel:hover{ background:#f64f06 url(../images/hootel_14.png) no-repeat center center;}
.piaofu li.ewm:hover  #ewm{ display:block;}
.piaofu li #ewm{ width:150px; height:150px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:5px; left:-180px; top:50%; margin-top:-75px; position:absolute;  padding:10px; display:none;}
.piaofu li #ewm img{ position:relative; z-index:10;}
.piaofu li #ewm:after,#hootel:after{ content:''; width:20px; height:20px; position:absolute; right:-10px; background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.3); transform:rotate(45deg); -webkit-transform:rotate(45deg); top:50%; margin-top:-10px; z-index:1;}
.piaofu li #ewm:before,#hootel:before{ content:''; width:23px; height:46px; right:0px; top:50%; margin-top:-23px; position:absolute; background:#fff; z-index:2;}
#hootel{ width:240px; height:65px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); position:absolute; left:-270px; top:0px; padding:12px 20px; border-radius:5px; display:none;}
#hootel p{ font-size:24px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; padding-top:5px; color:#f64f06;}
.hootel:hover #hootel{ display:block;}

.swiper-pagination-bullet{
	width:16px;
	height:16px;
	}
.swiper-pagination-bullet-active{
	background:#f64f06;
	}
.click-more{
	display:block;
	width:130px;
	height:35px;
	line-height:35px;
	text-align:center;
	border:#f64f06 1px solid;
	color:#f64f06;
	margin:60px auto 0 auto;
	border-radius:35px;
	overflow:hidden;
	position:relative;
	transition:.5s ease;
	-webkit-transition:.5s ease;
	}
.click-more:after{
	content:'';
	width:0;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#f64f06;
	transition:.5s ease;
	-webkit-transition:.5s ease;
	z-index:-1;
	}
.click-more:hover{	
	color:#fff;
	}
.click-more:hover:after{	
	width:100%;
	}
.pagination{
	width:100%;
	padding:40px 0;
	float:left;
	}	
.pagination li{
	float:left;
	margin-right:10px;
	}
.pagination li span,.pagination li a{
	display:block;
	height:40px;
	width:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:rgba(255,255,255,0.8);
	font-family:arial;
	background:#232f3d;
	}
.pagination li.disabled span{
	color:rgba(255,255,255,0.4);
	}
.pagination li.active span{
	background:#f64f06;
	}
.ql-align-center{
	text-align: center;
}