@charset "utf-8";
* {margin: 0px; padding: 0px;}
.clear {font-size: 0px; clear: both; line-height: 0px; height: 1px;}
.clearfix:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border-style: none;}
a:link {outline: none;	TEXT-DECORATION: none;color: #3F3E3E; }
a:visited {outline: none; TEXT-DECORATION: none;color: #3F3E3E; }
a:hover {outline: none;	TEXT-DECORATION: underline;}
a:active {outline: none; TEXT-DECORATION: none;color: #3F3E3E; }
ul { list-style-type: none;}
ul li { list-style-type: none;}

/* body ------------------------------*/
body {font-family:\5FAE\8F6F\96C5\9ED1; font-size: 14px; line-height: 120%; color: #3F3E3E; background:#FFF;}

/* header ------------------------------*/
header { width:100%;/*background-image: -moz-linear-gradient(center top , #005eb3, #007dc8); 
background: -webkit-gradient(linear, left top, left bottom,from(#005eb3), to(#007dc8));*/ background:#EEC900 left bottom; overflow:hidden; padding:5px 0; }
.logo{ float:right; padding:0; width:23%;  margin-right:5%;}
.logo img{ width:100%;}
.log{ float:left; width:35%;margin-left:32%;}
.log img{ width:100%;}
/* nav ------------------------------*/
.topnav { float:left; width:18%; position:absolute;margin-left:6%;z-index:99999;}
.topnav img { width:100%;}
.topbtn { float:right; padding-right:10px; width:13%; }
.topbtn img { width:100%;}

.mainnav { width:100%; height:auto; overflow:auto; overflow:hidden; /*position:absolute; top:300px; left:0; z-index:5;*/}
.mainnav li { float:left; width:31.1%; padding:0 1%; }
.mainnav li img { width:100%;}

.tourismimg { width:100%; background:url(../images/line.jpg) no-repeat center center; background-size:80%; height:auto; overflow:auto;}
.tourismimg li { float:left; width:31%; padding:0 1%;}
.tourismimg li img { width:100%;}

.routetitle { margin:0 auto; width:100%; text-align:center; padding:2% 0;}
.routetitle img { width:100%;}

.routelist { margin:0 auto;width:98%; height:auto; overflow:auto; padding-bottom:10px;}
.routelist li { width:100%; padding:2% 0; clear:both; height:70px; border-bottom:1px dashed #848484;}
.routelist li .num {float:left; width:8%; height:70px; overflow:hidden;}
.routelist li .num img { width:100%;}
.routelist li .routeimg { float:left; width:20%; padding:2px; border:1px solid  #CFCFCF; overflow:hidden; margin:3px 5px;}
.routelist li .routeimg img { width:100%;}
.routelist li .routetxt1 { float:left; width:60%; background:#F7C300; -moz-border-radius:11px; 
-webkit-border-radius:11px; border-radius: 11px; color:#FFF; padding:10px;}
.routelist li .routetxt2 { float:left; width:60%; background:#00BAF7; -moz-border-radius:11px; 
-webkit-border-radius:11px; border-radius: 11px; color:#FFF; padding:10px;}
.routelist li .routetxt3 { float:left; width:60%; background:#8FC600; -moz-border-radius:11px; 
-webkit-border-radius:11px; border-radius: 11px; color:#FFF; padding:10px;}
.routelist li .routetxta h3,.routelist li .routetxtb h3,.routelist li .routetxtac h3 { font-weight:normal;}

.routeimg-list { margin:0 auto; width:99%; height:auto; overflow:auto; padding:2% 0 20% 0;}
.routeimg-list li { float:left; width:31%; padding:1%;}
.routeimg-list li img { width:100%;}

.container {width:100%; /*height:40px;	z-index:1111111; position:relative;*/}

/* flash ------------------------------*/
/* scroller */
#banner {  width:100%; /* margin-top:-20px;*/ overflow:hidden;position:relative; z-index:0;}
#scroller li{padding:5px 0;border-bottom:1px solid #ccc;border-top:1px solid #fff;background-color:#fafafa;font-size:14px;height:85px;vertical-align:bottom;}
#scroller li img{float:left;width:100%;}
#scroller li span{float:left;margin:30px 0 0 6px;}
#slider li img { width:100%;}
/* swipe */
.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
	 font-size:0%;
 line-height:0%;
}
.swipe #pagenavi{position:absolute;bottom:0px; text-align:center;width:100%; padding:5px 0px 5px 0px;background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=20); background:#A0A0A0;/*实现IE背景透明*/}
.swipe #pagenavi a{width:8px;height:8px;line-height:99em;background:#FFF;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;/* border:1px solid #434948;*/}
.swipe #pagenavi a.first { margin-right:5%;}
.swipe #pagenavi a.active{background:#b5b5b5;}
.button{ position:absolute; right:3%; bottom:28%; z-index:999999999;}

/* content ------------------------------*/
#content { width:96%; margin-left:auto; margin-right:auto; margin-top:-15%; z-index:999; position:relative;}
#content .title{ background:url(../images/title.jpg) center center no-repeat; width:100%; color:#fff; height:33px; line-height:33px;font-size:16px; margin-top:5%;}
#content .title span{ float:right;margin-top:9px; margin-right:3%;}
#content .title_left{background:url(../images/left.jpg) left center no-repeat; height:33px; margin-left:5px; padding-left:10px;}
#content .title_left em { font-style:normal; font-size:12px; font-family:Arial;}
#content .title_right{ background:url(../images/right.jpg) right center no-repeat;height:33px; margin-right:5px;}
#content .about
{
	border-radius: 0px 0px 4px 4px; 
-moz-border-radius-bottomleft:2px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomright:2px; 
-webkit-border-bottom-right-radius:4px;
background:url(../images/nav_bg.png) left top repeat;
-webkit-box-shadow: 0px 0px 4px #c9935e;
-moz-box-shadow: 0px 0px 4px #c9935e;
box-shadow: 0px 0px 4px #c9935e; overflow:hidden; width:95.5%; padding:2%; border:1px solid #9F7B3F;
}
#content .about_img{ width:38%; float:left;
}
#content .about_img img{ border: 1px solid #d0d0d0;
-webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius: 8px; width:100%;}
#content .about_txt{ float:right; width:58%;}
#content .about_txt2{ float:right; width:100%; line-height:25px; font-family:SimSun;}
.about_txt2 img { float:left; padding:10px 10px 10px 0;}
#content ul.view{}
#content ul.view li{overflow:hidden; width:100%; border-bottom:1px dashed #b08f76; padding-top:5%;padding-bottom:5%;}
#content ul.view li .view_img{width:38%; float:left;}
#content ul.view li .view_img img{ border: 1px solid #d0d0d0;
-webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius: 8px; width:100%;} 
#content ul.view li .view_txt{ color:#313131;float:right; width:58%; margin-top:2%;}
#content ul.view li .view_txt h2{ color:#6c3800; font-size:16px; margin-bottom:2%;}
#content ul.view li.last{ border:none;}
#content .contact
{
overflow:hidden; width:100%; margin-left:auto; margin-right:auto; margin-top:10px;
}
#content .con_img{ width:25%; float:left;
}
#content .con_img img{ width:100%;}
#content .con_txt{ float:right; width:70%; font-size:14px; color:#000; line-height:25px;}
/* footer ------------------------------*/

footer .copyright { margin:0 auto; width:100%; padding:2% 0; text-align:center; color:#F7C300;/*position: fixed; left: 0px; bottom:70px;	z-index: 1001;	_bottom:auto; _width: 100%; _position: absolute;  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); */background:#FFF;}


footer .subNavbox{/*background-color:#0e9740;*//*overflow:hidden;width:100%; position: fixed; right: 0px; bottom:100px;	z-index: 1001;	_bottom:auto; _width: 100%; _position: absolute;  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));*//*background-image: -moz-linear-gradient(center top , #3fcbdd, #185a8a); 
background: -webkit-gradient(linear, left top, left bottom,from(#3fcbdd), to(#185a8a)); background:#85B70A;*/ background:#FFF; padding:0 0;}
footer ul.subnav{ width:100%;}
footer ul.subnav li{ width:18%; float:left; text-align:center; padding:0 1%;}
footer ul.subnav li.img1 img{ width:100%;}
footer ul.subnav li.img2 img{ width:100%;}
footer ul.subnav li.img3 img{ width:100%;}
footer ul.subnav li.img4 img{ width:100%;}
footer ul.subnav li.img5 img{ width:100%;}
footer ul.subnav li a{ display:block; padding:0;}
/*footer ul.subnav li a:hover{background-image: -moz-linear-gradient(center top , #ABEA0D, #85B70A); 
background: -webkit-gradient(linear, left top, left bottom,from(#ABEA0D), to(#85B70A));border-right:1px solid #A5E20C;}
footer ul.subnav li.on a{background-image: -moz-linear-gradient(center top , #ABEA0D, #85B70A); 
background: -webkit-gradient(linear, left top, left bottom,from(#ABEA0D), to(#85B70A)); border-right:1px solid #A5E20C;}*/

footer{ background:url(../images/F1ds.png) repeat-x left bottom;overflow:hidden;width:100%; position:fixed; bottom:0; right:0; /*position: fixed; right: 0px; bottom: 0px;	z-index: 1001;*/	/*_bottom:auto; _width: 100%; _position: absolute;  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));*/}
footer .bottom{/*background:url(../images/footerbg.jpg) repeat-x left bottom;overflow:hidden;width:100%; position: fixed; right: 0px; bottom: 0px;	z-index: 1001;	_bottom:auto; _width: 100%; _position: absolute;  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));*//*background-image: -moz-linear-gradient(center top , #3fcbdd, #185a8a); 
background: -webkit-gradient(linear, left top, left bottom,from(#3fcbdd), to(#185a8a)); background:#85B70A;*/}
footer ul.nav{ width:100%;}
footer ul.nav li{ width:25%; float:left; text-align:center;}
footer ul.nav li.img1 img{ width:100%;}
footer ul.nav li.img2 img{ width:100%;}
footer ul.nav li.img3 img{ width:100%;}
footer ul.nav li.img4 img{ width:100%;}
footer ul.nav li a{ display:block; padding:0;}
footer ul.nav li a:hover{background-image: -moz-linear-gradient(center top , #ABEA0D, #85B70A); 
background: -webkit-gradient(linear, left top, left bottom,from(#ABEA0D), to(#85B70A));}
footer ul.nav li.on a{background-image: -moz-linear-gradient(center top , #ABEA0D, #85B70A); 
background: -webkit-gradient(linear, left top, left bottom,from(#ABEA0D), to(#85B70A));}

/* product ------------------------------*/
 .InTitlebox1 { position:relative;width:95%; margin-left:2.5%; margin-top:2%;}
 .InTitle1 { width:100%;}
  .InTitle1 img { width:100%;}
 .InTitlebox1 h3 { color:#FFF;position:absolute; left:5%; top:2%;font-family:Microsoft YaHei; line-height:200%; margin-top:3px;} 
 .InTitlebox1 span {width:30%; right:5%; position:absolute; top:5%; margin-top:5px;} 
 .InTitlebox1 span img { width:100%;}
 
 .abouttxt { padding:5%; color:#00A9D7; line-height:200%; margin-bottom:10px; }
 
  
.SubNav { width:100%; height:39px;background:url(../images/subnav.jpg) no-repeat 0 0;-webkit-box-shadow: #000 3px 3px 4px;
-moz-box-shadow: #000 3px 3px 4px;
box-shadow: #000 3px 3px 4px; margin-bottom:10px;}
.SubNav li { float:left; width:24.5%; text-align:center; line-height:39px; color:#764831; border-right:1px dashed #cdb197; font-size:16px; font-weight:bold;}
.SubNav li a:link,.SubNav li a:visited { color:#764831;}
.SubNav li:last-child { border:none;}

DIV.sabrosus {MARGIN: 5% auto; width:100%; TEXT-ALIGN: center;clear:both; padding:1% 0 150px 0; height:27px; font-size:15px; margin-left:18%;}
DIV.sabrosus  a{ display:block; width:30%; height:60px;  float:left; color:#000; margin-left:2%;background:#00BAF7; padding-top:5px; padding-bottom:5px;}
.Title { width:100%; height:34px;line-height:34px; color:#99CF09; font-size:14px; font-weight:bold; text-align:center; padding-top:5%;}

.GNroutelist { margin:0 auto;width:98%; height:auto; overflow:auto; padding:10px 0;}
.GNroutelist li { width:100%; padding:2% 0; clear:both; height:70px; border-bottom:1px dashed #848484;}
.GNroutelist li .numbox {float:left; width:8%; height:70px; overflow:hidden; position:relative;}
.GNroutelist li .numbox img { width:100%;}
.GNroutelist li .num { line-height:250%; font-size:170%; color:#FFF; position:absolute; left:0; top:5%;}
.GNroutelist li .routeimg { float:left; width:20%; padding:2px; border:1px solid  #CFCFCF; overflow:hidden; margin:3px 5px;}
.GNroutelist li .routeimg img { width:100%;}
.GNroutelist li .routetxt { float:left; width:60%; background:#00BAF7; -moz-border-radius:11px; 
-webkit-border-radius:11px; border-radius: 11px; color:#FFF; padding:10px; color:#FFF;}
.GNroutelist li .routetxt h3 {font-weight:normal;}
.GNroutelist li .routetxt a:link,.GNroutelist li .routetxt a:visited { color:#FFF;}


.ZBroutelist { margin:0 auto;width:98%; height:auto; overflow:auto; padding:10px 0;}
.ZBroutelist li { width:100%; padding:2% 0; clear:both; height:70px; border-bottom:1px dashed #848484;}
.ZBroutelist li .numbox {float:left; width:8%; height:70px; overflow:hidden; position:relative;}
.ZBroutelist li .numbox img { width:100%;}
.ZBroutelist li .num { line-height:250%; font-size:170%; color:#FFF; position:absolute; left:0; top:5%;}
.ZBroutelist li .routeimg { float:left; width:20%; padding:2px; border:1px solid  #CFCFCF; overflow:hidden; margin:3px 5px;}
.ZBroutelist li .routeimg img { width:100%;}
.ZBroutelist li .routetxt { float:left; width:60%; background:#F7C300; -moz-border-radius:11px; 
-webkit-border-radius:11px; border-radius: 11px; color:#FFF; padding:10px; color:#FFF; }
.ZBroutelist li .routetxt h3 {font-weight:normal;}
.ZBroutelist li .routetxt a:link,.ZBroutelist li .routetxt a:visited { color:#FFF;}

.ZBT{ text-align:center; font-size:150%; color:#F7C300; line-height:180%; padding-top:5%;}
.ZBtxt { color:#F7C300;padding:5%; line-height:200%; }
.ZBpage { margin:10px auto; width:90%; background:#F7C300; border:1px solid #E8B900; color:#FFF; line-height:150%; font-size:120%;  padding:2%; font-weight:normal;}
.ZBpage a:link,.ZBpage a:visited { color:#FFF;}

.JCT{
	text-align:center;
	font-size:155%;
	color:#00F;
	line-height:180%;
	padding-top:5%;
}
.JCtxt {
	padding:2% 5%;
	line-height:normal;
	width:90%;
	height:100%;
	overflow:hidden;
	
}
.JCtxt img{
   width:320px; 
    display:block; 
	margin:0 auto;
	
}
.JCpage { margin:10px auto; width:90%; background:#00ADDB; border:1px solid #087B9B; color:#FFF; line-height:150%; font-size:120%;  padding:2%; font-weight:normal;}
.JCpage a:link,.JCpage a:visited { color:#FFF;}

.GWT{ text-align:center; font-size:150%; color:#8FC600; line-height:180%; padding-top:5%;}
.GWtxt { color:#8FC600;padding:5%; line-height:200%; }
.GWpage { margin:10px auto; width:90%; background:#8FC600; border:1px solid #75A200; color:#FFF; line-height:150%; font-size:120%;  padding:2%; font-weight:normal;}
.GWpage a:link,.GWpage a:visited { color:#FFF;}

.return { margin:0 auto 180px auto; width:60%; height:30px; background:#DBDBDB; text-align:center; line-height:30px;-moz-border-radius:10px; 
-webkit-border-radius:10px; border-radius: 10px;}

.show { margin:4% auto; width:100%; background:url(../images/line.jpg) no-repeat center center; background-size:80%; height:auto; overflow:auto;}
.show li { float:left; width:26%; padding:0 3%;}
.show li img { width:100%; border-radius: 100%;}
.show li.bcolor img { border:6px solid #16A1F4;}
.show li.gcolor img { border:6px solid #90C600;}
.show li.ycolor img { border:6px solid #F9C524;}

.RightContent {width:100%; height:auto; overflow:auto; position: absolute; right:0px; top:0;}