html{
	overflow-x:hidden;
	}
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}

body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: MS PGothic,Arial,Hiragino Kaku Gothic ProN,Osaka,sans-serif;
	text-align: center;
	/* [disabled]background:#f9f9f9; */
	box-sizing: border-box;
	overflow-x: hidden;
}
a{
	text-decoration:none;
	color:#0D3996;
}
a:hover{
	color:#FF3300;
	text-decoration:none;
}
ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
h1{font-size:16px; color:#FF3300; height:40px; line-height:40px; margin:0; padding:0;}
h2{font-size:15px; height:36px; line-height:36px; margin:0; padding:0;}
h3{font-size:14px; height:30px; line-height:30px; margin:0; padding:0;}
h4{font-size:13px; height:25px; line-height:25px; margin:0; padding:0;}
h5{font-size:12px; height:25px; line-height:25px; margin:0; padding:0;}
h6{font-size:12px; height:25px; line-height:25px; margin:0; padding:0;}

#top{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	position:relative;
}
.headertop{
	width:1046px;
	height:30px;
	margin:0 auto;
	padding:5px 0;
	text-align:left;
	font-size:13px;
	color:#333;
	font-family: arial, helvetica, sans-serif;
	line-height:30px;
}
.headertop span{
	float:right;
}

.search{width:210px; text-align:right;}
.search input{border:1px solid #0093dd; border-radius:3px; height:20px; background-color:#FFF;}
.headertop span input{background-color:#FFF; border:1px solid #0093dd; color:#666666; letter-spacing:1px;}
.headertop span .submit{height:24px; line-height:22px;}
.headertop b{font-weight:normal; padding-left:128px;}
.headertop b a{padding-right:20px; color:#666666; font-family: arial, helvetica, sans-serif;}
.headertop b a:hover{color:#FF3300;}

.headertop span a{
	display:inline-block;
	padding-left:8px;
	}

.banner{
	width:1046px;
	height:60px;
	margin:0 auto;
	text-align:left;
}
.logo{
	width:192px;
	height:58px;
	margin:0 auto;
	padding:0 0 0 3px;
	float:left;
	line-height:58px;
}
.tel{
	width:400px;
	float:right;
	height:58px;
	line-height:58px;
	text-align:right;
	font-weight:bold;
	color:#FF3300;
    display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.tel span{
	font-size:12px;
	font-weight:normal;
	}
.logo img{border:none;}


#mainnav1,#mainnav2,#mainnav3,#mainnav4,#mainnav5,#mainnav6,#mainnav7,#mainnav8,#mainnav9,#mainnav10,#mainnav11,#mainnav12{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:2px 0 0 0;
	background:url(../images/bg_top.gif) repeat-x;
	height:40px;
	line-height:40px;
	text-align:center;
	border-bottom:2px solid #FF3300;
	
}
#mainnav{
	width:100%;
	margin:0 auto;
	font-weight:bold;
	padding:0;
	display:inherit;
	
}

#mainnav li{
    display:inline;
	margin:0;
	padding:0;
}
#mainnav a{
	height:38px;
	line-height:38px;
	padding:0 14px;
	border-left:1px dashed #007297;
	letter-spacing:1px;
	font-family:"Osaka", Arial, Helvetica, sans-serif;
	font-size:14px;
	display:inline;
	color:#0D3994;
	
}
.nav_end{
	border-right:1px dashed #007297;
}

#mainnav a:hover,#mainnav1 #navi01 a{color:#FF3300; text-decoration:none; font-size:14px;}
#mainnav a:hover,#mainnav2 #navi02 a{color:#FF3300; text-decoration:none; font-size:14px;}
#mainnav a:hover,#mainnav3 #navi03 a{color:#FF3300; text-decoration:none; font-size:14px;}
#mainnav a:hover,#mainnav4 #navi04 a{color:#FF3300; text-decoration:none; font-size:14px;}
#mainnav a:hover,#mainnav5 #navi05 a{color:#FF3300; text-decoration:none; font-size:14px;}
#mainnav a:hover,#mainnav6 #navi06 a{color:#FF3300; text-decoration:none; font-size:14px;}
#mainnav a:hover,#mainnav7 #navi07 a{color:#FF3300; text-decoration:none; font-size:14px;}
#mainnav a:hover,#mainnav8 #navi08 a{color:#FF3300; text-decoration:none; font-size:14px;}
#mainnav a:hover,#mainnav9 #navi09 a{color:#FF3300; text-decoration:none; font-size:14px;}
#mainnav a:hover,#mainnav10 #navi10 a{color:#FF3300; text-decoration:none; font-size:14px;}

/*--------------------content-------------------------*/
#content{
	width:1054px;
	height:auto;
	margin:0 auto;
	background-color:#FFF;
	text-align:left;
	border-radius:10px;
}
#first-row,#second-row,#third-row,#fourth-row,#fifth-row{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	clear:left;
	}
