html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0 auto 0 auto;padding:0 10 0 auto;border:0;font-size:14px;font:inherit;vertical-align:baseline;}
ol,ul{list-style:none;margin:0;padding:0;}
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
.header-bg{
	background:#1b7a97;
	padding-top:12px;
}
.menu-bj{
	background-image:url(/wgyxy/css/../images/menu-bj.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.wrap{
	background-image:url(/wgyxy/css/../images/top-bj.png);
	width:80%;
	margin:0 auto;
	background-position: left top;
}
.total-box{
	padding-top:1%;
}
.total{
	padding:0 3%;
	background-image: url(/wgyxy/css/../images/top-bj.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_top{
	background-image: url(/wgyxy/css/../images/menu-bj.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.menu{
	float: left;
}
.menu li {
	float: left;
	border-right: 2px ridge #555;
}
.menu li a {
	font-size: 16px;
	color: #FFF;
	display: block;
	padding: 10px 10px;
}
.menu li a:hover, .menu li.active a {
	background-color: #1b7a97;
	border-color: #BF7004;
	color: #FFF;
}
.follow_icon {
	list-style: none;
	float: right;
	margin: 10px 20px 0;
}
.follow_icon li {
	float: left;
	margin-left:20px;
}
.follow_icon li :hover {
	opacity: 0.7;
}
.follow_icon li a img {
	vertical-align: middle;
}
.banner-box{
	background:#aac7d0;
}
.main{
	padding:1%;
}
.main-top{
		background:#fff;
}
#container {
	width:540px;
	height:360px;
	position: relative;
	margin-top: 10px;
	margin-left: 30px;
} 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles  .flexslider {width: 100%; margin: 0; padding: 0;}
*********************************/ 

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
.slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 470px; padding: 2%; position: absolute; left: 20px; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(/wgyxy/css/../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -20px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(/wgyxy/css/../images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

.copy-right2 {
	padding:2% 3%;
	background: #fff;
}
.copy-right {
	padding:2% 3%;
	background: #fff;
}
.copy-right p{
	font-size:18px;
	color:#000;
}
.copy-right p a{
	color:#333;
	font-weight:bold;
}
.copy-right p a:hover{
	color:#1b7a97;
}
.col_1_of_3{
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col_1_of_3:first-child { margin-left: 0; }
.span_1_of_3 {
	width: 32.2%;
}
.span_2_of_3 {
	width: 64.4%;
}
.span_1_of_3  h3{
	color:#FA8D03;
	margin-bottom:0.5em;
	font-size:1.7em;
	line-height: 1.2;
	font-family: 'Montserrat Alternates', sans-serif;
	margin-top: 0px;
	letter-spacing: -1px;
}
.title-img{
	background-image:url(/wgyxy/css/../images/title1-bj.png);
	background-position: right bottom;
	padding: 5px 0 2px 13px;
	margin-bottom: 24px;
}
.title {
	color: #FFF;
	width: 60px;
	margin: 0;
	overflow: hidden;
	float:left;
}
.title-desc{
	float:left;
}
.title-desc p {
	color: #FFF;
	padding-top: 10px;
	font-size:18px;
	font-weight:bold;
}
p.title-desc{
	color:#fff;

}
ul.dishes_list li{
	border-bottom: 1px solid #E0E8ED;
	padding: 6px 0;
}
ul.dishes_list li.last{
	border-bottom:none;	
}
ul.dishes_list li a {
	color: #555;
	font-size:13px;
	display: block;
	padding: 5px 0 5px 20px;
	background: url(/wgyxy/css/../images/marker.png) no-repeat 0;
}
ul.dishes_list li a:hover {
	color: #1b7a97;
}
.section-top{
	padding-bottom:10px;
}
.col_1_of_3 {
	display: block;
	float: left;
	margin:0% 0 0% 1.6%;
}
.btn-primary {
	background-image:url(/wgyxy/css/../images/title3-bj.png);
	background-position: right bottom;
	text-decoration: none;
	padding: 11px 10px 9px 10px;
	color: #FFF;
	font-weight:bold;
}
.more{
	height:48px;
}

