@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
* {
	font-family: "微软雅黑"
}
img{ border:none;}
html {
	color: rgb(255,255,255);
	-webkit-text-size-adjust: 100%;
}


body.cartier {
	background-color: rgb(0,0,0);
}

a:link {
	color: rgb(160,160,160);
	text-decoration: none;
}
a:visited {
	color: rgb(160,160,160);
	text-decoration: none;
}
a:hover {
	color: rgb(0,0,0);
	text-decoration: none;
}
a:active {
	color: rgb(0,0,0);
	text-decoration: none;
}
.floatleft, .fl {
	float: left;
}
.floatright, .fr {
	float: right;
}
.cb {
	clear: both
}
.clear {
	clear: both;
}
hr {
	height: 1px;
	border: 0;
	border-bottom: 1px solid #f2f2f2;
}
@media screen {
}
#window {
	width: 100%;
	position: relative;
	opacity: 0;
}
.wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 100%
}
.fixbg {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 4;
	background: url(../images/fixbg.png) repeat;
	width: 100%;
	height: 100%;
	display: none
}




.cn {
	font-size: 16px;
	color: white;
	line-height: 57px
}
.en {
	font-size: 12px;
	color: #999999;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}


.banner .carousel {
	position: absolute;
	left:0;
	top: 0px;
	width:100%;
	height: 100%;
	overflow: hidden;
}



.banner .carousel ul {
	position: relative;
	height: 100%;
	overflow: hidden;
	width:100%;
	float: left;
}


.banner .carousel ul li {
	text-align: center;
	width: 100%;
	float: left;
	height: 100%;
	position: absolute;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 0;
	left: 0;
	overflow:hidden;
}
.focus {
	height: 9px;
	position: absolute;
	right: 0;
	bottom: 90px;
	z-index: 9999
}
.focus a {
	width: 9px;
	height: 9px;
	display: inline-block;
	margin: 0 2px;
	overflow: hidden;
	background: url(../images/focus.png) no-repeat
}
.focus a.on, .focus a:hover {
	background-position: 0px -16px
}

#content {
	
	opacity: 0;
	filter: alpha(opacity=0);
}

.left-link {
	position: relative;
}
.left-link h1 {
	font-size: 16px;
	font-weight: 100
}
.left-link p {
	color: #666c67;
	line-height: 25px;
	margin-bottom: 28px;
}
.left-link a {
	color: #666c67;
	line-height: 22px
}
.left-link a:hover {
	color: white
}
.left-link ul {
	margin-top: 2px;
	width: 150px;
}
.left-link div ul {
	height: inherit
}
.left-link ul li {
	list-style: none
}
.left-link ul > div {
	margin-bottom: 10px
}
.left-link ul.floatright {
	position: absolute;
	right: 0;
	top: 0
}
.right-copy {
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 35px
}
.right-copy a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a4a4a4;
	line-height: 18px;
}
.right-copy a:hover {
	color: white
}




/****/
#window-header {
	background: black;
	height: 60px;
	bottom: 0;
	left: 0;
	filter:alpha(opacity=0.8); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	
}
.right-header-box {
	border-top: none!important;
	height: 57px;
	margin-left: 2%;
}
@media screen and (max-height:500px) {
.jcclub {
	display: none
}
}

.right-header .on, .right-header-box:hover {
	border-bottom: 3px solid #c39c48;
}
.right-header .on .en, .right-header .on .cn, .right-header-box:hover .cn, .right-header-box:hover .en {
	color: #c39c48
}
.left-footer {
	position: absolute;
	right: 5%;
	bottom: 15px;
	width: auto
}
#left-bottom-bar {
	bottom: 15px
}
.focus {
	bottom: 25px
}
#window-header {
	z-index: 5
}

.copy a {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	opacity: 0.5
}
.lb {
	border-bottom: 1px solid #504e47;
	padding-bottom: 10px;
	display: inline-block;
	position: relative;
	width: 520px;
}
.tosearch {
	position: absolute;
	right: 0;
	bottom: -25px;
	font-size: 12px;
	color: #eec865;
	background: none;
	border: none;
	outline: none;
	font-family: "微软雅黑"
}
.lb-list {
	margin-right: 115px
}
.lb-list h1 {
	margin-bottom: 10px
}
.lb-list dt a {
	font-size: 12px;
	color: #999999;
	line-height: 25px
}
.lb-list dt img {
	margin: 0 5px;
	visibility: hidden
}
.lb-list dt a:hover, .lb-list dt.lb-at a {
	color: #eec865
}
.lb-list dt.lb-at img {
	visibility: visible
}
#wrapper {
	position: absolute;
	top: 0px;
	left: 5%;
	max-width:300px
}
#page-banner {
	height: 550px;
	padding-top: 90px;
	display: block;
	position: relative;
	overflow: hidden
}


.page-banner LI {
	position: absolute;
	top: 90px;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
	text-align: center
}

.wz{ 
	position:absolute;
	top:50%;
	left:0px;
	z-index:9999999;
	width:100%;
	margin-top:-50px;
}


.wz p{ 
	font-size:24px;
	line-height:25px;
	text-align:left;
}


.wz .p01{ 
	font-size:14px;
	margin-top:20px;
	position:relative;
	top:50px;
}



.wz .p02{ 
	margin-top:10px;
	position:relative;
	left:-200px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}


.wz .p03{ 
	margin-top:10px;
	position:relative;
	top:70px;
	font-size:16px;
	margin-top:20px;
	
}

.wzhd{ 
	position:relative;
	width:420px;
	height:150px;
	overflow:hidden;
	margin:0 auto;
}



.tansuo{
	height:40px;
	width:86px;
	margin:auto;
	text-align:center;
	position:relative;
	}
	
.tansuo span{
	position:absolute;
	height:45px;
	width:90px;
	left:0px;
	display:block;
	top:0px;
	background:#000;
	z-index:10;
	filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;
	}

.tansuo a{
	display:block;
	color:#cbb36b;
	width:86px;
	line-height:40px;
	font-size:18px;
	height:40px;
	margin:auto;
	z-index:20;
	position:relative;
	border:3px solid #cbb36b;
	}


.tansuo a:hover{
	color:#000;
	background:#cbb36b;
	}