#second-row,#third-row,#fourth-row{
	clear:left;
	}
/* -----------FLASH-TOUR----------- */
.focusBox { position: relative; width: 668px; height: 336px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; border:1px solid #ddd; margin:20px 0 0 20px; float:left;}
.focusBox .pic img { width: 668px; height: 336px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 30px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 30px; width:100%; overflow: hidden; }
.focusBox .txt li{
	height: 30px;
	line-height: 30px;
	position: absolute;
	bottom: -30px;
}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 3px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 6px; }
.focusBox .num li{ float: left; position: relative; width: 15px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60; }

.pic{
	position: relative; width: 668px; height: 336px;
	}
.no01{
	position: absolute; width: 668px; left: 0px; top: 0px; display: none;
	}
.no02{
	position: absolute; width: 668px; left: 0px; top: 0px; display: list-item;
	}

/* -----------INFO----------- */
.info{
	float:left;
    width:322px;
	height:336px;
	border:1px solid #e9e9e9;
	margin:20px 0 0 20px;
	border-radius:5px;
}
.info .info-title{
    background-color:#f9f9f9;
    height:30px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	color:#FF3300;
	border-radius:5px 5px 0 0;
	letter-spacing:1px;
}
.info li{
	padding:6px 5px 0 5px;
    height:70px;
	border-bottom:1px dotted #ccc;
}
.info li img{float:right; margin-top:5px; margin-right:3px; border-radius:3px; margin-left:5px;}
.info b{font-weight:normal; font-size:11px; color:#666666; line-height:20px;}
.info a{line-height:25px;}

/* -----------SEINANSKY----------- */
.seinansky{
	clear:left;
	width:100%;
    height:auto;
	line-height:25px;
	padding:20px 20px 0 20px;
	margin-right:0 auto;
	}
.seinansky a{
	font-weight:bold;
	letter-spacing:1px;
	}
/* -----------TOUR----------- */
.tour01,.tour02,.tour03,.op01,.op02,.op03{
	width:322px;
	height:402px;
	float:left;
	border:1px solid #ccc;
	margin:0 0 0 21px;
	border-radius:8px 8px 0 0;
	
	}
.photo-wrap{
	position:relative;
	width:100%;
	height:200px;
	margin:0;
	padding:0;
	}
#content h1{
	color:#FF3300;
	margin:0;
	margin-top:10px;
	margin-left:20px;
	}		
#content h2{
	color:#FF3300;
	letter-spacing:1px;
	margin:0;
	margin-top:10px;
	margin-left:20px;
	}	
.photo,.photo img{
	border-radius:8px 8px 0 0;
	}
.photo img{
	width:320px;
	padding:1px 1px 0 1px;
	margin:0;
	}
.photo a{
	color:#fff;
	display:inherit;
	}
.photo .photo-bg{
	width:320px;
	background-color:#000;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	filter:alpha(opacity=40);
	opacity: 0.4;
	text-align:center;
	height:30px;
	line-height:30px;
	margin:0 1px 0 1px;
	}
.photo .photo-name{
	width:100%;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	text-align:center;
	cursor:hand;
	height:30px;
	line-height:30px;
	font-weight:bold;
	font-size:14px;
	letter-spacing:1px;
	margin:0;
	padding:0;
	}
#second-row li,#third-row li{
	padding:0 5px;
	margin:0 5px;
	line-height:40px;
	border-bottom:1px dashed #999;
	}
#second-row li a,#third-row li a{
	color:#666;
	line-height:40px;
	display:inherit;
	}
#second-row li a:hover,#third-row li a:hover{
	color:#FF3300;
	text-decoration:underline;
	}
#second-row  .tour-end,#third-row  .tour-end{
	border-bottom:none;
	}
#second-row h1,#third-row h1{
	padding:0;
	color:#FF3300;
	}
#third-row h2{
	padding:0;
	}
.tour01{
	margin-bottom:20px;
	}
#fifth-row h1{
	margin-top:20px;
	color:#FF3300;
	}
#fifth-row h2{
	margin-top:20px;
	}
.op01{
	margin-bottom:20px;
	}

