@charset "UTF-8";
/* CSS Document */

#banner{ position:relative;}
#banner ul li div{ position:relative;}
#banner ul li div a{width:100%;display:block;}
#banner ul li img{width:100%;}
#banner ul li div strong{display:block; position:absolute;width:14em;right:0;top:9.5em;height:7.2em;}
#banner ul li div strong span{background:#000;display:block;height:100%; opacity:0.5;}
#banner ul li div strong i{background:#f94701;width:0.3em;height:3.5em; position:absolute;left:0;bottom:0;}
#banner ul li div strong em{display:block;line-height:3.0em;width:100%; text-align:center;position:absolute;top:0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size:2.4em;color:#fff;}
#banner .iso {	position: absolute;	bottom:0;left:0;height: 15.5em;	width: 100%;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(#ffffff));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
#banner .iso em{display:block;background:url(../images/i_rel.png);width:29.5em;height:6.25em;background-size:100%;bottom:4em;left:50%;margin-left:-14.8em; position:absolute;}
#banner .iso span{display:block; text-align:center; position:absolute;bottom:1em;width:100%;height:}

nav{ background:#fff;border-bottom:1px solid #ddd;}
nav a{display:block;width:33.33%;float:left;height:9.9em; position:relative;}
nav a:hover span{background:#f1f1f1;}
nav a span{display:block;height:100%;border:1px solid #ddd;border-bottom:0;border-left:0;}
nav a em{width:5em;height:5em;display:block; position:absolute;left:50%;margin-left:-2.5em;top:0.7em;}
nav a.r span{border-right:0;}
nav a.b1 em{background:url(../images/i_about.png);background-size:100%;}
nav a.b2 em{background:url(../images/i_scenery.png);background-size:100%;}
nav a.b3 em{background:url(../images/i_faq.png);background-size:100%;}
nav a.b4 em{background:url(../images/i_photo.png);background-size:100%;}
nav a.b5 em{background:url(../images/i_news.png);background-size:100%;}
nav a.b6 em{background:url(../images/i_spot.png);background-size:100%;}
nav a strong{display:block; text-align:center;font-size:2em;padding-top:3em;font-weight:normal;}

.column{height:5em;border-top:1px solid #f1f1f1;background:#fff;}
.column a{float:left;display:block;height:5em;line-height:5em; text-align:center;border-bottom:1px solid #f1f1f1;}
.column a.w2{width:50%;}
.column a.w3{width:33.33%;}
.column a.w4{width:25%;}
.column a span{display:block;height:100%;border-right:1px solid #f1f1f1;}
.column a.on,.column a:hover{border-bottom:2px solid #b7d8a0;}

.main{padding:1em;line-height:1.6em;}
.main img{width:100%;height:auto;}

/*.contact{height:50em;background:url(../images/b_contact.jpg);background-size:100% 100%;}
.contact dl dt{height:33em; text-align:center;padding-top:1.5em;}
.contact dl dt a{display:inline-block;width:14.1em;height:14.1em; position:relative;margin:0.7em;}
.contact dl dt a i{display:block;width:100%;height:100%; border-radius:0.5em;background:#fff; opacity:0.8;}
.contact dl dt a:hover i{opacity:1;}
.contact dl dt a em{width:6.5em;height:6.5em; position:absolute;display:block;top:2.7em;left:4em;}
.contact dl dt a.b1 em{background:url(../images/i_tel.png);background-size:100%;}
.contact dl dt a.b2 em{background:url(../images/i_map.png);background-size:100%;}
.contact dl dt a.b3 em{background:url(../images/i_coll.png);background-size:100%;}
.contact dl dt a.b4 em{background:url(../images/i_shear.png);background-size:100%;}
.contact dl dt a span{ position:absolute;width:100%;padding-top:6em; text-align:center;top:0;left:0;}
.contact dl dd{line-height:1.6em;padding-left:1.2em;}*/
.contact{height:50em;background:url(../images/b_contact.jpg);background-size:100% 100%;}
.contact dl dt{text-align:center;padding-top:1.5em;padding-bottom:1em;padding-left:1em;}
.contact dl dt a{display:block;width:10em;height:10em; position:relative;margin:0.4em;float:left;}
.contact dl dt a i{display:block;width:100%;height:100%; border-radius:0.5em;background:#fff; opacity:0.8;}
.contact dl dt a:hover i{opacity:1;}
.contact dl dt a em{width:4.5em;height:4.5em; position:absolute;display:block;top:2em;left:3em;}
.contact dl dt a.b1 em{background:url(../images/i_tel90.png);background-size:100%;}
.contact dl dt a.b2 em{background:url(../images/i_map90.png);background-size:100%;}
.contact dl dt a.b3 em{background:url(../images/i_mail90.png);background-size:100%;}
.contact dl dt a.b4 em{background:url(../images/i_shear90.png);background-size:100%;}
.contact dl dt a.b5 em{background:url(../images/i_feedback90.png);background-size:100%;}
.contact dl dt a.b6 em{background:url(../images/i_wechat90.png);background-size:100%;}
.contact dl dt a span{ position:absolute;width:100%;padding-top:4em; text-align:center;top:0;left:0;}
.contact dl dd{line-height:1.6em;padding-left:1.2em;}

.newslist{}
.newslist article{position:relative;background:#fff;border-bottom:1px solid #f1f1f1;}
.newslist article dl dt{ position:absolute;width:8.8em;left:1.6em;top:1.2em;overflow:hidden;height:6em;}
.newslist article dl dt img{ width:100%;height:100%;}
.newslist article dl dd{padding:1em 3.5em 1em 11.5em;line-height:2em;}
.newslist article dl dd h2{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newslist article dl dd span{color:#999;padding-top:0.5em;}
.newslist article em{width:2em;height:2em;background:url(../images/b_news.jpg);background-size:100% 100%; position:absolute;top:1.1em;right:1.1em;}
.newslist article:hover i{width:0.4em;background:#83cee7;height:100%; position:absolute;left:0;top:0;}
section .loading div{padding:2em 0 1em 0; text-align:center;background:url(../images/loading.gif) no-repeat center top;background-size:1.6em 1.6em;}

.newsinfo{padding:1em;}
.newsinfo h2{padding:0.7em 0 0;line-height:1.4em;}
.newsinfo .time{line-height:1.4em;}
.newsinfo .info{padding:1em 0;line-height:1.6em;}
.newsinfo .info img{width:100%;height:auto;}

.photolist{padding-bottom:1em;}
.photolist article{position:relative;float:left;width:50%;height:14.6em;padding-bottom:2px;}
.photolist article dl{padding-left:1px;}
.photolist article dl dt{height:12.15em;overflow:hidden;}
.photolist article dl dt img{width:100%;height:100%;}
.photolist article dl dd{background:#444;height:2.45em;line-height:2.45em;color:#fff; text-indent:1em;}
.photolist article.l dl{padding:0 1px 0 0;}
.photolist article.max{width:100%;}
.photolist article.max dl{padding:0;}
.photoview{height:100%; position:relative; display:table-cell; vertical-align:middle;}
.photoview dl dt{height:100%;}
.photoview dl dd{ position:absolute;left:0;bottom:2em;color:#fff; text-indent:1em;}


.black{background:#000;}
.black header{background:#000;border-bottom:1px solid #000;}
.black header .title{color:#fff;}


.weixin{position:relative; padding:4.6em 0 3em 0;height:44em;}
.weixin dl {padding:0 2em; text-align:center;}
.weixin dl dt{}
.weixin dl dt img{width:100%;}
.weixin dl dd{  text-indent:1em; text-align:center;width:100%;line-height:2em;padding-top:2em;}

.feedback {height: 50em;}
.feedback dl dt{padding:6px 0;}
.feedback dl dd{padding:6px 0;}
.feedback dl input{background:#fff;border:1px solid #e1e1e1;width:100%;padding:5px 0;line-height:30px;}
.feedback dl textarea{background:#fff;border:1px solid #e1e1e1;width:100%;padding:5px 0;height:200px;line-height:30px;}