@charset "utf-8";
/* CSS Document */
#container {
	width: 100%;
	background: #decc00 url(../images/container-bg.jpg) repeat-x;
	height: auto;
}
/* top in (top middle bottom) */
#top {
	width: 1024px;
	height: auto;
	margin: 0 auto;
}
.language-bg {
	width: 1024px;
	height: 25px;
	background: url(../images/language-bg.jpg) no-repeat;
	margin: 0 auto;
}
.language {
	float: left;
	width: 918px;
	height: auto;
	font-size: 12px;
	line-height: 24px;
	font-family : 宋体,"Lucida Grande",Verdana, Lucida, Arial, Helvetica, sans-serif;
	color: #4f6600;
}
.language a:link {
	color: #4f6600;
}
.language a:visited {
	color: #4f6600;
}
.language a:hover {
	color: #4f6600;
}
.language a:active {
	color: #4f6600;
}
.top {
	width: 1024px;
	height: auto;
	margin: 0 auto;
}
/* middle in (top middle bottom) */
#middle {
	width: 1024px;
	height: auto;
	background: #decc00 url(../images/bodybackground.jpg) repeat-x;
	margin: 0 auto;
}
#body {
	width: 840px;
	height: auto;
	margin: 0 auto 0 88px;
	*margin: 0 auto 0 88px;
}
#m-body {
	width: 840px;
	height: auto;
	background: #fceec1;
	margin: 0 auto;
}
/* banner begin */
.m-banner {
	float: left;
	width: 824px;
	height: auto;
	margin: 10px auto 0 8px;
	display: inline;
}
.m-banner-top {
	width: 824px;
	height: auto;
	margin: 0 auto;
}
.m-banner-bottom {
	width: 824px;
	height: auto;
	margin: 0 auto;
}
.m-banner-bg {
	width: 824px;
	height: 225px;
	background: url(../images/m-banner-bg.jpg) repeat-y;
	margin: 0 auto;
}
/* banner end */
/* brief begin */
.m-brief {
	float: left;
	width: 824px;
	height: auto;
	margin: 10px auto 0 8px;
	display: inline;
}
.m-brief-left {
	float: left;
	width: 558px;
	height: auto;
	margin: 0 auto;
}
.m-intro-top {
	float: left;
	width: 558px;
	height: 50px;
	background: url(../images/m-intro-top.jpg) no-repeat;
	margin: 0 auto;
}
.m-intro-title {
	float: left;
	width: 500px;
	height: auto;
	margin: 5px auto 0 12px;
	display: inline;
}
.m-intro-bg {
	float: left;
	width: 558px;
	height: 285px;
	background: url(../images/m-intro-bg.jpg) no-repeat;
	margin: 0 auto;
}
.m-intro-content {
	width: 540px;
	height: auto;
	font-size: 12px;
	color: #663300;
	line-height: 20px;
	margin: 0 auto;
}
.m-intro-bottom {
	float: left;
	width: 558px;
	height: 50px;
	background: url(../images/m-intro-bottom.jpg) no-repeat;
	margin: 0 auto;
}
.m-intro-detail {
	width: 540px;
	height: auto;
	font-size: 14px;
	color: #339900;
	margin: 18px auto 0 auto;
}
.m-intro-detail a:link {
	color: #339900;
	text-decoration: underline;
}
.m-intro-detail a:visited {
	color: #339900;
	text-decoration: underline;
}
.m-intro-detail a:hover {
	color: #339900;
	text-decoration: underline;
}
.m-intro-detail a:active {
	color: #339900;
	text-decoration: underline;
}
.m-brief-right {
	float: left;
	width: 232px;
	height: auto;
	background: url(../images/shi-piao-lu-bg.jpg) repeat-y;
	margin: 0 auto 0 6px;
	display: inline;
}
.shi-div {
	float: right;
	width: 216px;
	height: auto;
}
.shi-img {
	float: left;
	width: 149px;
	height: auto;
	margin-left: 37px;
	display: inline;
}
.shi-name {
	float: left;
	width: 216px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #663300;
	border-bottom: 1px #b87a0b solid;	
}
.shi-name a:link {
	color: #663300;
}
.shi-name a:visited {
	color: #663300;
}
.shi-name a:hover {
	color: #663300;
}
.shi-name a:active {
	color: #663300;
}
.lu-name {
	float: left;
	width: 216px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	color: #663300;
	margin-bottom: 1px;
}
.lu-name a:link {
	color: #663300;
}
.lu-name a:visited {
	color: #663300;
}
.lu-name a:hover {
	color: #663300;
}
.lu-name a:active {
	color: #663300;
}
/* brief  end */
/* scenic spots  begin */
.m-scenic {
	float: left;
	width: 800px;
	height: auto;
	margin: 0 auto 0 16px;
	display: inline;
}
.scenic-title {
	float: left;
	width: 790px;
	height: auto;
	margin: 0 auto 6px 5px;
	display: inline;
}
.scenic-content {
	float: left;
	width: 800px;
	height: auto;
	margin: 0 auto;
}
.m-spots {
	float: left;
	width: 383px;
	height: auto;
	margin: 4px auto 0 14px;
	display: inline;
}
.m-spots-top {
	width: 383px;
	height: auto;
	margin: 0 auto;
}
.m-spots-bg {
	width: 383px;
	height: 98px;
	background: url(../images/m-spots-bg.jpg) repeat-y;
	margin: 0 auto;
}
.m-spots-img {
	float: left;
	width: 98px;
	height: 98px;
	margin: 0 auto 0 4px;
	display: inline;
}
.m-spots-img img {
	border: none;
}
.m-spots-intro {
	float: left;
	width: 262px;
	height: auto;
	font-size: 12px;
	line-height: 18px;
	color: #663300;
	margin: 0 auto 0 9px;
	display: inline;
}
.m-spots-intro a:link {
	color: #663300;
	text-decoration: underline;
}
.m-spots-intro a:visited {
	color: #663300;
	text-decoration: underline;
}
.m-spots-intro a:hover {
	color: #663300;
	text-decoration: underline;
}
.m-spots-intro a:active {
	color: #663300;
	text-decoration: underline;
}
.m-spots-bottom {
	width: 383px;
	height: auto;
	margin: 0 auto;
}
/* scenic spots  end */


