@charset "utf-8";
/* CSS Document */
htmnl{width:100%;height:100%}
body{padding:0;margin:0}
a{ text-decoration:none}
ul,li{ list-style:none; padding:0; margin:0}
img{border:none}
.fl{ float:left}
.fr{ float:right}
.f12{ font-size:12px}
.f14{ font-size:14px}
.f16{ font-size:16px}
.tc{ text-align:center}


.page1 { background-color:none}
.page1>img{ width:100%; height:100%}

.page2 { background-color:#f5f5f5; overflow:auto}
.page2 .nav-login{ width:100%; height:56px; background:url(../images/shadow.png) center repeat-x;}
.page2 .nav-login ul{ width:725px; height:56px; margin:auto;}
.page2 .nav-login ul li{ float:left; height:56px; line-height:50px; padding:0 43.5px;}
.page2 .nav-login ul li a{ color:#999999}
.page2 .nav-con{ width:725px; height:645px; margin:100px auto 0 auto;font-family:"宋体"; font-size:16px; color:#2a2a2a;}
.page2 .nav-con h2{ font-family:"宋体"; font-size:40px; font-weight:600; width:100%; text-align:center; padding:0; margin:0; float:left}
.page2 .nav-con>span{ display:block; width:100%; height:25px; float:left; text-align:center; margin-top:15px;}
.page2 .nav-con .xhx{ width:55px; height:2px; background:#626262; float:left; margin-left:335px; margin-top:15px}
.page2 .nav-con p{ width:100%; float:left; text-indent:1.5em; margin:0; line-height:30px; text-align:justify}
.con-address{ width:712px; height:75px; background:url(../images/time-bg.jpg) no-repeat center; float:left; margin-top:50px}
.con-address>span{ display:block; width:700px; height:22px; font-family:"微软雅黑"; font-size:20px; color:#fff; line-height:22px; padding-left:10px; margin-top:10px; font-weight:bold}

.page3 { background-color: #4BBFC3;}
.page3>ul{ width:100%;height:100%; position:relative}
.page3>ul>li{ width:25%; height:33.3%; float:left}
.page3>ul>li>img{ width:100%; height:100%;transition:1s;}

.page3>ul>li>img:hover{ width:120%; height:120%; position:relative; margin-top:-7%;margin-left:-10%;border:solid 0em #900}

.page4 { background-color: #000;}
.page4_title{ width:100%; height:200px; background:url(../images/display-title.gif) center no-repeat}
.page4 .page4_bucon{ width:1022px; height:150px; background:#000; position:absolute; bottom:0; left:50%; margin-left:-511px; z-index:9999}
.page4 .page4_bucon p{ display:block; width:100%; text-align:justify; float:left; margin:0; padding-bottom:20px; color:#fff; font-size:14px; font-family:"微软雅黑";}

.page5{ background:#f5f5f5}
.page5_title{ width:100%; height:220px;}
.page5_title>span{ display:table; font-family:"微软雅黑"; font-size:40px; font-weight:500; text-align:center; width:165px; color:#000; margin:0px auto 20px auto; padding-top:50px;}
.page5_title>ol{ width:150px; height:2px; background:#333; margin:-10px auto 0 auto}
.page5_title>p{ width:990px; margin:auto; display:block;font-family:"微软雅黑"; font-size:24px; font-weight:500; text-align:justify; line-height:45px}

.page5_con{ width:100%; height:50%; overflow:hidden}
.page5_con>a>img{ width:24.9%; height:100%; float:left; margin-right:0.1%}
.page5_bucon{ width:100%; height:170px; position:absolute; bottom:0; background:#FFF}
.page5_bucon #fhdb{ display:block; width:84px; height:84px; left:50%; top:-42px; margin-left:-42px; position:absolute}
.page5_bucon .bu_mess{ width:225px; height:130px; margin:auto; margin-top:52px}
.page5_bucon .bu_mess>span{ float:left; display:block; font-size:12px; text-align:center}
.page5_bucon .bu_mess>span>img{ float:left; margin-left:5px}
.page5_bucon .bu_mess>span>p{ text-align:center}
.page5_bucon>p{ display:block; width:84px; height:15px; left:50%; top:108px; margin-left:-42px; line-height:45px; position:absolute; font-size:14px; text-align:center}

.page6{ height:200px; float:left; width:100%}
#mybut1,#mybut2,#mybut3,#mybut4{ width:1200px; height:670px; overflow:auto; background:#fff; margin:auto; display:none; z-index:9999999; position:absolute; top:100px; left:50%; margin-left:-600px}
#mybut1>img,#mybut2>img,#mybut3>img,#mybut4>img{ width:1180px; height:auto}
/*相册样式*/
@charset "UTF-8";
/* FEATURES STYLESHEET */
#frame-title {
	position:absolute;
	top:40px;
	left:0px;
	width:100%;
	font-weight:normal;
	color:#FFF;
	font-size:18px;
	text-align:center;
	margin:0 auto;
	opacity:.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
}
#features-container {
	position:relative;
	width:1320px;
	height:675px;
	margin:0px auto;
}
#frame-center-outer {
	position:absolute;
	top:0px;
	left:150px;
	width:1020px;
	height:645px;	
	background:url(frame-bg.png) repeat top left;
}
#frame-center-shadow {
	position:absolute;
	top:120px;
	left:45px;
	width:870px;
}
#frame-center-inner {
	position:absolute;
	top:10px;
	left:10px;
	width:1000px;
	height:625px;
	overflow:hidden;
}
#frame-center-inner .slider {
	position:absolute;
	top:0px;
	left:-1000px;
	width:100000px;
	height:6250px;
}
#frame-center-inner .slider a {
	display:inline-block;
	float:left;
	width:1000px;
	height:625px;
	overflow:hidden;
	position:relative;
	text-decoration:none;
}
#frame-center-inner .slider a .title {
	position:absolute;
	top:5px;
	width:1000px;
	height:18px;
	text-align:center;
	color:#FFF;
	font-size:16px;
}
#frame-center-inner .slider a .more {
	position:absolute;
	bottom:5px;
	width:1000px;
	height:18px;
	text-align:center;
	color:#000;
	font-size:16px;
}
#frame-center-inner .slider a .image-holder {
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	height:625px;
	overflow:hidden;	
}
#frame-center-inner .slider a img {	
	display:block;
	width:1000px;
}
.frame-smaller-outer {
	position:absolute;
	top:207px;
	left:-40px;
	width:390px;
	height:248px;
	background:url(frame-bg.png) repeat-x top left;
	opacity:0.45;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
	filter:alpha(opacity=45);
}
.frame-smaller-outer.right {
	left:auto;
	right:-40px;	
}
.frame-smaller-outer.left .slider {
	/* -1X Small Image width */
	left:-380px;	
}
#frame-center-inner .slider {
	/* -2X Large Image width */
	left:-2000px;	
}
.frame-smaller-outer.right .slider {
	/* -3X Small Image width */
	left:-1140px;	
}
.frame-smaller-inner {
	position:absolute;
	top:5px;
	left:5px;
	width:380px;
	height:238px;
	overflow:hidden;
}
.frame-smaller-inner .slider {
	position:absolute;
	top:0px;
	left:0px;
	width:58000px;
	height:238px;
}
.frame-smaller-inner .slider img {	
	display:block;
	float:left;
	width:380px;
}
.nav-arrow {
	position:absolute;
	top:297px;
	left:70px;
	width:51px;
	height:88px;
	background:url(frame-arrows.png) no-repeat top left;
	opacity:0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);	
	z-index:6;
	cursor:pointer;
}
.nav-arrow.next {
	left:auto;
	right:70px;
	background-position:top right;	
}
.nav-arrow:hover {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);	
}
@media screen and (max-width:1440px) {
	#frame-title {
	position:absolute;
	top:40px;
	left:0px;
	width:100%;
	font-weight:normal;
	color:#FFF;
	font-size:18px;
	text-align:center;
	margin:0 auto;
	opacity:.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
}
#features-container {
	position:relative;
	width:960px;
	height:450px;
	margin:0px auto;
}
#frame-center-outer {
	position:absolute;
	top:0px;
	left:150px;
	width:660px;
	height:420px;	
	background:url(frame-bg.png) repeat-x top left;
}
#frame-center-shadow {
	position:absolute;
	top:120px;
	left:45px;
	width:870px;
}
#frame-center-inner {
	position:absolute;
	top:10px;
	left:10px;
	width:640px;
	height:400px;
	overflow:hidden;
}
#frame-center-inner .slider {
	position:absolute;
	top:0px;
	left:0px;
	width:6400px;
	height:400px;
}
#frame-center-inner .slider a {
	display:inline-block;
	float:left;
	width:640px;
	height:400px;
	overflow:hidden;
	position:relative;
	text-decoration:none;
}
#frame-center-inner .slider a .title {
	position:absolute;
	top:5px;
	width:640px;
	height:18px;
	text-align:center;
	color:#FFF;
	font-size:16px;
}
#frame-center-inner .slider a .more {
	position:absolute;
	bottom:5px;
	width:640px;
	height:18px;
	text-align:center;
	color:#000;
	font-size:16px;
}
#frame-center-inner .slider a .image-holder {
	position:absolute;
	top:0px;
	left:0px;
	width:640px;
	height:400px;
	overflow:hidden;
}
#frame-center-inner .slider a img {	
	display:block;
	width:640px;
}
.frame-smaller-outer {
	position:absolute;
	top:90px;
	left:-40px;
	width:390px;
	height:248px;
	background:url(frame-bg.png) repeat-x top left;
	opacity:0.45;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
	filter:alpha(opacity=45);
}
.frame-smaller-outer.right {
	left:auto;
	right:-40px;	
}
.frame-smaller-outer.left .slider {
	/* -1X Small Image width */
	left:-380px;	
}
#frame-center-inner .slider {
	/* -2X Large Image width */
	left:-1280px;	
}
.frame-smaller-outer.right .slider {
	/* -3X Small Image width */
	left:-1140px;	
}
.frame-smaller-inner {
	position:absolute;
	top:5px;
	left:5px;
	width:380px;
	height:238px;
	overflow:hidden;
}
.frame-smaller-inner .slider {
	position:absolute;
	top:0px;
	left:0px;
	width:3800px;
	height:238px;
}
.frame-smaller-inner .slider img {	
	display:block;
	float:left;
	width:380px;
}
.nav-arrow {
	position:absolute;
	top:170px;
	left:70px;
	width:51px;
	height:88px;
	background:url(frame-arrows.png) no-repeat top left;
	opacity:0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);	
	z-index:6;
	cursor:pointer;
}
.nav-arrow.next {
	left:auto;
	right:70px;
	background-position:top right;	
}
.nav-arrow:hover {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);	
}
}
@media screen and (max-width:1023px) {
	#frame-title {
		top:20px;
	}
	#features-container {
		width:720px;
		height:480px;
	}
	#frame-center-outer {
		top:0px;
		left:105px;
		width:510px;
		height:326px;
	}
	#frame-center-shadow {
		top:110px;
		left:35px;
		width:650px;
	}
	#frame-center-inner {
		top:10px;
		left:10px;
		width:490px;
		height:306px;
	}
	#frame-center-inner .slider a {
		width:490px;
		height:306px;
	}
	#frame-center-inner .slider a .title {
		top:3px;
		width:490px;
		font-size:12px;
	}
	#frame-center-inner .slider a .more {
		bottom:3px;
		width:490px;
		height:15px;
		font-size:12px;
	}
	#frame-center-inner .slider a .image-holder {
		top:25px;
		width:490px;
		height:256px;	
	}
	#frame-center-inner .slider a .image-holder.large {
		top:0px;
		width:490px;
		height:306px;	
	}
	#frame-center-inner .slider a img {	
		width:490px;
	}
	.frame-smaller-outer {
		top:70px;
		left:-40px;
		width:290px;
		height:185px;
	}
	.frame-smaller-outer.right {
		left:auto;
		right:-40px;	
	}
	.frame-smaller-outer.left .slider {
		/* -1X Small Image width */
		left:-280px;	
	}
	#frame-center-inner .slider {
		/* -2X Large Image width */
		left:-980px;	
	}
	.frame-smaller-outer.right .slider {
		/* -3X Small Image width */
		left:-840px;	
	}
	.frame-smaller-inner {
		top:5px;
		left:5px;
		width:280px;
		height:175px;
		overflow:hidden;
	}
	.frame-smaller-inner .slider img {	
		width:280px;
	}
	.nav-arrow {
		top:190px;
		left:50px;
	}
	.nav-arrow.next {
		top:120px;
		right:50px;
	}
	.nav-arrow.back {
		top:120px;
		right:50px;
	}
	#glow-container {
		position:absolute;
		left:0px;
		top:330px;
		width:720px;
		height:127px;
	}
	}
