@charset "utf-8";

/*
body {
	height:100%;
	background-image: url(../images/bj1.jpg);
	background-attachment: fixed;
	background-position: center top;
}
*/
*{
	margin:0; 
	padding:0;
	list-style-type:none;
	
}
a img { border:none;}
#con{
	position: relative;
	width: 100%;
}
.top {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
.top-logo {
	float: left;
	width: 326px;
}
.top-menu {
	float: right;
	width: 664px;
}
.list {
	float: left;
	width: auto;
}
.picture {
	float: left;
	width: 100%;
}
#top-head {
	width: 100%;
	background-image: url(../images/bj.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 90px;
}
p { margin-bottom:18px}
p, span, div, td { font-family:Arial, Helvetica, sans-serif; line-height:18px;}
p a, p a:visited { line-height:inherit}
a {text-decoration:none}
a:hover { text-decoration:underline}
/*Slider
========*/
.load_wraper { z-index:-9999; width:30px; height:30px; position:fixed; left:50%; top:50%; margin:-15px 0 0 -15px}
.top_slider { width:940px; margin:0 10px 25px 10px; display:block; overflow:hidden; position:relative}
.top_slider .bottom { position:absolute; left:-104px; bottom:0; width:938px; height:4px; border:none; border-top:none; display:block}
.top_slider .bottom hr { position:absolute; left:0!important; margin:0; padding:0; top:0px; width:100%}
.top_slider .bottom .vertical_sep1, .top_slider .bottom .vertical_sep2, .top_slider .bottom .vertical_sep3 { height:35px; width:1px; display:block; position:absolute; top:-30px; z-index:15}
.top_slider .bottom .hor_sep3 {height:1px; width:106px; display:block; position:absolute; top:-30px; z-index:15; right:-105px;}
.top_slider .bottom .vertical_sep0 {width:1px; display:block; position:absolute; top:-30px; z-index:15; height:31px; right:0px;}
.top_slider .bottom .vertical_sep3 { right:-106px!important}
.top_slider .bottom .vertical_sep1 { right:-71px!important}
.top_slider .bottom .vertical_sep2 { right:-36px!important}

.blog_post .top_slider .bottom { left:-69px}
.blog_post .top_slider .bottom .vertical_sep0 {}

.vertical_sep1, .vertical_sep2 { height:35px; width:1px; display:block; position:absolute;}
.vertical_sep0 {width:1px; display:block; position:absolute; top:-30px; z-index:15; height:31px; right:0px;}
.comment_topline .vertical_sep0 {width:1px!important; display:block!important; position:absolute!important; top:0px!important; z-index:15!important; height:35px!important; right:35px!important; left:auto!important}
.vertical_sep1 { right:35px}
.vertical_sep2 { right:70px}

.top_slider .buttons_block { position:absolute; right:0; bottom:4px; border:1px solid; border-bottom:none; display:block; width:104px; height:30px}
.top_slider .topslider_link { width:35px; height:33px; position:absolute; right:71px; bottom:0px; display:block; border:none;}
.top_slider .camera_prev, .top_slider .camera_next { width:35px; height:33px; position:absolute; bottom:0px; display:block; cursor:pointer; z-index:90; opacity: 1!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important}
.top_slider .camera_prev { right:36px; border:none;}
.top_slider .camera_next { right:0px; border:none; }
.top_slider .camera_next span, .top_slider .camera_prev span { display:none}
.slider_type1 .camera_prev { border-left:1px solid!important;}

.top_slider .topslider_link { background-image:url(../images/btn_gallery_link.png)}
.top_slider .camera_prev { background-image:url(../images/btn_gallery_prev.png)}
.top_slider .camera_next { background-image:url(../images/btn_gallery_next.png)}
.top_slider .topslider_link { background-position:0 0px}
.top_slider .camera_prev, 
.top_slider .camera_next, 
.top_slider .topslider_link {background-repeat:no-repeat;}
.top_slider .camera_prev, 
.top_slider .camera_next { background-position:0 -2px}
.top_slider .camera_prev:hover, 
.top_slider .camera_next:hover { background-position:-0px -37px}
.top_slider .topslider_link:hover { background-position:-0px -35px}




/*Supersized Bar
=================*/
.supersized  { width:100%; height:68px; position:absolute; top:-69px; left:0; border:1px solid; display:none; margin-left:0; text-align:left; border-bottom:none!important}
#progress-back { background:none; width:868px; position:absolute; bottom:2px; height:2px; display:block; overflow:hidden}
#progress-bar { width:868px; height:2px; display:none; position:absolute; top:0; left:0}
#slidecaption { display:block; padding:15px 0 0 15px; width:845px; height:40px; overflow:hidden; font-size:16px; text-transform:uppercase; font-family: 'OswaldLight';  letter-spacing:1.125px;line-height:15px}
#slidecaption span  { font-size:24px; font-family: 'OswaldLight'; letter-spacing:1.25px; line-height:20px;}
.supersized #gallery_buttons { position:absolute; top:-1px; right:-1px; width:70px; display:block; height:70px;}
.supersized #btn_show { position:absolute; bottom:37px; right:0px; width:35px; height:35px; display:block; overflow:hidden; border:1px solid; border-bottom:none}
.supersized .btn_show { width:35px; height:35px; display:block; background:url(../images/btn_gallery_show.png) no-repeat 0 0; cursor:pointer}
.btn_show:hover {background-position:0px -35px;}
.supersized #gallery_buttons a { width:35px; height:35px; display:block; background-position:left; float:left;}
.supersized.hided { position:absolute; top:0px;  left:0; margin-left:0px; height:36px}
.supersized.hided #slidecaption { display:none}
.supersized.hided #progress-back { bottom:auto; top:-1px}
.supersized.hided #gallery_buttons  {display:none}

#prevslide { background:url(../images/btn_gallery_prev.png) no-repeat 0 0; cursor:pointer}
#nextslide { background:url(../images/btn_gallery_next.png) no-repeat 0 0; cursor:pointer}
#pauseplay { background:url(../images/btn_gallery_play.png) no-repeat 0 0; cursor:pointer}
#pauseplay.pause { background:url(../images/btn_gallery_pause.png) no-repeat 0 0}
#hide_gallery { background:url(../images/btn_gallery_close.png) no-repeat 0 0; cursor:pointer}
#gallery_buttons a { background-position:0 0!important; z-index:10; position:relative}
#gallery_buttons a:hover { background-position:0px -35px!important;}
#gallery_buttons .sep_vertical { height:70px; display:block; width:1px; position:absolute; top:0px; left:34px; z-index:0}
#gallery_buttons .sep_horizontal {height:1px; display:block; width:70px; position:absolute; top:35px; left:0; z-index:0}


/*Footer
==================*/
.footer {
	width:100%;
	text-align:center;
	position:fixed;
	bottom:0;
	z-index:999;
	left:0px;
}
.footer .bg_footer {
	width:100%;
	position:relative;
	z-index:15;
	left:0;
	bottom:0;
	height:34px;
	display:block;
	text-align:center;
	margin:0 auto
}
.footer .copyright {
	position:absolute;
	left:14px;
	top:0;
	line-height:34px;
	font-size:16px;
	font-family:OswaldLight;
	letter-spacing:0.75px;
	text-transform:uppercase;
	color: #000000;
	text-align: center;
	width: 50%;
}
.footer .subscribe { float:right; border-left:1px solid; overflow:hidden}
.footer .subscribe a { float:right; background:none; line-height:34px; font-size:16px; font-family:'OswaldLight'; letter-spacing:0.75px; text-transform:uppercase; padding:0 15px; text-decoration:none;
	transition: background-color 250ms, color 250ms; 
	-webkit-transition:background-color 250ms, color 250ms; 
	-moz-transition:background-color 250ms, color 250ms; 
	-o-transition:background-color 250ms, color 250ms; 
}
.footer .subscribe a span { line-height:34px; font-size:16px; font-family:'OswaldLight'; text-transform:uppercase; 
	transition: background-color 250ms, color 250ms; 
	-webkit-transition:background-color 250ms, color 250ms; 
	-moz-transition:background-color 250ms, color 250ms; 
	-o-transition:background-color 250ms, color 250ms; 
}
.footer .subscribe a:hover { text-decoration:none;}
.footer .social_share {
	float:right;
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
	text-align: center;
	color: #000000;
	width: 50%;
	padding-top: 6px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 0;
}
.footer .social_share li {
	float:right;
	line-height:22px;
	font-size:16px;
	text-transform:uppercase;
	font-family:OswaldLight;
	letter-spacing:0.75px;
	color: #000000;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3px;
	width: 100%;
}
.footer .social_share li.share_txt { margin:0 6px 0 0}
.footer .social_share li a { width:22px; height:22px; background-position:0 0; display:block; padding-top:2px; text-decoration:none;
	transition: color 350ms;
	-webkit-transition:color 350ms; 
	-moz-transition:color 350ms; 
	-o-transition:color 350ms;
}
.footer .social_share li a:hover { text-decoration:none}

.footer .social_share li a.facebook_share { font-family:'FBiconsRegular'; font-size:16px; width:16px; height:22px; display:block; text-transform:none}
.footer .social_share li a.twitter_share { font-family:'FBiconsRegular'; font-size:16px; width:16px; height:22px; display:block; text-transform:none}
.footer .footer_toggler { width:36px; height:36px; display:block; position:absolute; top:-1px; left:50%; margin-left:-18px; background-image:url(../images/btn_footer_toggle.png); background-position:bottom}
.footer .footer_toggler.clicked { background-position:top}

.subfooter { display:none; border-top:4px solid; width:100%; text-align:center; position:relative; z-index:15; font-size:16px}
.subfooter .subfooter_content { width:960px; margin:0 auto; padding:40px 0 20px 0; text-align:left; font-size:16px}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	/*Empty*/
}