/* brief introduction begin */
.brief-intro {
	float: left;
	width: 840px;
	height: auto;
}
.brief-left {
	float: left;
	width: 530px;
	height: auto;
	margin: 0 auto 0 20px;
	display: inline;
}
.brief-title {
	width: 530px;
	height: auto;
	margin: 20px auto 0 auto;
}
.brief-content {
	width: 530px;
	height: auto;
	font-size: 12px;
	color: #663300;
	line-height: 20px;
	margin: 20px auto 0 auto;
}
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
.brief-content p {
  margin: 0;
  padding-top: 10px;
  text-indent: 20px;
  color: #663300;
}
.brief-comments {
	width: 530px;
	height: auto;
	background: url(../images/introduction/brief-comments-bg.jpg) no-repeat;
	font-size: 12px;
	color: #663300;
	line-height: 20px;
	margin: 10px auto 0 auto;
}
.brief-comments p {
  margin: 0;
  padding-top: 10px;
  text-indent: 20px;
  color: #663300;
}
.brief-right {
	float: left;
	width: 258px;
	height: 743px;
	background: url(../images/introduction/brief-intro-right-bg.jpg) repeat-x;
	margin: 0 auto 0 20px;
	display: inline;
}
.brief-right-lineL {
	float: left;
	width: 1px;
	height: 743px;
}
.brief-right-lineR {
	float: left;
	width: 1px;
	height: 743px;
}
.brief-right-body {
	float: left;
	width: 256px;
	height: 743px;
}
.brief-boat {
	float: left;
	width: 243px;
	height: auto;
	margin: 36px auto 0 13px;
	display: inline;
}
.brief-slider {
	float: left;
	width: 256px;
	height: 300px;
	background: url(../images/introduction/slider-bg.jpg) no-repeat;
	margin: 88px auto 0 auto;
}
.brief-slider-div {
	float: left;
	width: 235px;
	height: 186px;
	margin: 86px auto 0 10px;
	display: inline;
}
/* brief introduction  end */