@media screen and (max-width:767px) {
		.page4 .page4_bucon{ width:560px; height:80px; background:#000; position:absolute; bottom:0; left:50%; margin-left:-270px; z-index:9999; overflow:hidden}
.page4 .page4_bucon p{ display:block; width:100%; text-align:justify; float:left; margin:0; padding-bottom:10px; color:#fff; font-size:12px; font-family:"微软雅黑";}

	#frame-title {
		display:none;
	}
	#features-container {
		width:480px;
		height:320px;
	}
	#frame-center-outer {
		top:20px;
		left:50px;
		width:380px;
		height:241px;
	}
	#frame-center-shadow {
		display:none;
	}
	#frame-center-inner {
		top:5px;
		left:5px;
		width:370px;
		height:231px;
	}
	#frame-center-inner .slider a {
		width:370px;
		height:231px;
	}
	#frame-center-inner .slider a .title {
		top:1px;
		width:370px;
		font-size:11px;
	}
	#frame-center-inner .slider a .more {
		bottom:1px;
		width:370px;
		height:13px;
		font-size:11px;
	}
	#frame-center-inner .slider a .image-holder {
		top:19px;
		width:370px;
		height:193px;	
	}
	#frame-center-inner .slider a .image-holder.large {
		top:0px;
		width:370px;
		height:231px;	
	}
	#frame-center-inner .slider a img {	
		width:370px;
	}
	.frame-smaller-outer {
		top:60px;
		left:-40px;
		width:240px;
		height:154px;
	}
	.frame-smaller-outer.right {
		left:auto;
		right:-40px;	
	}
	.frame-smaller-outer.left .slider {
		/* -1X Small Image width */
		left:-230px;	
	}
	#frame-center-inner .slider {
		/* -2X Large Image width */
		left:-740px;	
	}
	.frame-smaller-outer.right .slider {
		/* -3X Small Image width */
		left:-690px;	
	}
	.frame-smaller-inner {
		top:5px;
		left:5px;
		width:230px;
		height:144px;
		overflow:hidden;
	}
	.frame-smaller-inner .slider img {	
		width:230px;
	}
	.nav-arrow {
		top:100px;
		left:0px;
	}
	.nav-arrow.next {
		top:100px;
		right:0px;
	}
	.nav-arrow.back {
		top:100px;
		right:0px;
	}
	#glow-container {
		position:absolute;
		left:0px;
		top:225px;
		width:480px;
		height:85px;
	}
	}