/*------------------------------------------------
Mobile Landscape Size to Tablet Portrait (480x320)
--------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.responsive-menu-wrapper { display:block}
	* { font-size:16px}
	.resp-menu  { width:418px; text-align:left; margin:0 auto}	
	header { width:418px;  margin:0 0 0 -209px; text-align:left; position:fixed; top:0; left:50%; border:none}
		/*Logo*/
		.head_menu { padding:0px 0 0 155px; height:34px}
		.head_search { float:left; padding:9px 14px 0px 36px; position:relative; display:none}
		.head_search form { margin:0!important; position:relative}
		.head_search #submit { cursor:pointer; position:absolute; border:none; left:-28px; top:-3px}
		.head_search #search_field { width:200px; line-height:16px}
		header .top_phone { display:none}
		/*Soicials*/
		.head_contact { height:34px; display:block; overflow:hidden; margin-left:159px;}
		.head_contact ul { float:right; overflow:hidden; margin:0; padding:0; list-style:none}
		.head_contact ul li { float:left; border-top:none; border-bottom:none; border-right:none; font-size:16px;}
		.head_contact ul li:first-child { border-left:none!important; padding-right:13px; text-transform:uppercase}
		.head_contact ul li a { width:34px; height:34px; display:block}
		ul.menu { display:none!important}
		.mobile_menu { display:block; position:absolute; top:1px; left:159px; padding-top:16px; width:260px; overflow:hidden}
		.mobile_menu select { width:259px; height:34px; line-height:34px}		
		.mobile_menu select option { line-height:34px}
	
	/*Main Container
	================*/
	.content_wrapper { width:480px!important; margin:0 0 0 -240px;}
	.content_block { width:420px!important; padding:100px 0 80px 0; margin:0 auto; text-align:left;}
	.block404 { width:360px!important; padding:20px; position:absolute; left:50%; margin:0 0 60px -200px; top:130px; text-align:left}
	.camera_caption > div h3 { margin-bottom:10px}

	/*Slider
	========*/
	.load_wraper { z-index:-9999; width:30px; height:30px; position:fixed; left:50%; top:50%; margin:-15px 0 0 -15px}
	.top_slider { width:420px; margin:0 0px 25px 0px; display:block; overflow:hidden; position:relative}
	
	/*Supersized Bar
	=================*/
	.supersized  { width:418px; height:36px; top:-4px; left:50%; margin-left:-210px;}
	.supersized #gallery_buttons { display:none}
	
	#progress-back { width:418px; bottom:auto; top:-1px}
	#progress-bar { width:418px; height:2px; }
	#slidecaption { padding:10px 0 0 15px; width:673px; height:40px; font-size:16px; line-height:15px}
	.supersized.hided { left:50%; margin-left:-210px; }
	
	/*Footer
	==================*/
	footer { width:100%; text-align:center; position:fixed; bottom:0;}
	footer .bg_footer { width:418px; left:0; bottom:0; height:34px; text-align:center}
	footer .copyright { width:392px; text-align:center;}
	.subfooter { display:none!important}
	footer .footer_toggler { display:none!important}
	footer .subscribe { display:none!important}
	footer .social_share { display:none!important}
	footer #slidecaption { display:none!important}