/* tour guide begin */
.tour-guide {
	width: 802px;
	height: auto;
	margin: 10px auto 0 auto;
}
.tour-top {
	width: 802px;
	height: 80px;
	background: url(../images/tour/tour-top.jpg) no-repeat;
	margin: 0 auto;
}
.tour-guide-name {
	float: left;
	width: 192px;
	height: auto;
	margin: 45px auto 0 42px;
	display: inline;
}
.tour-guide-class {
	float: left;
	width: 200px;
	height: auto;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	margin: 51px auto 0 24px;
	display: inline;
}
.tour-body {
	width: 802px;
	height: auto;
	background: url(../images/tour/tour-bodybg.jpg) repeat-y;
	margin: 0 auto;
}
.tour-body-left {
	float: left;
	width: 217px;
	height: auto;
	margin: 14px auto 0 42px;
	display: inline;
}
.tour-left-guide {
	float: left;
	width: 195px;
	height: auto;
	margin: 5px auto 0 auto;
}
.pp {
	float: left;
	width: 195px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 8px;
	_padding-top: 8px;
	color: #ffffff;
	text-decoration: none;
	margin: 0 auto;
}
.tour-left-guide a:hover {
	float: left;
	width: 195px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 8px;
	_padding-top: 8px;
	color: #ffffff;
	text-decoration: none;
	background: url(../images/tour/left-guide-bg1.jpg) no-repeat;
	margin: 0 auto;
}
.tour-left-guide1 {
	float: left;
	width: 195px;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background: url(../images/tour/left-guide-bg1.jpg) no-repeat;
	margin: 5px auto 0 auto;
}
.pp1 {
	float: left;
	width: 195px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 8px;
	_padding-top: 8px;
	text-decoration: none;
	margin: 0 auto;
}
.tour-left-guide1 a:hover {
	float: left;
	width: 195px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 8px;
	_padding-top: 8px;
	text-decoration: none;
	margin: 0 auto;
}
.tour-left-scenery {
	float: left;
	width: 195px;
	height: 395px;
	background: #a37a2a;
	margin: 8px auto 0 auto;
}
.tour-left-scenery-img {
	width: 174px;
	height: 174px;
	border: 1px #ffd35e solid;
	margin: 12px auto 0 auto;
}
.tour-right {
	float: left;
	width: 500px;
	height: auto;
	font-size: 12px;
	color: #663300;
	line-height: 20px;
	margin: 18px auto 18px auto;
}
.tour-right p {
  margin: 0;
  padding-top: 10px;
}
.tour-left-bottom {
	float: left;
	width: 217px;
	height: auto;
	margin: 0 auto;
}
.tour-bottom {
	width: 802px;
	height: auto;
	margin: 0 auto;
}
/* tour guide end */