#fourth-row .feedback{
	background:#f9f9f9;
	width:100%;
	height:246px;
	float:left;
	margin-left:0;

	}
.feedback h2{
	text-align:center;
	padding:0;
	margin:0;
	line-height:30px;
	letter-spacing:5px;
	}
.feedback ul{
	width:1050px;
	height:182px;
	background-color:#fff;
	border:1px solid #f0f0f0;
	border-radius:5px;
	}

.feedback li{
	padding:20px 20px 0 0;
	line-height:20px;
	letter-spacing:1px;
	}
.feedback img{
	padding:20px;
	float:left;
	}
.feedback .fd-title{
    height:12px;
	line-height:12px;
	font-size:11px;
	color:#0D3996;
	}
.feedback  .fd-all{
	padding:8px 10px 0 0;
	text-align:right;
	font-weight:bold;
	letter-spacing:3px;
	}

.spot{
	width:323px;
	height:120px;
	float:left;
	margin-left:21px;
	}
.spot img{
	float:left;
	border-radius:5px;
	margin-right:8px;
	padding:2px;
	}
.spot li{
	line-height:22px;
	}
.sp-title{
	font-weight:bold;
	color:#0D3996;
	}
.spot a{
	color:#333;
	display:block;
	height:84px;
	border-radius:5px;
	background-color:#f9f9f9;
	border:1px solid #e0e0e0
	}
.spot a:hover{
	background-color:#f0f0f0;
	border-radius:5px;
	}
.clear{
	clear:left;
	}
/*--------------------bottom-------------------------*/
#bottom{ 
	width:100%;
	height:40px;
	clear:left;
	margin:0 auto;
	padding:0 0 10px 0;
	line-height:40px;
	text-align:center;
	background:#F9F9F9;
	border-bottom:2px solid #FF3300;
}

#bottom a{
	padding:0 30px;
	color:#0066CC;
}
#bottom a:hover{
	color:#FF3300;
	text-decoration:none;
}
/*--------------------footer-------------------------*/
/*#footer{
	width:100%;
	height:198px;
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	background-color:#e9e9e9;
}
.ft-content{
	width:1054px;
	height:auto;
	margin:0 auto;
	padding:0;
	}
.ft-l{
	float:left;
	width:328px;
	height:auto;
	text-align:left;
	}
.ft-c{
	float:left;
	width:510px;
	height:auto;
	text-align:center;
	}
.ft-c tr{
	padding-bottom:10px;
	}
.staff-img td{
	width:85px;
	}
.staff-name{
	font-size:11px;
	}
.ft-c,.ft-r{
	margin-left:35px;
	}
.ft-l li,.ft-r li{
	line-height:30px;
	}
.mail{
	letter-spacing:1px;
	color:#F00;
	font-family:"Times New Roman", Times, serif;
	}
.mail a{
	color:#F00;
	}
.ft-p{
	font-family:"Vladimir Script", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#0fa6dd;
	}
	
.ft-r{
	float:right;
	width:140px;
	}
.ft-r img{
	padding-top:20px;
	}*/

#footer{
	width:100%;
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	background-color:#e9e9e9;
}

#footer li{
	line-height:30px;
	letter-spacing:1px;
	}
#footer img{padding:10px 40px;}
#footer span{font-size:18px; color:#ff0000; padding:0 90px;}
#footer span a{font-size:18px; color:#ff0000; font-family:"Times New Roman", Times, serif;}
/*--------------------copyright-------------------------*/
#copyright{
	clear:both;
	width:100%;
	height:40px;
	line-height:40px;
	margin:0 auto;
	text-align:center;
	background-color:#666;
	color:#f0f0f0;
	font-weight:bold;
	}
#copyright p{
	width:1054px;
	height:40px;
	line-height:40px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}
#copyright a{
	color:#f0f0f0;
	}
#copyright p b{
	font-weight:500;
	font-size:12px;
	color:#c0c0c0;
	padding-left:80px;
	}
#copyright span{
	height:40px;
	line-height:40px;
	float:right;
	}
#copyright span img{
	width:24px;
	height:24px;
	border:1px solid #f0f0f0;
	border-radius:12px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	-ms-border-radius:14px;
	-o-border-radius:14px;
	margin-top:7px;
	filter: alpha(opacity=50); 
	opacity: 0.5;
	}	
#copyright span a{
	margin-left:24px;
	}
.wechatid{
	color:#F00;
	font-weight:bold;
	}
		
#cnzz{display:none;}
/*--------------------Nav-s-------------------------*/
#menu-list{
	display:none;
	}
