/**RESET**/
html, body, address, blockquote,  dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0;}
img, fieldset {border: 0;}

/* set image max width to 100% */
img{ max-width: 100%; height: auto; width: auto\9; /* ie8 */ -ms-interpolation-mode: bicubic;}
object{ max-width: 100%;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
/**GENERAL STYLING**/
body { font: 14px/20px "Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666; }
a { color:#f6f6f6; text-decoration:none;	outline:none; transition:all ease-out 0.3s;}
a:hover { text-decoration:none;}
p { margin:0; padding:0;}
/* list */
ul, ol { margin:0; padding:0;}
li { margin:0; padding: 0;}
/* headings */
/*h1, h2, h3, h4, h5, h6 { line-height:100%;}*/
h1 { font-size: 2em;}
h2 { font-size: 1.6em;}
h3 { font-size: 1.4em;}
h4 { font-size: 1em;}
h5 { font-size: 1.1em;}
h6 { font-size: 1em;}
/* reset webkit search input styles */
input[type=search] { -webkit-appearance: none; outline: none;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none;}
/***CLEARFIX****/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.f-cb{ zoom:1;}
.f-cb:after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: ".";}
.g-sec:after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: ".";}
h1:after, h2:after, h3:after, h4:after, h5:after, h6:after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: ".";}

@media screen and (min-width:1020px){
	
	.g-sec{ margin:0 auto; width:1020px;}
	.m-adv{ margin:0 auto; }
	.g-guidepage{ margin:0 auto; width:1000px; height:570px; padding:10px; background:url(../img/bg.jpg) no-repeat center center;}
	.u-languagechoose{ text-align:center; padding:20px 0;}
		.u-languagechoose a{ display:inline-block; padding:3px 10px; font-size:12px; background:#003366; color:#fff; margin:0 5px; border-radius:5px;}
		.u-languagechoose a:hover{ background:#d9271b;}

	.g-footer{ text-align:center; font-size:12px;}

	/*Slideshow*/
	#slideshow{ background-color:#f1f1f1;position:relative;padding:0; margin:0;}
	#slideshow ul li{ list-style:none; margin:0; padding:0;}

	/* 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 {width: 100%; display: block;}

	/* Clearfix for the .slides element */
	.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
	html[xmlns] .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; position: relative; zoom: 1;}
	.flexslider .slides {zoom: 1; padding:0; margin:0;}
	.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;}

	/* Direction Nav */
	.flex-direction-nav li a {width:40px; height:60px; margin:0; display: block; position: absolute; top:40%; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=80); opacity:0.8;}
/*<!--	flex-direction-nav li .next { right:0; background: url() no-repeat right center; background-size:80%;}-->*/
/*	<!--flex-direction-nav li .prev { left:0; background:#000 url(../img/slider-arrowleft.png) no-repeat 0 center; background-size:80%;}-->*/
	.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

	/* Control Nav */
	.flex-control-nav {width: 100%; position: absolute; bottom:3%; 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:40px; height: 10px; display: block; background:#000; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=80); opacity:0.8;}
	.flex-control-nav li a:hover {background:#c00;}
	.flex-control-nav li a.active {background:#c00; cursor: default;}

	

	
	
	
}
@media only screen and (max-width:1019px)
{
	body{ background:#f3f3f3;}
	.g-sec{}
	.g-guidepage{}
	.u-languagechoose{ text-align:center; padding:20px 0;}
		.u-languagechoose a{ display:inline-block; padding:3px 10px; font-size:12px; background:#003366; color:#fff; margin:0 5px; border-radius:5px;}
		.u-languagechoose a:hover{ background:#d9271b;}

	.g-footer{ text-align:center; font-size:12px;}	

	/*Slideshow*/
	#slideshow{ background-color:#f1f1f1;position:relative;padding:0; margin:0;}
	#slideshow ul li{ list-style:none; margin:0; padding:0;}

	/* 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 {width: 100%; display: block;}

	/* Clearfix for the .slides element */
	.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
	html[xmlns] .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; position: relative; zoom: 1;}
	.flexslider .slides {zoom: 1; padding:0; margin:0;}
	.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;}

	/* Direction Nav */
	.flex-direction-nav li a {width:5%; height:50px; margin:0; display: block; position: absolute; top:35%; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=80); opacity:0.8;}
	<!--flex-direction-nav li .next { right:0; background:#000 url(../img/slider-arrowright.png) no-repeat right center; background-size:80%;}-->
	<!--flex-direction-nav li .prev { left:0; background:#000 url(../img/slider-arrowleft.png) no-repeat 0 center; background-size:80%;}-->
	.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

	/* Control Nav */
	.flex-control-nav {width: 100%; position: absolute; bottom:3%; 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:40px; height: 10px; display: block; background:#000; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=80); opacity:0.8;}
	.flex-control-nav li a:hover {background:#c00;}
	.flex-control-nav li a.active {background:#c00; cursor: default;}