/* attractions end */
.attract-left {
	float: left;
	width: 192px;
	height: auto;
	margin: 10px auto 0 21px;
	display: inline;
}
.attract-title {
	width: 192px;
	height: auto;
}
.attract-guide {
	width: 192px;
	height: 338px;
	background: url(../images/attract/left-guide-bg.jpg) repeat-y;
}
.attract-guide-title1 {
	float: left;
	width: 172px;
	height: auto;
	margin: 6px auto 0 10px;
	display: inline;
}
.attract-guide-title2 {
	float: left;
	width: 172px;
	height: auto;
	margin: 3px auto 0 10px;
	display: inline;
}
.attract-left-bottom {
	width: 192px;
	height: auto;
}
.attract-left-scenery {
	width: 192px;
	height: auto;
	margin: 15px auto 0 auto;
}
.attract-right {
	float: left;
	width: 603px;
	height: auto;
	margin: 10px auto 0 5px;
	display: inline;
}
.attract-right-top {
	width: 603px;
	height: 82px;
	background: url(../images/attract/attract-right-top.jpg) no-repeat;
}
.attract-right-class {
	float: left;
	width: 603px;
	height: auto;
	margin: 25px auto 0 auto;
}
.attract-right-body {
	width: 603px;
	height: auto;
	background: url(../images/attract/attract-right-bg.jpg) repeat-y;
}
.attract-right-title {
	width: 540px;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	color: #663300;
	line-height: 30px;
	border-bottom: 2px #8c791d solid;
	margin: 0 auto;
}
.attract-right-content {
	width: 540px;
	height: auto;
	font-size: 12px;
	color: #663300;
	line-height: 20px;
	margin: 5px auto 0 auto;
}
.attract-right-content img {
	margin:0;
	padding-right: 10px;
	padding-left: 10px;
}
.attract-right-bottom {
	width: 603px;
	height: auto;
}
/* attractions end */


/* cultural relics begin */
.cultural-guide {
	width: 192px;
	height: 258px;
	background: url(../images/attract/left-guide-bg.jpg) repeat-y;
}
.cultural-right-content {
	width: 540px;
	height: auto;
	margin: 5px auto 0 auto;
}
.cultural-right-content dl {
	float: left;
	width: 175px;
	height: auto;
	margin: 3px auto 0 auto;
}
.cultural-right-content dt {
	width: 160px;
	font-size: 12px;
	line-height: 20px;
}
.business-goods-img-div1 {
	width: 170px;
	height: 146px;
	background: #a08153;
}
.business-goods-img-div2 {
	float: left;
	width: 142px;
	height: 142px;
	margin: 2px auto 0 2px;
	display: inline;
}
/* cultural relics end */


/* contact us begin */
.contact-us {
	width: 821px;
	height: auto;
	margin: 10px auto 0 auto;
}
.contact-top {
	float: left;
	width: 821px;
	height: 80px;
	background: url(../images/contact/contact-top.jpg) no-repeat;
	margin: 0 auto;
}
.contact-top-name {
	width: 821px;
	height: auto;
	margin: 46px auto 0 auto;
}
.contact-body {
	float: left;
	width: 821px;
	height: auto;
	background: url(../images/contact/contact-bg.jpg) repeat-y;
	margin: 0 auto;
}
.contact-content {
	width: 461px;
	height: auto;
	background: url(../images/contact/contact-content-bg.jpg) center no-repeat;
	margin: 0 auto;
}
.contact-content-title {
	width: 461px;
	height: auto;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #996633;
	margin: 15px auto 0 auto;
}
.contact-content-list {
	width: 461px;
	height: auto;
	border-bottom: 1px #996633 solid;
	font-size: 12px;
	line-height: 20px;
	margin: 10px auto 0 auto;
}
.contact-content-scenery {
	width: 393px;
	height: 261;
	border: 9px #FFFFFF solid;
	margin: 80px auto 20px auto;
}
.contact-bottom {
	float: left;
	width: 821px;
	height: auto;
	margin: 0 auto;
}
/* contact us end */


/* m-body foot begin */
#m-bottom {
	width: 840px;
	height: auto;
	margin: 0 auto;
}
/* m-body foot end */
/* bottom in (top middle bottom) */ /* middle foot begin */
#bottom {
	width: 840px;
	height: 114px;
	margin: 0 auto;
}
.b-logo {
	float: left;
	width: 129px;
	height: auto;
	margin: 25px auto 0 28px;
	display: inline;
}
.b-copyright {
	float: left;
	width: 650px;
	height: auto;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin: 45px auto 0 28px;
	*margin: 45px auto 0 28px;
}
/* middle foot end */