.toggle-btn{
	display:none;
	}
header,#s_contact,footer{
	display:none;
	}

@media (max-width:767px){

	#top{display:none;}
	#mainnav1,#mainnav2,#mainnav3,#mainnav4,#mainnav5,#mainnav6,#mainnav7,#mainnav8,#mainnav9,#mainnav10,#mainnav11,#mainnav12{
		display:none;
		}
	
	#menu-list:target{
		display:block;
		position:absolute;
		top:0;
		}
	.toggle-btn{
	    display:inline-block;
		padding-right:8px;
		position:absolute;
		top:8px;
		right:5px;
	    }
	.toggle-btn img{
        mpadding:0;
		margin:0;
		}
	.toggle-btn:hover{
		color:#fff;
		}
      .close{
		  display:none;
		  }
	  #menu-list:target .close{
		  display:inline-block;
		  background-color:#2980b9;
		  padding-bottom:1px;
		  padding-left:3px;
		  overflow:hidden;
		  }
		  
		header{
		display:block;
		width:100%;
		height:46px;
		line-height:46px;
		background-color:#2980b9;
		margin:0 auto;
		padding:0 0 0 10px;
		text-align:left;
		color:#fff;
		font-weight:bold;
		letter-spacing:1px;
		
		}
		header a{
			color:#fff;
			}
		header a:hover{
			color:#eee;
			}
		header img{
			float:left;
			padding-top:8px;
			padding-right:5px;
			}
	
	   #content{
		   width:100%;
		   margin:0 auto;
		   }
	   #first-row,#second-row,#third-row,#fourth-row,#fifth-row{
		   width:96%;
		   }
	   .focusBox,.info{
		   width:100%;
		   height:auto;
		   float:none;
		   margin:0 0 20px 0
		   }
		.focusBox{
			margin-top:20px;
			}
	   .focusBox .pic img,.focusBox .pic,.no01,.no02	{
		    width:100%;
		    height:auto;
		   }
		
	    .seinansky{
			display:none;
			}
		.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 2px; }
		.focusBox .num li{border-radius:7px;}
        .tour01,.tour02,.tour03,.op01,.op02,.op03{
		   width:100%;
		   height:auto;
		   float:none;
		   margin:0 0 20px 0
			}
        .photo-wrap{
		    height:auto; 
			 }
		.photo,.photo img{
			width:100%;
		    height:auto;
			}	 
		.photo .photo-bg{
			width:100%;
			height:30px;
			margin:0 5px 0 1px;
			}
		 
		#fourth-row .feedback{
			height:auto;
			margin:0 0 20px 0
			}	 
		.spot{
			width:100%;
			height:auto;
			float:none;
			margin:0 0 20px 0
			}
			
		#fourth-row .feedback{
			height:auto;
			}	
		#fourth-row .feedback ul{
			width:100%;
			height:auto;
			}
		.feedback .fd-img{
			padding:0px;
			}	
		.feedback .fd-img img{
			width:60%;
			height:auto;
			padding:6px;
			}	
		.feedback li{
			padding:5px;
			line-height:26px;
			}
		.feedback .fd-all{
			padding:15px;
			}	
			
		#bottom,#footer,#cnzz{
			display:none;
			}
		#s_contact{
			display:block;
			width:100%;
			margin-bottom:20px;
			text-align:left;
			}
		#s_contact li{
			padding-top:10px;
			padding-left:10px;
			font-size:14px;
			color:#ff0000;
			letter-spacing:1px;
			}
		#s_contact li span{
			font-size:12px;
			color:#333;
			}
		#s_contact li a{
			font-size:14px;
			color:#ff0000;
			}
		.sns{
			text-align:center;
			}
        .sns-m{
			padding:10px 40px 0 40px;
			}
		footer{
			display:block;
			width:100%;
			height:40px;
			background:#2980b9;
			/*position:absolute;*/
			margin:0 auto;
			padding:0;
			/*position:fixed;*/
			bottom:0;
			border-top:1px solid #999;
			border-bottom:1px solid #999;
			border-left:1px solid #999;
			filter:alpha(opacity=80);
	        opacity: 0.8;
			} 
		footer ul{
			width:100%;
			display:block;
			
			}
		footer li{
			display:inline-block;
			line-height:40px;
			width:32%;
			}
		footer li a{
			display:inline-block;
			letter-spacing:2px;
			color:#fff;
			font-weight:bold;
			}
		footer li a:hover{
			color:#fff;
			
			}	
		#copyright{
			display:none;
			}
			
}