@charset "utf-8";
/***************
TsingStone Info&Art Design Studio
the Academy of Arts & Design, Tsinghua University
Author:Jason Woo 
***************/
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,figure,figcaption,code,del,dfn,em,button,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tf,tr,th {
	border: 0px;
	padding: 0px; 
	font-size: 100%; 	
	margin: 0px; 
	font-family: inherit; 
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	font-weight:normal;
	word-wrap: break-word;}

body {
	background:#fff;
	color: #444;
	line-height: 1.6em;
	font-size: 12px;
	font-family:Arial, Helvetica,"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei",PingHei,STHeiti;

	margin: 0px;}


input[type="text"],input[type="password"],textarea,select
{
	font-family:Arial, Helvetica,"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei",PingHei,STHeiti;
	background-color: #FFFFFF;
	font-size:12px;
	outline:none;
	padding:0;
	-webkit-appearance: none;
	border-radius: 0;}


img {
	border: 0px;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic;}

a {
	text-decoration: none;
	color:#333;}

a:hover
{
	text-decoration:none;
	color:#0074bd;}

ul, li {
	list-style-type:none;}

.left {
	float: left;}
.right {
	float: right;}

.ewmright {
    float: right;
    width: 190px;
}

.ewmright img {
    width: 100%;
}

.clearfix:after {
	display:block;
	content:'';
	clear:both;
	height:0px;
	visibility: hidden;}

.relative
{
	position:relative;}

.clearfix {
*display:table;
*zoom:1;}

.clear
{
	clear:both;
	overflow:hidden;
	height:0;}

*::selection {
    background:#0074BD;
    color: #FFFFFF;
    text-shadow: none;}

*::-moz-selection
{
    background:#0074BD;
    color: #FFFFFF;
    text-shadow: none;}

.mainWrap
{
	width:1000px;
	margin:auto;}


.ie6
{
	text-align:center;
	font-size:14px;
	background:#FC6;
	line-height:60px;}

.ie6 span
{
	float:right;
	margin-right:30px;
	cursor:pointer;}



/*comm section header footer*/

.header
{
	padding-bottom: 44px;
	position: relative;
	z-index: 999;}

.header .headerwrapper
{
	position: relative;}

.header .logo
{
	padding: 20px 0 22px 0;}

.header .headerwrapper ul
{
	position: absolute;
	right: 0;
	top:0;}

.header .headerwrapper ul li
{
	float: left;}

.header .headerwrapper ul li a
{
	display: block;
	line-height: 24px;
	color: #fff;
	background: #989898;
	padding: 0 15px;}

.header .headerwrapper ul li a.en
{
	background: #ACACAC;}

.header .headerwrapper ul li a.weixin
{
	background: #09BB07;
	font-size: 14px;
	padding:0 10px;}

.header .headerwrapper ul li:hover div
{
	display: block;}

.header .headerwrapper ul li div
{
	position: absolute;
	background:#fff;
	width: 130px;
	height: 130px;
	top: 40px;
    left: -52px;
    border:1px solid #ccc;
    display: none;
    z-index: 1;}

.header .headerwrapper ul li div i
{
	border-color: transparent;
	border-style: solid;
	border-width:10px;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
	border-bottom-color:#ccc;
	border-top-width:0;
	left:50%;
	margin-left:-8px;
	top:-10px;}

.header .headerwrapper ul li div i em {
	border-color: transparent;
	border-style: solid;
	border-width:10px;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
	border-bottom-color:#fff;
	border-top-width:0;
	left:-10px;
	top:1px;}

.header .headerwrapper ul li div img
{
	max-width: 130px;}


.header .headerwrapper .searchWrapper
{
	float: right;
	padding-top: 45px;}

.header .headerwrapper .searchWrapper input,.header .headerwrapper .searchWrapper button
{
	float: left;}

.header .headerwrapper .searchWrapper button
{
	text-align: center;
	height: 30px;
	width: 32px;
	background: #f9461d;
	color: #fff;
	font-size: 16px;
	line-height: 30px;}
.header .headerwrapper .searchWrapper input
{
	border:1px solid #c5c5c5;
	background: #fff;
	height: 28px;
	border-right: 0;
	width: 200px;
	text-indent: 10px;}

.header .nav
{
	background: #1692c6;
	position: absolute;
	width: 100%;}

.header .nav.scroll
{
	position: fixed;
	top: 0;
	z-index: 9998;}

.header .nav li
{
	float: left;}

.header .nav li a
{
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	display: block;
	padding: 0 41px;}

.header .nav li:hover a,.header .nav li.current a
{
	background:#0075a6;}


.header .nav li:hover
{
	position: relative;
	z-index: 1;}

.header .nav li:hover ul
{
	display: block
;}

.header .nav li ul
{
	position: absolute;
	top: 44px;
	left: 0;
	background: #1692c6;
	width: 200px;
	display: none;}

.header .nav li:last-child ul
{
	left: auto;
	right: 0;}

.header .nav li li
{
	float: none;}

.header .nav li li a
{
	text-align: left;
	padding-right: 30px;}

.header .nav li li a:hover
{
	background: #036A93
;}

.header .smenu
{
	display: none
;}

.footer 
{
	color: #b2b5b7;
	overflow: hidden;}


.footer a
{
	color: #fff;}

.footer a:hover
{
	color: #D6D8DB
;}


.footer .section_1
{
	background: #5b6368;
	padding: 35px 0;}

.footer .section_2
{
	background: #465055;
	padding: 22px 0;}


.footer .section_1 .link 
{
	width: 520px;
	z-index: 0;
	position: relative;}


.footer .section_1 .link li
{
	float: left;
	width: 50%;
	padding: 6px 0;}

.footer .section_1 .link li a
{
	font-size: 14px;
	line-height: 1.5em;}

.footer .section_1 h2
{
	font-size: 18px;
	display: inline-block;
	border-bottom: 3px #f96a49 solid;
	color: #fff;
	padding-bottom: 10px;}
.footer .section_1 .right
{
	width: 265px;
	z-index: 0;
	position: relative;}

.footer .section_1 .right a
{
	font-size: 14px;
	line-height: 1.5em;}


.footer .section_1 .right ul
{
	margin-top: 15px;}

.footer .section_1 .right li
{
	padding: 8px 0;}

.footer .section_1 .right .booking
{
	background: #1692C6;
	display: inline-block;
	line-height: 40px;
	padding: 0 30px;
	margin-top: 20px;
	border-radius: 4px;}

.footer .section_1  b
{
	background: url(../images/bottomlogo.jpg) no-repeat;
	width: 493px;
	height: 493px;
	position: absolute;
	right: -240px;
	top: -100px;
	z-index: 0
;}

.footer .section_2 .right
{
	margin-top: 15px;}

.footer .section_2 span
{
	padding-right: 25px;}



/*motion*/
.motion
{
	transition:all .2s ease-out;}


/*pager*/
.pager {clear: both;margin:25px 0 ;font-size:14px;	font-family:Arial, Helvetica, sans-serif;text-align:center;}
.pager a {	background:none; border: 1px solid #aaa;	color: #1692C6;	display: inline-block;	line-height: 32px;	margin: 0 2px;	padding: 0 10px;	height:32px;	border-radius:3px;	vertical-align:middle;}
.pager b {	background:none; color: #1692C6; display: inline-block;	line-height: 32px;	margin: 0 2px;	padding: 0 10px;	height:32px;vertical-align:middle;}
.pager a:hover, .pager a.current {	background-color: #1692C6;	border:none;	color: #FFFFFF;	font-weight: bold;	text-decoration: none;	line-height: 34px;	height:34px;	padding: 0 11px;}
.pager .p {	font-size:22px;}
.pager input {height: 32px;line-height: 32px; width: 30px;text-align: center;background: none;border: 1px solid #aaa; vertical-align: middle;border-radius:3px;margin:0 5px;}
.pager span {padding: 0  0 0 20px;color: #777;}


.mobilepager {
	    display: none;
	    margin: 20px 25px;}

.mobilepager a
{
	    background: #fff;
	    border: 1px solid #ccc;
	    display: block;
	    font-size: 16px;
	    line-height: 50px;
	    text-align: center;
	    border-radius: 6px;
		width:48%;
		float:left;}

.mobilepager a.next
{
	float:right;}


@media screen and (max-width:1000px)
{
	.header
	{
		padding-bottom: 48px;}
	
	.mainWrap
	{
		width:auto;
		padding: 0 25px;}
	
	.header .nav
	{
		height: 48px;}
	.header .nav li
	{
		padding: 0 0 0 15px;
		font-size: 14px;}
	
	.header .nav ul.active
	{
		display: block;}
	
	.header .nav ul
	{
		position: absolute;
		width: 200px;
		top: -53px;
		left: 0;
		background: rgba(13,19,28,0.85);
		padding: 10px 0;
		z-index: 99999;
		display: none;}
	.header .nav ul li
	{
		float: none;
		padding: 0;}
	
	.header .nav ul li a
	{
		line-height: 40px;
		height: auto;
		font-size: 16px;
		display: block;
		padding-left: 30px;
		text-align: left;}
	
	.header .nav ul ul
	{
		background: rgba(13,19,28,0.9);
		left: 130px;
		top: 10px;
		width: 180px;}
	
	.header .nav li:last-child ul
	{
		left: 130px;
		right: auto;}
	
	.header .nav ul li:hover a
	{
		background: #435874
	;}
	
	.header .nav ul li:hover ul a
	{
		background: none;}
	
	.header .nav li.current a, .header .nav li:hover a
	{
		height: auto;
		border: 0;}
	
	.header .headerwrapper {
		position: relative;z-index: 101
	;}
	
	.header .headerwrapper.scroll
	{
		z-index: auto;}
	
	.header .headerwrapper .searchWrapper
	{
		position: absolute;
		padding-top: 0;
		right: 0px;
		top: 110px;}
	
	.header .headerwrapper .searchWrapper input
	{
		border: 0;
		height: 30px;}
	
	.header .smenu
	{
		font-size: 18px;
		/*background: rgba(0,0,0,0.5);*/
		border: 1px solid rgba(255,255,255,0.5);
		height: 38px;
		width: 38px;
		color: #fff;
		line-height: 38px;
		text-align: center;
		position: absolute;
		left: 25px;
    	top: 106px;
		cursor: pointer;
		display: block;
		z-index: 99999;}
	
	.header .smenu.active
	{
		left: 200px;
		border: 0;
		background: rgba(13,19,28,0.85);
		color: #fff;
		top: 10px;}
	
	.header .smenu.scroll
	{
		position:fixed;
		top: 4px;}
	
	.header .headerwrapper.scroll .searchWrapper
	{
		position:fixed;
		top: 9px;
		right: 25px;
		z-index: 9999;}
	
	.header .nav.scroll ul
	{
		top: 4px;}
	
	.header .nav.active.scroll
	{
		background: none;}
	
	.header .headerwrapper.scroll .searchWrapper.active
	{
		display: none;}
	
	.header .smenu.active .icon-menu:before
	{
		content: '\e81f';}
	
	
	.masklayer
	{
		background: rgba(0,0,0,0.4);
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		display: none;}
	
	
	.footer .section_1 .right
	{
		float: none;
		padding-bottom: 30px;}

	.footer .section_1 .link li
	{
		width: 100%;}
	
	.footer .section_2 .left, .footer .section_2 .right
	{
		float:none;}
	
	.pager
	{
		display: none;}
	
	 .mobilepager {
	  
	    display: block;}

}

@media screen and (max-width:700px)
{
	.footer .section_2 span
	{
		display: block;}
	
}

@media screen and (max-width:500px)
{
	.header .logo img
	{
		width: 160px
	;}
	
	.header .logo
	{
		padding: 15px 0 17px 0;}
	
	.header .headerwrapper ul
	{
		right: -25px;
		top: 13px;}
	
	.header .headerwrapper ul li a
	{
		padding:5px 10px;}
	
	.header .smenu
	{
		top: 67px;}
	
	.header .headerwrapper .searchWrapper
	{
		top: 72px;}
	
	.header .headerwrapper .searchWrapper input
	{
		width: 140px;}
}