@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font: 12px/1.5 Microsoft YaHei, Helvitica, Verdana, Arial, san-serif; overflow-x:hidden; background:#fbfbfb;}
ol,ul {list-style:none;}
ins,i{text-decoration:none; font-style:normal;}
li{list-style-type:none;}
em{font-style:normal;}
img{vertical-align:top;border:0; margin:0 auto; padding:0;}
a{text-decoration:none; color:#414141;}
a:hover{ text-decoration:underline;}
.clearfix:after {
content: ".";
display: block;
height:0;
clear: both;
visibility: hidden
}
.wap{width:1000px; margin:0 auto; }
.fl{float:left;}
.fr{float:right;}
.mt15{margin-top:15px;}
.box{border:#dedede 1px solid; background:#fff;}



.header{background:url(../images/headerbg.gif) repeat-x; width:100%; height:252px;}
.header .logo{background:url(../images/bg01.png) no-repeat bottom right; width:1200px; height:185px; position:relative; z-index:2;}
.header .logo img{margin-top:60px; display:inline; float:left;}
.nav {float:left; width:100%; margin-top:21px; display:inline;}
.nav li{float:left; width:82px;}
.nav li a{ width:81px; text-align:center; height:36px; line-height:18px; font-size:14px; color:#fff; float:left; border-right:#1275c2 1px solid;}
.nav li span{ border-right:#0a5087 1px solid; height:36px; float:left;letter-spacing:2px;  width:36px; padding:0 22px 0 17px; margin: 0 0 0 5px;}
.nav li a.hover,.nav li a:hover{background:url(../images/meun3_1.jpg) center no-repeat; color:#000; padding:10px 0; border:none; margin-top:-10px; display:inline;}
.nav li a.hover span,.nav li a:hover span{border:none;}
.nav li.home a span{ margin-top:7px;}

.left-box {float:left; width:715px; float:left; margin-top:20px; }
.Focus{float:left; width:715px; height:323px;float:left; }
#focus {width:715px; height:323px;  overflow:hidden; position:relative;}
#focus ul {height:323px; position:absolute;}
#focus ul li {float:left; width:715px; height:323px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:715px;  height:40px; left:0; bottom:0px; background:url(../images/bg02.png) repeat;}
#focus .btn {position:absolute; height:20px; right:0; bottom:7px; padding-left:10px;float:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:20px; background:#000; height:20px; line-height:20px; text-align:center; margin-right:5px; cursor:pointer;  background:#fff; color:#1260a8; font-weight:bold; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
#focus .btn span.on {background:#0078d0; color:#fff; width:20px;}

.Dynamic{width:683px; height:154px; margin-top:10px; padding:5px 15px;}
.Dynamic .title{width:100%; border-bottom:#dedede 1px solid; padding-bottom:5px; line-height:20px;}
.Dynamic .title h2{float:left; font-size:14px; color:#5c5c5c;}
.Dynamic .title span{float:right; color:#3e3e3e;}
.Dynamic .title span a{color:#3e3e3e}
.Dynamic .title span a:hover{ color:#016cba;}
.Dynamic .menu{ margin-top:17px; display:inline; width:335px;}
.Dynamic .menu samp{float:left;}
.Dynamic .menu ul{float:left; width:200px; margin-left:10px; line-height:24px; display:inline;}
.Dynamic .menu ul li{width:200px; height:24px; overflow:hidden; text-overflow: ellipsis; }

.right-box {width:270px; margin-top:20px; display:inline;}
.right-box .title{width:250px; padding:0 10px; line-height:32px;color:#fff; float:left;}
.right-box .title h2{float:left; font-size:14px;}
.right-box .title span{float:right;}
.right-box .title span a{color:#fff;}
.Green-title{background:#47a224; }
.Orange-title {background:#ff8700;}
.right-box .menu{padding:10px; width:248px; height:188px; float:left;}
.right-box .menu dl{width:100%; border-bottom:#dedede 1px solid; float:left; line-height:20px;}
.right-box .menu dl dt{width:100%; height:25px; font-weight:bold;  height:25px; overflow:hidden; text-overflow: ellipsis;}
.right-box .menu dl dd{color:#939393;}
.right-box .menu a:hover dd{color:#333;}
.right-box .menu ul{padding-top:12px; line-height:25px; width:100%; float:left;}
.right-box .menu ul li{width:200px; height:25px; overflow:hidden; text-overflow: ellipsis; }
.right-box .menu ul li a:hover{color:#333;}

.news{width:322px; height:275px;  margin-top:15px; margin-right:14px;}
.news .title{ background:url(../images/bg03.gif) repeat-x; width:302px; height:18px; padding:8px 10px; border-bottom:#dedede 1px solid;  line-height:18px;}
.news .title h2{float:left; font-size:14px; color:#0069b6; border-left:#0069b6 3px solid; padding-left:7px;}
.news .title span{float:right; color:#3e3e3e;}
.news .title span a{color:#3e3e3e}
.news .title span a:hover{ color:#016cba;}

.news .menu{padding:15px; width:292px; float:left;}
.news .menu div {width:100%; padding-bottom:15px; border-bottom:#dedede 1px  dotted; float:left;}
.news .menu div img{float:left;}
.news .menu dl{ width:175px; padding-left:15px; float:left; line-height:20px;}
.news .menu dl dt{width:100%; height:20px; font-weight:bold;  height:20px; overflow:hidden; text-overflow: ellipsis;}
.news .menu dl dd{color:#939393;}
.news .menu a:hover dd{color:#333;}
.news .menu ul{padding-top:15px; line-height:25px; width:100%; float:left;}
.news .menu ul li{width:200px; height:25px; overflow:hidden; text-overflow: ellipsis; }
.news .menu ul li a:hover{color:#333;}
.news .menu dl.w200{ width: 200px;}

.spot .title{width:970px; height:40px; line-height:40px; background:#057fd5; padding:0 15px; float:left; color:#fff;}
.spot .title h2{float:left; font-size:14px;}
.spot .title span{float:right;}
.spot .title span a{color:#fff;}

.spot-box{width:978px; padding:10px; border-top:none; height:190px;}
.rollBox {clear:both; width:978px; float:left; padding:10px 0;}
.rollBox .LeftBotton {height:37px;width:23px;background:url(../images/bntBg.png) no-repeat 0 0;overflow:hidden;float:right;display:inline; cursor:pointer; float:left; margin-top:50px;}
.rollBox .RightBotton {height:37px;width:23px;background:url(../images/bntBg.png) no-repeat -23px 0;overflow:hidden;float:right;display:inline;cursor:pointer; float:right; margin-top:50px;}
.rollBox .LeftBotton:hover{background-position: left bottom;}
.rollBox .RightBotton:hover{background-position: right bottom;}
.rollBox .Cont {width:900px;overflow:hidden;float:left;  display:inline; margin-left:15px;}
.rollBox .ScrCont {width:100000px;}
.rollBox .ScrCont .pic{ width:215px; float:left; margin-right:13px;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .ScrCont .pic span{padding:6px; border:#dedede 1px solid; float:left;}
.rollBox .ScrCont .pic h3{line-height:25px; font-size:14px; text-align:center; font-weight:normal; line-height:25px;}

.friendLink {width:1050px; position:relative; z-index:5; float:left;}
.friendLink li{ border:#dedede 1px solid; float:left; margin:8px 8px 0 0;}

.footer-nav{background:#006dba; width:100%; height:42px; float:left; text-align:center; margin-top:25px; color:#fff; line-height:42px; font-size:14px;}
.footer-nav a{color:#fff; margin: 0 5px;}
.footer{padding:20px 0; line-height:22px; float:left; width:100%; text-align:center; color:#666; text-transform:uppercase;}

.loaction-nav {background:#f8f8f8; width:100%; height:32px; border-bottom:#dedede 1px solid; float:left; line-height:32px; color:#414141;}

.bg-box{background:#fffbfb;float:left; width:998px; margin-top:20px; border:#ddd 1px solid;}
.list-left {width:150px; padding:15px 20px; line-height:32px;}
.list-left li{border-bottom:#ddd 1px solid; background:url(../images/icon02.gif) right no-repeat; font-size:14px; padding:0 3px;}
.list-right{padding:15px 20px; float:left; width:767px; border-left:#ddd 1px solid; min-height:500px;}
.list-title{ padding-bottom:10px; border-bottom:#ddd 1px solid; }
.list-title,.list-title h1{width:100%;float:left; font-size:24px; color:#004b81;}
.ul-news li{float:left; width:100%; line-height:32px; border-bottom:#e7e7e7 1px solid; background:url(../images/icon7.jpg) left no-repeat;}
.ul-news li a{float:left; padding-left:10px;}
.ul-news li samp{float:right; font-family:Arial, Helvetica, sans-serif; color:#666;}

.pages{float:left; padding:25px 0;}
.pages ul li{ padding-right:5x;}
.pages ul li a{ padding:0 10px; border:#e4e4e4 1px solid;}
.pages ul li{ float:left;padding-right:5px;}
.pages ul li a{display:block;background:#fff; color:#272727; text-align:center; line-height:20px;}
.pages ul li.next a,.pages ul li.prev a{padding:0 10px;}
.pages ul li.prev a{background:#fff; }
.pages ul li.next a{background:#fff;}
.pages ul li.num a:hover,.pages ul li.current a{background:#0c4497; color:#fff; border:#09387d 1px solid;}

.content-title{width:100%; text-align:center; border-bottom:#999 1px dotted; padding-bottom:10px;}
.content-title h1{font-size:24px; color:#085FA1; line-height:55px;}
.content-title p{line-height:30px; color:#666;}
.content-box{padding:15px 0; width:100%; float:left; line-height:27px; color:#666; font-size:14px;}
.content-box img{max-width:100%}
.pageInfo{width:100%; float:left; padding-top:10px; line-height:30px; font-size:14px; border-top:#ddd 1px solid;}


.spots-title{height:40px; line-height:40px; padding:0 15px; width:970px; background:#FF8700; color:#fff; font-size:20px; float:left; font-weight:normal; margin-top:25px; display:inline;}
.spots-title h1{font-size:20px; font-weight:normal;}
.ul-spots{width:100%; float:left;}
.ul-spots li{float:left; margin:20px 0 0 20px;}
.ul-spots li span{padding:6px; border:#dedede 1px solid; float:left;}
.ul-spots li p{line-height:25px; font-size:14px; text-align:center; font-weight:normal; line-height:25px;}
.photoshow{ width:100%; height:auto; float:left;  position:relative; margin-top:20px;}

/*景点*/
.ad-gallery .ad-image-wrapper {width: 100%; height:460px;  overflow: hidden; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC;}
.ad-gallery .ad-image-wrapper .ad-next {  position: absolute; right: 0; width:50%; top:0px; height:460px; cursor: pointer; display: block; z-index: 200;}
.ad-gallery .ad-image-wrapper .ad-prev {  position: absolute; left: 0; width: 50%; top:0px; height:460px; cursor: pointer; display: block; z-index: 200;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background:url(../images/arr_2.gif) no-repeat; width:31px;  height:43px;   display: none;    position: absolute;  top:45%;  left:10%; z-index: 101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{ background: url(../images/ad_next.png) no-repeat;right: 10%;left: auto;}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image{ background: url(../images/ad_prev.png) no-repeat;left: 10%;}

.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: 0;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%;  z-index: 2;   background: url(opa75.png); color: #000;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block;}
.ad-gallery .ad-controls {width:95%;height: 20px;margin-left:20px;}
.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: 0.9em; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; }
.ad-gallery .adbox{ width:100%; position: relative;  border-top:#ddd dotted 1px; margin-top:15px; background:url(../images/e_m_05.gif) repeat-x; float:left; height:117px;}
.ad-gallery .ad-nav{ width:700px; float:left; position:relative;padding:25px 0; margin-left:15px;}
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute;  top: 0;   height: 100%;  z-index: 10;}
 /* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {  height:117pxpx; }
.ad-gallery .ad-back { cursor: pointer; left: 0px;width:42px; height:117px; display: block; background: url(../images/e_m_01.png) no-repeat left; float:left;}
.ad-gallery .ad-back:hover { background: url(../images/e_m_01.png)  no-repeat -100px 0 ;}

.ad-gallery .ad-forward {cursor: pointer; right:0px; width:42px; height:117px; display: block; background: url(../images/e_m_01.png) no-repeat -50px 0; float:right;}
.ad-gallery .ad-forward:hover{ background-position:right;}

.ad-gallery .ad-nav .ad-thumbs { overflow: hidden;  width:600px; margin:0 auto;}
.ad-gallery .ad-thumbs .ad-thumb-list {float: left;width:9000px; list-style: none;}
.ad-gallery .ad-thumbs li { float: left; padding-right:5px;}
.ad-gallery .ad-thumbs li a {display: block;height:73px;overflow:hidden; }
.ad-gallery .ad-thumbs li a img {  display: block;}
.ad-gallery .ad-thumbs li a.ad-active img {border: 3px solid #f8ae0f;}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {position: absolute;left: -9000px;top: -9000px;}

.PreGroup{float:left; width:110px; text-align:center; margin:10px 0 0 25px;}
.PreGroup a span img{margin-top:expression(100-this.height/2);max-height:66px;}
.PreGroup a span{background:url(../images/11.png) no-repeat; padding:10px 5px 5px 10px; width:95px; height:66px; overflow:hidden;text-align:center;vertical-align:middle;display:table-cell;}
.PreGroup a:hover span{ background-position:-250px 0;}
.PreGroup a p ,.NextGroup a p{ line-height: 100px; font-size: 16px;}

.NextGroup{float:left; width:110px; text-align:center; margin:10px 0 0 15px;}
.NextGroup a span img{margin-top:expression(100-this.height/2);max-height:66px;}
.NextGroup a span{background:url(../images/11.png) no-repeat -125px 0; padding:10px 10px 5px 5px; width:95px; height:66px; overflow:hidden;text-align:center;vertical-align:middle;display:table-cell;}
.NextGroup a:hover span{ background-position:-375px 0;}

.right-box .h272{ height: 270px;}
.h150{ height: 150px;}
.news .menu div.border0{ border-bottom:none; }