.columns four {
	float: left;
	width: 320px;
}
#left-menu {
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 246px;
	position: absolute;
	height: 100%;
}
.left-menu-con {
	background-image: url(../images/left-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 399px;
	width: 246px;
}
#left-menu {
	float: left;
	width: 246px;
	position: relative;
}
#left-menu {
	float: left;
	width: 246px;
	position: relative;
	background-image: url(../images/left-menubj.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	height: 900px;
}
#con #left-menu {
	background-image: url(../images/left-menu2.jpg);
	float: left;
	height: 855px;
	width: 246px;
	position: relative;
}
#con #left-menu {
	background-image: url(../images/left-top2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 855px;
	width: 246px;
	z-index: 2;
}
#con #left-menu .menu-top {
	float: left;
	width: 246px;
	height: 399px;
	background-image: url(../images/left-top2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#con #left-menu .menu-top ul {
	padding-top: 120px;
	text-align: center;
	float: left;
	width: 100%;
}
.menu-top li {
	font-size: 16px;
	line-height: 220%;
}
#con #left-menu .menu-top {
	z-index: 2;
	position: absolute;
	left: 58px;
}
#con {
	float: left;
	width: 246px;
}
#con #left-menu {
	float: left;
	width: 246px;
}
#con .dibu {
	float: left;
	width: 246px;
}
#con .banner {
	float: left;
	width: 246px;
}
#con .banner li {
	float: left;
	width: 100%;
}
#gdbj {
	float: left;
	width: 100%;
}
#con .beijing {
	float: left;
	width: 100%;
	background-image: url(../images/bj1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}