@media screen and (max-width:479px) {
	html {
		-webkit-text-size-adjust:none;
	}
	#features-container {
		width:320px;
		height:173px;
	}
	#frame-center-outer {
		top:10px;
		left:58px;
		width:204px;
		height:129px;
	}
	#frame-center-shadow {
		display:none;
	}
	#frame-center-inner {
		top:2px;
		left:2px;
		width:200px;
		height:125px;
	}
	#frame-center-inner .slider {
		/* -2X Large Image width */
		left:-400px;	
	}
	#frame-center-inner .slider a {
		width:200px;
		height:125px;
	}
	#frame-center-inner .slider a .title {
		top:-1px;
		width:200px;
		font-size:8px;
	}
	#frame-center-inner .slider a .more {
		bottom:0px;
		width:200px;
		height:10px;
		font-size:8px;
	}
	#frame-center-inner .slider a .image-holder {
		top:10px;
		width:200px;
		height:105px;	
	}
	#frame-center-inner .slider a .image-holder.large {
		top:0px;
		width:200px;
		height:125px;	
	}
	#frame-center-inner .slider a img {	
		width:200px;
	}
	.frame-smaller-outer {
		display:none;
	}
	.nav-arrow {
		top:40px;
		left:0px;
	}
	.nav-arrow.next {
		top:40px;
		right:0px;
	}
	.nav-arrow.back {
		top:40px;
		right:0px;
	}
	#glow-container {
		position:absolute;
		left:0px;
		top:110px;
		width:320px;
		height:56px;
	}
	
}