@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, figure, form, fieldset, legend, button, input, textarea, th, td { font-family: Avenir, tahoma, Arial, 'Hiragino Sans GB', "\5FAE\8F6F\96C5\9ED1", "\5b8b\4f53", sans-serif; margin: 0; padding: 0; list-style: none }
h1, h2, h3, h4, h5, h6 { font-weight: 100 }
button, input, select, textarea { font-size: 100%; outline: 0 }
body { margin: 0; overflow-x: hidden }
a {
blr:expression(this.onFocus=this.blur()); color: #369; text-decoration: none }
area { blr:expression(this.onFocus=this.blur())
}
.clearfix:after { content: '\0020'; display: block; height: 0; clear: both; font-size: 0; visibility: hidden }
.clearfix { zoom: 1; }
.clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; line-height: 0 }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
em, i { font-style: normal }
.none { display: none }
.block { display: block }
img { border: 0 }
table { border-collapse: collapse; border: 0; cellspacing: 0; cellpadding: 0 }
.verticalAlign { vertical-align: middle; display: inline-block; height: 100%; width: 1px; margin-left: -1px; }
a, a img, input, .featured-post .byline { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.btn { }
html, body { width: 100%; height: 100%; position: relative; }
h1, h2, h3, h4, h5, h6 { text-transform: capitalize }
.zoomimg img { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; }
.zoomimg img:hover { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); }
::-webkit-scrollbar {
width:10px;
height:10px
}
::-webkit-scrollbar-track {
border-radius:0;
background:Transparent
}
::-webkit-scrollbar-thumb {
border-radius:5px;
background:rgba(50,50,20,0.4)
}
::-webkit-scrollbar-thumb:hover {
border-radius:5px;
background:rgba(50,50,20,0.6)
}
/*超出的文字省略，要定义宽度*/
span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.logo, .arrow a, .arrow a:hover, .slideBox .hd ul li, .ind-happy .hd .prev, .ind-happy .hd .next, .ind-happy .hd ul li { background: url(images/znc.png) no-repeat; }
/*间隔*/
.mr20 { margin-right: 20px; }
.mt10 { margin-top: 10px; }
/*页面*/
body { font-size: 14px; line-height: 1.5em; background: #f5f5f5; }
#header { background: url(images/header.png) center top repeat-x; width: 100%; height: 180px; position: absolute; left: 0px; top: 0px; z-index: 999; }
.header { height: 120px; position: relative; display: block; }
.wrapper { width: 1160px; margin: 0 auto; }
.logo { background-position: 0 -110px; width: 340px; height: 120px; }
.header-tel { height: 40px; text-align: right; font-size: 14px; font-weight: bold; color: #666; line-height: 40px; margin-bottom: 5px; }
.header-tel span { font-size: 20px; color: #ed9249 }
.nav { }
.nav ul li { float: left; color: #fff; width: 115px; text-align: center; margin-left: 1px; padding: 0; }
.nav ul li a { color: #fff; }
.nav ul li .menu { padding: 5px 0 10px 0; }
.nav ul li .menu h5 { font-size: 18px; line-height: 35px; letter-spacing: 1px; text-indent: 4px; }
.nav ul li .menu h5 span { width: 30px; height: 1px; background: #fff; display: block; margin: 0 auto 5px auto }
.nav ul li#nav0 .menu { background: #68ba8a }
.nav ul li#nav1 .menu { background: #2abbb4 }
.nav ul li#nav2 .menu { background: #944866 }
.nav ul li#nav3 .menu { background: #efb935 }
.nav ul li#nav4 .menu { background: #53d37e }
.nav ul li#nav5 .menu { background: #88cb5a }
.nav ul li#nav6 .menu { background: #ff6b50 }
.nav ul li i { background: url(images/nav.png) no-repeat; width: 115px; height: 36px; display: inline-block; }
.nav ul li#nav0 i { background-position: 0 -46px; }
.nav ul li#nav1 i { background-position: -115px -46px; }
.nav ul li#nav2 i { background-position: -230px -46px; }
.nav ul li#nav3 i { background-position: -345px -46px; }
.nav ul li#nav4 i { background-position: -460px -46px; }
.nav ul li#nav5 i { background-position: -575px -46px; }
.nav ul li#nav6 i { background-position: -690px -46px; }
#banner { height: 300px; background: url(images/banner.jpg) center center no-repeat; }
/*.banner-Scenic{ background:url(images/banner1.jpg) center center no-repeat;}
.banner-hotel{ background:url(images/banner2.jpg) center center no-repeat;}
.banner-Training{ background:url(images/banner3.jpg) center center no-repeat;}
.banner-Visitors{ background:url(images/banner4.jpg) center center no-repeat;}
.banner-contactus{ background:url(images/banner5.jpg) center center no-repeat;}
.banner-bcy{ background:url(images/banner.jpg) center center no-repeat;}*/
#main-p { margin: 20px 0; }
#main-p .wrapper { background: #fff; padding: 15px; width: 1130px; position: relative; }
#main-p .wrapper .back { position: absolute; top: 30px; left: 30px; width: 50px; height: 45px; border-radius: 25px; background: rgba(93,182,146,0.9); text-align: center; padding-top: 5px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
#main-p .wrapper .back a { color: #fff; }
#main-p .wrapper .back i { display: block; font-size: 1.2rem; color: #fff; }
#main-p .wrapper .back:hover { background: #944866; }
.more { font-size: 12px; font-weight: 100; overflow: hidden; display: table; margin: 0 auto; }
.more a { color: #555; display: table-cell; padding: 2px 40px; border: solid 1px #ddd; background: #fff; }
.more a:hover { color: #fff; background: #00a2de; border-color: #00a2de; }
.place { padding: 15px 0; font-size: 14px; color: #555; font-weight: 100 }
.place a { color: #555; text-decoration: underline; }
.place a:hover { color: #992939; text-decoration: none; }
h1.title { text-align: center; font-size: 30px; color: #46b692; padding: 30px 0 5px 0; }
h1.title span { display: block; width: 80px; height: 2px; background: #46b692; margin: 20px auto 10px auto }
h2.title-s { background: url(images/h2bg.png) center center no-repeat; width: 1110px; height: 45px; margin: 30px auto 15px auto; }
h2.title-s table { margin: 0 auto }
h2.title-s table td { height: 45px; line-height: 45px; }
h2.title-s table td.one { background: url(images/h2-1.png) no-repeat; width: 16px; }
h2.title-s table td.two { background: url(images/h2-2.png) center center repeat-x; color: #1a9b50; font-size: 25px; padding: 0 45px; }
h2.title-s table td.three { background: url(images/h2-3.png) no-repeat; width: 16px; }
.text { padding: 10px; }
.text p { color: #444; font-size: 15px; line-height: 1.8em; }
.text img { margin: 10px 0; max-width: 1110px; height: auto }
#Contact { padding: 20px 0 }
#Contact h5 { font-size: 20px; padding: 5px; color: #0075c1; border-bottom: solid 1px #ccc; margin-bottom: 10px; margin-top: 20px; }
#Contact .text { float: left; padding: 0px; width: 400px; }
#Contact .map { width: 700px; float: right }
#Contact .map #gaodi-map { width: 700px; height: 500px; border: solid 1px #ccc; }
#Contact .map #map { width: 700px; height: 500px; border: solid 1px #ccc; }
#footer { background: url(images/footer.jpg) center top no-repeat; padding-top: 20px; padding-bottom: 30px; }
#footer .wrapper { background: url(images/footer.png); padding: 30px 20px; width: 1120px; color: #fff; }
.item { }
.item dt { float: left; width: 740px; height: 330px; }
.item dt img { width: 700px; height: 300px; }
.item dd { padding: 0 10px 0 740px; }
.item dd h4 { font-size: 30px; color: #2abbb4; line-height: 60px; height: 60px; }
.item dd .text { padding: 0; height: 180px; overflow: hidden; margin-bottom: 10px; }
.item dd .text p { color: #555; line-height: 30px; }
.item dd .more a { padding: 5px 100px; }
.Sitemap { width: 820px; float: left; }
.Sitemap ul { }
.Sitemap ul li { float: left; width: 110px; padding: 0; }
.Sitemap a { color: #fff }
.Sitemap a:hover { text-decoration: underline; }
.Sitemap h5 { font-size: 18px; margin-bottom: 5px; }
.Sitemap p { font-size: 14px; line-height: 1.5rem; padding-left: 8px; }
.rwm { width: 280px; float: right; }
.rwm ul li { width: 140px; text-align: center; float: left; }
.rwm ul li img { width: 120px; height: 120px; }
.rwm ul li p { font-size: 12px; }
#copyright { margin-top: 30px; border-top: solid 1px #fff; padding-top: 10px; }
#copyright a { color: #fff; text-decoration: underline; }
#copyright a:hover { text-decoration: none; }
/*banner*/
.slideBox { width: 100%; overflow: hidden; position: relative; }
.slideBox .hd { height: 20px; overflow: hidden; position: absolute; left: 0; bottom: 30px; width: 100%; z-index: 1; }
.slideBox .hd ul { float: left; position: relative; left: 50%; }
.slideBox .hd ul li { float: left; position: relative; right: 50%; margin-right: 10px; width: 20px; height: 20px; cursor: pointer; text-indent: -990em; overflow: hidden; background-position: 0 0; }
.slideBox .hd ul li.on { background-position: -20px 0; }
.slideBox .bd { position: relative; z-index: 0; width: 100%; }
.slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; display: block; text-align: center; }
.slideBox .bd li img { width: 100%; height: auto; }
/*项目*/
.happyList { width: 1110px; margin: 0 auto; overflow: hidden; }
.happyList ul { width: 1140px; }
.happyList ul li { width: 540px; height: 310px; padding: 0px; margin: 0 20px 20px 0; float: left; position: relative; }
.happyList ul li img.img { width: 540px; height: 310px; }
.happyList ul li .Name { position: absolute; top: 0; right: 0; background: rgba(0,162,222,0.8); color: #fff; width: 20px; padding: 10px; height: 290px; font-size: 20px; line-height: 40px; letter-spacing: 2px; overflow: hidden; }
.ind-happy { }
.ind-happy .happyList ul { width: 1110px; }
.ind-happy .happyList ul li { width: 1110px; height: 330px; margin: 0 }
.ind-happy .happyList ul li img.img { width: 1110px; height: 300px;object-fit:cover; }
.ind-happy .happyList ul li .Name { position: relative; background: none; color: rgba(0,162,222,1); line-height: 30px; width: 100%; height: 30px; padding: 0; text-align: center; }
.ind-happy .happyList ul li:hover img.img { }
.video { width: 500px; }
.AlbumWrap { width: 1120px; margin: 10px auto; }
.Album { }
.Album ul li { text-align: center; float: left; width: 250px; margin: 7px; background: #fff; padding: 7px; border: solid 1px #eee; }
.Album .AlbumImg { width: 250px; overflow: hidden; background: url(js/fancybox_loading.gif) center 30% no-repeat; }
.Album .AlbumName { text-align: center; font-size: 16px; color: #00A2DE; padding: 10px 0 }
.Album ul li img { width: 250px; height: 170px; object-fit: cover; }
.Album ul li:hover { box-shadow: 0 1px 20px 0 rgba(0,0,0,.19); border-color: #ccc; }
.Album ul li:hover .AlbumName { font-weight: bold; }
.project-img,.project-text{margin-top:20px;}
.project-img { width: 800px; }
.project-img #gallery { padding: 0px; }
.project-img .ad-gallery { width: 800px; padding: 0 }
.project-img .ad-gallery .ad-image-wrapper { width: 800px; height: 500px; margin: 0 auto }
.project-text { width: 260px; height: 600px; padding: 19px; border: solid 1px #eee; background: #fff;}
.project-text h5 { font-size: 18px; color: #ff5f00; line-height: 1.5rem; }
.project-text .text { padding: 0px; overflow-y: auto; }
.project-text .star { padding-top: 20px; }
.project-text .star p { border-bottom: dashed 1px #ddd; }
.star { padding-top: 5px; }
.star p { padding: 8px }
.star span { font-size: 18px; color: #f30; }
.project-date { font-size: 15px; color: #fff; margin: 10px 0; background: #00A2DE; padding: 5px; text-align: center; border-radius: 20px; }
.project-date .iconfont { font-size: 17px; margin-right: 5px; }
.add { font-size: 15px; color: #00A2DE; margin: 10px 0; padding: 5px; }
.add .iconfont { font-size: 20px; margin-right: 5px; }
.add a { color: #00A2DE }
.add a:hover { color: #f30; text-decoration: underline; }
.phone { font-size: 15px; color: #fff; margin: 15px 0; background: #f50; padding: 5px 10px 5px 40px; text-align: center; border-radius: 20px; position: relative; }
.phone .iconfont { font-size: 40px; position: absolute; left: 12px; top: 12px; }
/*图片列表*/
.imgList { width: 1110px; margin: 10px auto; }
.imgList ul { padding: 0 0 15px 0; }
.imgList ul li { float: left; padding: 4px; margin: 10px; border: solid 1px #ddd; overflow: hidden; background: #fff; position: relative; }
.imgList ul li .imgImg { overflow: hidden; text-align: center; background: url(js/fancybox_loading.gif) center 30% no-repeat; }
.imgList ul li .imgImg img { height: auto; }
.imgList ul li .imgName { font-size: 18px; text-align: left; color: #00A2DE; padding: 5px 10px; }
.imgList ul li .imgInfo { font-size: 14px; padding: 5px; line-height: 1.3em; color: #333; }
.imgList ul li:hover { box-shadow: 0 1px 20px 0 rgba(0,0,0,.19); border-color: #999; }
.imgList ul li:hover .imgName { font-weight: bold; color: #f50 }
.imgList ul.col-2 li { width: 490px; margin: 15px; padding: 14px; }
.imgList ul.col-2 li .imgImg { width: 490px; }
.imgList ul.col-2 li .imgImg img { width: 490px; }
.imgList ul.col-3 li { width: 320px; margin: 15px; padding: 9px; }
.imgList ul.col-3 li .imgImg { width: 320px; }
.imgList ul.col-3 li .imgImg img { width: 320px; height: 200px; }
.SlidePic { }
.SlidePic .Name { font-size: 23px; text-align: center; line-height: 1.5em; color: #1a9b50 }
/*客房*/
.Rooms { padding: 20px; }
.Rooms .hd { }
.Rooms .hd .prev, .Rooms .hd .next { display: block; width: 40px; height: 60px; overflow: hidden; cursor: pointer; margin-top: 240px; }
.Rooms .hd .prev { background: url(images/prev.png); float: left; }
.Rooms .hd .next { background: url(images/next.png); float: right; }
.Rooms .SlidePic { width: 920px; margin: 0 auto }
.Rooms .SlidePic li { text-align: center; }
.Rooms .SlidePic li img { width: 920px; height: 500px }
/*新闻*/
.news-list { border-bottom: dashed 1px #ccc; padding: 10px 0 15px 0 }
.news-list h4 { font-size: 16px; line-height: 20px; margin: 8px 0; }
.news-list h4 a { color: #666; text-decoration: none; font-weight: bold; }
.news-list h4 a:hover { color: #00a2de; text-decoration: underline; }
.news-list h4 span.time { font-size: 12px; margin-left: 20px; background: #eee; padding: 3px 10px; color: #777; border-radius: 20px; }
.news-list p { color: #555; line-height: 1.6rem; height: 80px; overflow: hidden; }
.news-list:hover span.time { background: #00a2de; color: #eee; }
.news-list:hover .detailed a { background: #ddd; }
.news-list .news-img { float: left; margin-right: 15px; }
.news-list .news-img img { width: 240px; height: 150px;object-fit:cover; }
.news-list .detailed { font-size: 12px; float: right; margin: 10px 0 0 0; }
.news-list .detailed a { background: #fff; padding: 3px 15px; color: #777; border-radius: 20px; border: solid 1px #ddd; }
.news-list .detailed a:hover { background: #00a2de; color: #fff; border-color: #00a2de }
.article { padding: 10px; margin-bottom: 20px; }
.article h5 { display: block; overflow: hidden; padding-left: 0; color: #444; text-align: center; font: 26px/1 "\5fae\8f6f\96c5\9ed1", "\534e\6587\7ec6\9ed1", "\9ed1\4f53"; background: #fff; padding: 15px 0 }
.article ul li { font-size: 16px; padding: 15px 25px; line-height: 26px; color: #444; }
.article ul.articlepicul li { padding: 10px 0px; text-align: center; width: 720px; }
.article ul.rslides_tabs li { padding: 0px; }
.article p.publish { border-bottom: solid 2px #ddd; font-size: 12px; line-height: 20px; padding: 10px 0; text-align: center; color: #222; background: -webkit-linear-gradient(top, #fff, #eee); }
.article p.publish span.red { color: #f00; }
.article p.publish a { color: #222; margin: 0 10px 0 0; }
.article p.publish a:hover { color: #F00; }
.article p img { max-width: 640px; width: auto; height: auto; margin: 15px auto; display: table }
/*FAQ*/
.Faq { margin: 20px; }
.Ask { border-bottom: dashed 1px #ddd; font-size: 18px; padding: 10px 15px; cursor: pointer; }
.Ask .iconfont { color: #008ccb; font-size: 1.5rem; margin-right: 10px; }
.Ask.on { border: solid 3px #dae5e9; border-bottom: 0px; background: #f0f0f0; margin-top: -1px; color: #008ccb; font-weight: bold; }
.Ask.on .iconfont { font-weight: 100; }
.Answer { display: none; border: solid 3px #dae5e9; border-top: 0px; padding: 19px; }
.Answer .iconfont { color: #008ccb; font-size: 3rem; float: left; width: 40px; margin-right: 10px; }
.Answer .text { padding: 0px 0px 0px 50px; }
/*图片幻灯*/
#gallery { padding-top: 20px; font-size: 12px; color: #000; margin: 0 auto; }
.ad-gallery { width: 1000px; }
.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
.ad-gallery .ad-image-wrapper { width: 1000px; height: 600px; margin: 10px auto; position: relative; overflow: hidden; background: #fff; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #fff; }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(non-existing.jpg)\9 }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(images/prev.png); width: 40px; height: 60px; display: none; position: absolute; top: 47%; left: 10px; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(images/next.png); width: 40px; height: 60px; right: 10px; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.ad-gallery .ad-image-wrapper .ad-image a img { border: solid 1px #f00; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px 15px; text-align: left; width: 100%; z-index: 2; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; background: #FFF; font-size: 14px; font-weight: bold; line-height: 26px; color: #000; }
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-controls { height: 20px; line-height: 20px; padding: 10px 0 0 0; }
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 12px; color: #0077af; margin-left: 5px; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-weight: bold; color: #46b692; margin-right: 15px; }
.ad-gallery .ad-nav { width: 100%; position: relative; }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 10px; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; left: 5px; width: 13px; display: block; background: url(images/scroll_back.png) 0px 32px no-repeat; }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: 5px; width: 13px; background: url(images/scroll_forward.png) 0px 32px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 93%; height: 100px; margin: 0px auto; padding: 10px 0 }
.ad-gallery .ad-thumbs .ad-thumb-list { }
.ad-gallery .ad-thumbs li { float: left; padding-right: 5px; }
.ad-gallery .ad-thumbs li a { display: block; }
.ad-gallery .ad-thumbs li a img { border: 3px solid #fff; display: block; max-height: 80px; _height: 80px; }
.ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #46b692; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }
/*页码*/
.page { padding: 15px 0px; }
.page table { border: 0; font-size: 12px; line-height: 20px; font-weight: 100; margin: 15px auto; }
.page table td { }
.page table td input { padding: 2px 4px; width: 30px; height: 20px; font-size: 14px; line-height: 15px; border: solid 1px ccc; }
.page table td a { background: #fff; color: #222; border: solid 1px #ccc; margin-left: -1px; text-decoration: none; display: block; padding: 5px 12px; }
.page table td a.current, .page table td a.current:hover { color: #fff; background: #f60; border-color: #f60; cursor: default }
.page table td a:hover { color: #222; background: #f0f0f0; }
/*滑动联系*/
#serverWin { right: 2px; bottom: 10%; position: fixed; _position: absolute; _top: expression(documentElement.scrollTop + 660 + "px");
width: 50px; height: auto; display: block; z-index: 999; }
#serverWin ul li { text-align: center; font-size: 12px; display: block; width: 50px; height: 50px; border: solid 1px #ddd; background: #fff; margin-top: -1px; }
#serverWin ul li .iconfont { font-size: 28px; display: block; margin-top: 15px; margin-bottom: 5px; }
#serverWin ul li a { color: #333; text-transform: uppercase }
#serverWin ul li a .iconfont { color: #666 }
#serverWin ul li:hover { background: #00A2DE; border-color: #00A2DE; color: #fff; position: relative; }
#serverWin ul li:hover .iconfont, #serverWin ul li:hover a { color: #fff }
#serverWin #J_back-top { display: none; }
.serverWinPop { right: -800px; position: absolute; z-index: 998; background: url(images/serverWinPop_arrow.png) right center no-repeat; padding: 0 5px 0 0; margin-top: -52px; }
.serverWinPop div {
background-color::rgba(238,238,238,0.9)!important; filter: Alpha(opacity=90); background-color: #fff; color: #00A2DE; padding: 15px; border: solid 1px #ddd; width: 150px; height: 40px; box-shadow: 0 1px 20px 0 rgba(0,0,0,.19); }
#tel .serverWinPop p { display: block; font-weight: bold; font-size: 19px; }
#tel .serverWinPop p span { display: block; font-weight: bold; font-size: 24px; }
#weixin .serverWinPop, #mobile .serverWinPop { margin-top: -96px; }
#weixin .serverWinPop div, #mobile .serverWinPop div { height: 150px; padding: 3px; background: #fff; }
#weixin .serverWinPop img, #mobile .serverWinPop img { width: 150px; height: 150px; }
#serverWin ul li#weixin { display: none; }
#serverWin ul li:hover .serverWinPop { right: 46px; }
/*首页*/
#ind-banner { position: relative; height: 650px; z-index: 1 }
#ind-banner .slideBox { left: 0px; }
#ind-banner .slideBox, #ind-banner .slideBox .bd, #ind-banner .slideBox .bd ul, #ind-banner .slideBox .bd li { height: 100%; }
#ind-banner .slideBox .hd { top: 450px; }
#ind-banner .slideBox .bd .tempWrap { height: 650px; }
#ind-box { margin-top: -170px; background: url(images/ind-box.png) center top no-repeat; position: relative; z-index: 999; padding-top: 20px; min-height: 500px; }
#ind-box .wrapper { margin-bottom: 20px; background: #fff; padding-bottom: 20px; }
.ind-box-t { background: url(images/ind-box-t.png) center center no-repeat; width: 230px; height: 45px; padding: 0 30px 25px 0; margin: 15px auto; color: #fff; text-align: center; font-size: 30px; line-height: 45px; }
.ind-happy { padding: 10px 0 20px 0; background: #fff; position: relative; }
.ind-happy .hd { }
.ind-happy .hd .prev, .ind-happy .hd .next { display: block; width: 50px; height: 90px; margin-top: 185px; overflow: hidden; cursor: pointer; display: none }
.ind-happy .hd .prev { background-position: -0px -20px; margin-left: 0px; float: left; }
.ind-happy .hd .next { background-position: -70px -20px; margin-right: 0px; float: right; }
.ind-happy .hd { height: 20px; overflow: hidden; position: absolute; left: 0; bottom: 50px; width: 100%; z-index: 1; }
.ind-happy .hd ul { float: left; position: relative; left: 50%; }
.ind-happy .hd ul li { float: left; position: relative; right: 50%; margin-right: 10px; width: 20px; height: 20px; cursor: pointer; text-indent: -990em; overflow: hidden; background-position: 0 0; }
.ind-happy .hd ul li.on { background-position: -20px 0; }
.ind-happy .happyList { width: 1110px; }
.ind-news { margin-bottom: 10px; padding: 10px 0px 10px 20px; }
.ind-news .news-list { float: left; width: 540px; padding: 10px 0px; border-bottom: 0; margin-bottom: 15px; margin-right: 30px }
.ind-news .news-list h4 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 260px; }
.ind-news .news-list h4 span.time { margin: 10px 0 0 5px; display: inline-block; }
.ind-news .news-list p { height: 55px; }
.ind-news .news p { width: 520px; float: left; margin-right: 20px }
.ind-pic { position: relative; height: 500px; width: 1160px; margin: 0 auto 20px auto; }
.IndPicList ul li { width: 1160px; height: 500px; position: relative; }
.IndPicList ul li p.Name { background: rgba(1,150,86,0.5); width: 520px; height: 80px; padding: 20px 40px; position: absolute; left: 0px; top: 190px; color: #fff; font-size: 48px; line-height: 80px; }
.ind-pic .hd { left: 40px; bottom: 180px; position: absolute; z-index: 999 }
.ind-pic .hd ul li { width: 50px; height: 5px; background: #fff; cursor: pointer; float: left; margin-right: 5px; text-indent: -990em; }
.ind-pic .hd ul li.on { background: #ff0 }
.ind-Hotel { width: 1160px; overflow: hidden; padding-top: 20px; margin-bottom: 0px; }
.ind-Hotel ul { padding: 10px 0 0 0; width: 1161px; }
.ind-Hotel ul li { margin: 1px; width: 288px; float: left; position: relative; }
/*2018.4.2修改*/
.ImgBox { overflow: hidden; display: inline-block }
.ImgBox img { width: 100%; height: 100%; display: block; }
.ImgBox:hover img { -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); opacity: 1; }
.news p { border-bottom: dashed 1px #ccc; padding: 5px 0 5px 15px; background: url(images/bot_black.gif) 5px 14px no-repeat; }
.news p span { width: 140px; font-size: 14px; float: right; display: block; text-align: right }
.news p a { color: #333; }
.news p a:hover { color: #ca001b; }
.ind-pic { height: auto; }
.IndPicList { width: 1160px; overflow: hidden; }
.IndPicList ul { width: 1180px; }
.IndPicList ul li { width: 275px; height: 440px; margin-right: 20px; float: left; background: #fff }
.IndPicList .ImgBox { width: 275px; height: 275px; }
.IndPicList ul li h6 { font-size: 18px; line-height: 30px; color: #00A2DE; text-align: center; }
.IndPicList ul li p { font-size: 14px; line-height: 25px; height: 100px; padding: 5px 15px 0px 15px; color: #666; overflow: hidden; }
.ind-Hotel .ImgBox { width: 288px; height: 180px; }
.ind-Hotel ul li h6 { font-size: 18px; line-height: 30px; color: #fff; text-align: center; position: relative; margin-top: -35px; background: rgba(0,0,0,0.5) }
.ind-Hotel ul li p { font-size: 14px; line-height: 25px; height: 50px; padding: 5px 15px 0px 15px; color: #666; overflow: hidden; }
.ind-Hotel ul li:hover h6 { background: rgba(0,162,222,0.9) }
.highlight { color: red }
.msgTable td { padding: 5px; font-size: 14px }
.msgTable input[type="text"], .msgTable textarea { border: 1px solid #ddd; padding: 3px; }
.ajaxMsg { color: #666 }
.ajaxMsg img { margin: 0; margin-top: -3px; }
.msgTable .submit { background: #ff6c00; color: #fff; border-radius: 3px; padding: 5px 10px; border: 0; cursor: pointer }
/*2020年8月7日09时 子栏目*/
.sub-nav { border-bottom: solid 1px #ddd; margin: 40px 0; font-size: 18px; font-weight: 300 }
.sub-nav a { color: #333; display: inline-block; padding: 10px 25px; margin-left: 20px; border-radius: 6px 6px 0 0; letter-spacing: 1px; }
.sub-nav a:hover { color: #00A2DE; background: #f5f5f5; }
.sub-nav a.active { font-weight: 600; background: #00A2DE; color: #fff; }
.gourmet-box { position: relative; margin: 30px 0 0 0 }/*推荐美食*/
.gourmet-box .hd { width: 200px; float: left; }
.gourmet-box .hd ul li { border-bottom: solid 1px #ddd; padding: 8px 15px; font-size: 15px; color: #333; cursor: pointer; }
.gourmet-box .hd ul li.on { background: #46b692; color: #fff; }
.gourmet-box .bd { width: 910px; float: right; min-height: 200px; }
.gourmet-box .bd .imgList { width: 910px; margin: 0 }
.gourmet-box .bd .imgList ul { margin-right: -15px; }
.gourmet-box .bd .imgList ul li { margin: 0 15px 15px 0; width: 273px }
.gourmet-box .bd .imgList ul.col-3 li .imgImg { width: 273px }
.gourmet-box .bd .imgList ul.col-3 li .imgImg img { width: 273px; height: 171px; object-fit: cover; }
.gourmet-box .bd .imgList ul li .imgInfo { padding: 0; margin: 5px; overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; font-weight: normal !important; white-space: normal !important; -webkit-line-clamp: 3; height: 66px; }
.gourmet-box .bd .imgList ul li .imgInfo * { font-size: 14px; line-height: 22px; color: #333; }

/*2020年8月14日10时 四大表演*/
/*图片详细*/
.img-detailed{width: 1100px; margin:40px auto}
.img-detailed .project-img{width: 1100px;}
.img-detailed .project-img #gallery { padding: 0px; }
.img-detailed .project-img .ad-gallery { width: 1100px; padding: 0 }
.img-detailed .project-img .ad-gallery .ad-image-wrapper { width: 1100px; height: 600px; margin: 0 auto }
/*四大表演*/
.info { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
.info, .info * { width: auto; padding: 0; margin: 0; font-weight: normal !important; white-space: normal !important; word-wrap: normal !important; background: none !important; text-indent: 0 !important; line-height: 25px !important; color: #666 !important; }
.info * { display: inline !important }
.info img { display: none !important; opacity: 0; }
.performance {margin:30px auto 0 auto}
.performance .table { width: 1130px;height:240px;display: table; border:solid 1px #ddd; margin-top: 15px;position: relative;}
.performance .table a {width: 100%; height: 100%;display: table; }
.performance .table .img, .performance .table .txt { display: table-cell; vertical-align: middle }
.performance .table .img { width: 600px; height: 240px; overflow: hidden; }
.performance .table .img img { width: 100%; height: 100%; display: block; object-fit: cover; }
.performance .table .txt { width: 470px; padding: 0 30px; }
.performance .table .txt h4 { font-size: 24px; color: #333; margin-bottom: 20px; }
.performance .table .txt .info { -webkit-line-clamp: 3; height: 75px }
.performance .table a:hover .txt h4 { color: #00A2DE }
.performance .table a:hover .txt .info, .performance .table a:hover .txt .info * { color: #333 !important }
.performance .table:nth-child(even){padding-right: 600px;width:530px;}
.performance .table:nth-child(even) .img{position:absolute; right:0}
.performance .table:hover { border-color:#00A2DE }
.performance-detailed{width:1120px; margin:30px auto 10px auto;display: table;}
.performance-detailed .time,.performance-detailed .middle,.performance-detailed .position{display: table-cell; vertical-align: top;}
.performance-detailed .time,.performance-detailed .position{border:solid 1px #ddd;padding:30px 20px;}
.performance-detailed .time{width: 275px;text-align:center; font-size:16px; line-height:2;color: rgb(255, 102, 0);}
.performance-detailed .middle{width: 15px;}
.performance-detailed .position{width: 750px;}
.performance-detailed .time h5,.performance-detailed .position h5{font-size:22px; text-align: center; font-weight: 600;color:#46b692; margin-bottom: 20px;}
.performance-detailed .time *,.performance-detailed .position *{font-size: 16px; line-height: 36px;}
.performance-detailed .position img{display: block; max-width:100%}