@charset "gb2312";
/*** zhuzhenzhen 2016-07-28 ****/
html, body, div, span, iframe, h1, h2, h3, h4, h5, p, pre, em, img, strong, b, i, dl, dt, dd, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0
}
a, input, button {
	padding:0;
	margin:0;
	outline:0;
}
h1, h2, h3, h4, h5 {
	font-size:100%;
}
ul {
	list-style:none;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a, button {
	cursor:pointer;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input, select, img {
	vertical-align:middle;
}
.fl {
	float:left;
	_display:inline;
}
.fr {
	float:right;
	_display:inline;
}
.clear {
	clear:both;
}
.show {
	display:block;
}
.hide {
	display:none;
}
/**************************/
html, body {
	position:relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body {
	font-size: 14px;
	font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}
/**************************/

/*header*/
.title {
	font-size: 0;
	line-height: 0;
}
.header {
	position: fixed;
	top: 10px;
	width:1000px;
	left:50%;
	margin-left:-500px;
	top:16px;
	z-index: 1
}
.header .logo {
	position:absolute;
	display: inline-block;
	width: 206px;
	height: 124px;
	background: url("images/logo.png");
}
.header ul {
	position: absolute;
	right: 0;
}
.header a {
	display: inline-block;
	width: 84px;
	height: 25px;
	line-height: 25px;
	text-align:center;
	background: #4a2512;
	color:#ecc699;
}
.header ul a:hover {
	background: #60321a;
}
.header .btn-1 {
	border-radius: 12px 0 0 12px;
	border-right: 2px solid #62331b;
}
.header .btn-1:hover {
	border-right: 2px solid #7c4122;
}
.header .btn-2 {
	border-radius: 0 12px 12px 0;
}
/*right-nav*/
.nav {
	position: fixed;
	top: 50%;
	margin-top:-500px;
	right: 20px;
	width:97px;
	height: 1000px;
	background: url("images/line.png") center -23px no-repeat;
	z-index: 1
}
.nav a {
	position:absolute;
	display:inline-block;
	width:97px;
	height:97px;
	background:url("images/right-nav.png");
	text-indent: -9999em;
	z-index: 1
}
.nav a:hover {
	background: url("images/right-nav-h.png");
	height: 101px;
}
.nav-cur .nav-a {
	background: url("images/right-nav-h.png");
	height: 101px;
}
.nav .nav-1 {
	top:249px;
	background-position: 0 0;
}
.nav .nav-2 {
	top:386px;
	background-position: 0 -135px;
}
.nav .nav-3 {
	top:521px;
	background-position: 0 -270px;
}
.nav .nav-4 {
	top:656px;
	background-position: 0 -405px;
}
.nav .nav-1:hover, .nav-cur .nav-1 {
	top:245px;
	background-position: -1px 0;
}
.nav .nav-2:hover, .nav-cur .nav-2 {
	top:382px;
	background-position: -1px -135px;
}
.nav .nav-3:hover, .nav-cur .nav-3 {
	top:517px;
	background-position: -1px -270px;
}
.nav .nav-4:hover, .nav-cur .nav-4 {
	top:652px;
	background-position: -1px -405px;
}
/*大布局*/
.main {
	position:relative;
	width:100%;
	height: 100%;
}
.section {
	position: relative;
	width: 100%;
	height: 100%;
}
.content {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden
}
.content h2, .content p {
	position: absolute;
	opacity:0;
	opacity:1\9\0;
	font-size: 0;
	text-indent: -9999em;
}
/*section-1*/
.section-1 {
	background: url("images/bg-1.jpg") center top no-repeat;
	webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content-1 h2, .content-1 p {;
	top: 26%;
	height: 315px;
	background: url("images/text-1.png") no-repeat;
}
.content-1 h2 {
	left:37%;
	width: 154px;
	background-position: -94px 0
}
.content-1 p {
	left:30%;
	width: 94px;
	background-position: 0 0
}
/*section-2*/
.section-2 {
	background: url("images/bg-2.jpg") center top no-repeat;
	webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content-2 h2, .content-2 p {
	top: 100px;
	height: 310px;
	background: url("images/text-2.png") no-repeat;
}
.content-2 h2 {
	left:57%;
	width: 178px;
	background-position: -94px 0
}
.content-2 p {
	left:50%;
	width: 94px;
	background-position: 0 0
}
/*section-3*/
.section-3 {
	background: url("images/bg-3.jpg") center top no-repeat;
	webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content-3 h2, .content-3 p {
	top: 26%;
	height: 272px;
	background: url("images/text-3.png") no-repeat;
}
.content-3 h2 {
	left:37%;
	width: 149px;
	background-position: -78px 0
}
.content-3 p {
	left:30%;
	width: 78px;
	background-position: 0 0
}
/*section-4*/
.section-4 {
	background: url("images/bg-4.jpg") center top no-repeat;
	webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content-4 .hd {
	position: absolute;
	width:442px;
	top:50%;
	left: 50%;
	margin-top:10%;
	margin-left: -200px;
}
.content-4 .hd a {
	display: inline-block;
	width: 198px;
	height: 63px;
	line-height:63px;
	text-align:center;
	background:url("images/btn.jpg");
	font-size: 28px;
	color:#fff;
}
.content-4 .hd a:hover {
	background: url("images/btn-h.jpg")
}
.content-4 .hd .hd-btn-1 {
	margin-right:30px;
}
.content-4 .time {
	position: absolute;
	top:50%;
	left: 50%;
	margin-top: -156px;
	margin-left: -392px;
	background: url("images/time-out.png");
	height: 311px;
	width: 785px;
*zoom:1;
}
.content-4 .time-wrap {
	position: absolute;
	top:95px;
	left: 77px;
	width: 732px;
	height: 142px;
*left:95%;
}
/*.content-4 .time p{margin-top: 91px; margin-left: 76px;}*/
.content-4 p {
	width: 120px;
	opacity: 1
}
.content-4 .day {
	top:0;
	left: 0
}
.content-4 .hour {
	top:0;
	left: 187px;
}
.content-4 .min {
	top:0;
	left: 378px;
}
.content-4 .sec {
	top:0;
	left: 567px;
}
.content-4 .time span {
	display: inline-block;
	width: 48px;
	margin-right:5px;
	height: 83px;
	background: url("images/number.png")
}
.content-4 .time .span-0 {
	background-position: 0 0;
}
.content-4 .time .span-1 {
	background-position: -52px 0;
	width: 39px;
}
.content-4 .time .span-2 {
	background-position: -93px 0;
}
.content-4 .time .span-3 {
	background-position: -142px 0;
}
.content-4 .time .span-4 {
	background-position: -194px 0;
}
.content-4 .time .span-5 {
	background-position: -247px 0;
}
.content-4 .time .span-6 {
	background-position: -299px 0;
}
.content-4 .time .span-7 {
	background-position: -350px 0;
	width: 40px;
}
.content-4 .time .span-8 {
	background-position: -393px 0;
}
.content-4 .time .span-9 {
	background-position: -445px 0;
}
/* sq dialog */
.sq-dialog {
	position:absolute;
	z-index:1001;
	top:200px;
	left:500px;
	width:400px;
	padding-top:9px;
	color:#333;
}
.sq-dialog-source {
	display:none;
}
.sq-dialog-avatar {
	position:absolute;
	z-index:1;
	top:0;
	left:10px;
	width:38px;
	height:46px;
	background:transparent url(http://img1.37wanimg.com/www/css/images/common/bg-dialog-avatar.png) no-repeat;
	_background-image:url(http://img1.37wanimg.com/www/css/images/common/bg-dialog-avatar-8.png);
}
.sq-dialog-body {
	font-size:14px;
	word-break:break-all;
	border:1px solid #8fdadc;
	background-color:#c0f0f4;
	box-shadow:inset 0 0 2px 1px #fff;
*padding-bottom:10px;
}
.sq-dialog-titlebar {
	position:relative;
	height:27px;
	padding:7px 0 3px 50px;
	color:#494b49;
}
.sq-dialog-titlebar-text {
	font-size:16px;
}
.sq-dialog-notitle {
	overflow:hidden;
	height:1px;
}
.sq-dialog-client {
	margin-right:10px;
	margin-left:10px;
	padding:14px;
	background-color:#fff;
}
.sq-dialog-content {
	margin-right:10px;
	margin-left:10px;
	text-align:center;
}
.sq-dialog-close {
	position:absolute;
	top:0;
	right:10px;
	width:34px;
	height:21px;
	text-indent:-9999px;
	background:transparent url(http://img1.37wanimg.com/www/css/images/common/btn-24.png) no-repeat -122px -372px;
	_background-image:url(http://img1.37wanimg.com/www/css/images/common/btn.png);
}
.sq-dialog-close:hover {
	background-position:-157px -372px;
}
.sq-dialog-buttons {
	margin:0 10px 10px;
	padding-bottom:15px;
	text-align:center;
	background-color:#fff;
*zoom:1;
}
.sq-dialog-buttons a {
	margin-right:20px;
	margin-left:20px;
}
.sq-dialog-nobutton {
	overflow:hidden;
	height:1px;
	padding:0;
	border:0;
}
.sq-dialog-nobutton button {
	display:none;
}
.sq-dialog-masking {
	position:absolute;
	z-index:1000;
	top:0;
	left:0;
	width:100%;
	opacity:.4;
	background-color:#000;
	filter:alpha(opacity=40);
}
.sq-dialog-overlay {
	position:absolute;
	border:1px solid #999;
	background-color:#fff;
}
.sq-dialog-content h5 {
	font-size:20px;
	font-weight:400;
	color:#0082cb;
}
.sq-dialog-content p {
	margin-top:8px;
	margin-bottom:8px;
	padding-left:10px;
}
.sq-dialog-content a {
	margin-right:3px;
	margin-left:3px;
	color:#008cce;
}
.sq-dialog-content-col {
	display:inline-block;
	width:112px;
	text-align:right;
}
.sq-dialog-loading {
	height:60px;
	background:transparent url(http://img1.37wanimg.com/www/css/images/common/loading-48x48.gif) no-repeat 50px center;
}
.sq-dialog-loading span {
	position:relative;
	top:20px;
	left:120px;
}
.btn {
	font-size:12px;
	display:inline-block;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	background:transparent url(http://img1.37wanimg.com/www/css/images/common/btn-24.png) no-repeat;
	_background-image:url(http://img1.37wanimg.com/www/css/images/common/btn.png);
}
.btn-s-1 {
	font-size:18px;
	line-height:44px;
	width:112px;
	height:44px;
	color:#4e4e4c;
	background-position:0 -246px;
}
.btn-s-1:hover {
	color:#4e4e4c;
	background-position:0 -290px;
}
/*页面中的动画*/
.section-in .content .h2-title {
 -webkit-animation: comeUp.6s ease-out forwards .6s;
 -moz-animation: comeUp.6s ease-out forwards .6s;
 -ms-animation:comeUp.6s ease-out forwards .6s;
 animation: comeUp.6s ease-out forwards .6s;
}
.section-in .content .p-word {
 -webkit-animation: comeUp.6s ease-out forwards .9s;
 -moz-animation: comeUp.6s ease-out forwards .9s;
 -ms-animation:comeUp.6s ease-out forwards .9s;
 animation: comeUp .6s ease-out forwards 0.9s
}
 @-webkit-keyframes comeUp {
 0% {
 opacity: 0;
 -webkit-transform: translate(0, 50%)
}
 100% {
 opacity: 1;
 -webkit-transform: translate(0, 0)
}
}
 @-moz-keyframes comeUp {
 0% {
 opacity: 0;
 -moz-transform: translate(0, 50%)
}
 100% {
 opacity: 1;
 -moz-transform: translate(0, 0)
}
}
 @-o-keyframes comeUp {
 0% {
 opacity: 0;
 -o-transform: translate(0, 50%)
}
 100% {
 opacity: 1;
 -o-transform: translate(0, 0)
}
}
 @-ms-keyframes comeUp {
 0% {
 opacity: 0;
 -ms-transform: translate(0, 50%)
}
 100% {
 opacity: 1;
 -ms-transform: translate(0, 0)
}
}
 @keyframes comeUp {
 0% {
 opacity: 0;
 transform: translate(0, 50%)
}
 100% {
 opacity: 1;
 transform: translate(0, 0)
}
}