@charset "gb2312";
/*全局默认*/
body { font-family: "宋体"; font-size: 14px; overflow-x: hidden; }
/*页头*/
header { position: fixed; top: 0; z-index: 99; width: 100%; height: 43px; background: #333333; border-bottom: 2px solid #606060; }
.header-nav{width: 1000px;margin: 0 auto;line-height: 45px;}
.header-nav .logo{margin: 12px 12px 0 0;float: left;}
.header-link{float:left;margin-top:15px;overflow:hidden;line-height:16px;height:16px;color:#b3b3b3;}
.header-link ul{float:left;_display:inline;margin-left:-1px}
.header-link ul li{height:14px;line-height:14px;float:left;padding:0 9px;border-left:#4f4f4f solid 1px;}
.header-link ul li a{color: #fff;font-size: 12px;}
.header-nav .share{width: 200px;}
.header-nav .share span{float: left;color: #fff;font-size: 12px;}
.header-nav .bdsharebuttonbox{margin-top: 8px;}
/*左侧导航条*/
nav { position: fixed; top: 35%; z-index: 99;border-radius: 5%;}
nav ul li { clear: both; }
nav ul li a {float: left; display: block; height: 40px; line-height: 40px; color: #ffffff; }
nav ul .normal a { background: #000000; width: 40px; text-align: center; }
nav ul .special a { display: none; background: #a70000; padding: 0 5px; }
nav ul .special span {display: block; float: left; background: #000000; width: 40px; height: 40px; line-height: 40px; color: #ffffff; cursor: pointer; text-align: center; }

/*首页*/
#page0 { position: relative; width: 100%; margin-top: 45px; overflow: hidden; background: url(../images/back0.jpg) no-repeat center top; background-size: 100%; }
#page0 .fbox { width: 580px; height: 580px; cursor: pointer; overflow: hidden; }
#page0 .front { width: 580px; height: 580px; background: url(../images/front.png); }
#page0 .front span { display: block; padding: 305px 0 0 280px; font-size: 44px; font-weight: bolder; }
#page0 .front h1 { display: block; margin-top: 40px; width: 580px; font-size: 44px; font-weight: bolder; text-align: center; }
#page0 .back { width: 580px; height: 580px; background: url(../images/back.png); transform: rotateY(90deg); }
#page0 .back h2 {display: block; padding: 135px 0 0 85px; font-size: 22px; font-weight: bolder; }
#page0 .back p { display: block; margin-top: 40px; width: 420px; text-indent: 2em; line-height: 200%; }
/*其它页*/
#page1 { background: url(../images/back1.jpg) no-repeat; background-size: 100%; background-attachment: fixed; }
#page2 { background: url(../images/back2.jpg) no-repeat; background-size: 100%; background-attachment: fixed; }
#page3 { background: url(../images/back3.jpg) no-repeat; background-size: 100%; background-attachment: fixed; }
#page4 { background: url(../images/back4.jpg) no-repeat; background-size: 100%; background-attachment: fixed; }
#page5 { background: url(../images/back5.jpg) no-repeat; background-size: 100%; background-attachment: fixed; }
.page { padding-top: 100px; }
.page .txt_left { background: rgba(255, 255, 255, 0.8); width: 502px; margin-left: 10%; padding: 40px 36px; position: relative; }
.page .txt_right { background: rgba(255, 255, 255, 0.8); width: 502px; margin-left: 50%; padding: 40px 36px; position: relative; }
.page .tri { width: 574px; height: 47px; position: absolute; top: -47px; left: 0; }
.page h3 { width: 502px; font-size: 26px; line-height: 200%; text-align: center; }
.page p { line-height: 200%; margin-top: 20px; text-indent: 2em; }
.page .imgtxt { width: 500px; margin-top: 20px; text-align: center; font-style: italic; }
.page .imgtxt img { width: 500px; margin-bottom: 10px; }
/*往期回顾*/
#review h2 { font-size: 20px; display: block; width: 100%; text-align: center; padding: 5px 0; background-color: #3a3a3a; }
#review h2 a { color: #ffffff; }
#review ul {width: 100%; background: #000000; overflow: hidden; }
#review ul li { width: 21%; float: left; margin: 30px 2%;}
#review ul li img { width: 300px; margin: 0 auto; }
#review ul li h3 { display: block; width: 300px; line-height: 200%; text-align: center; color: #6fcdf5; }
#review ul li p { color: #ffffff; text-indent: 2em;line-height: 24px;font-size: 12px;}

/*页脚*/
footer { width: 100%; height: 43px; background: #333333; border-bottom: 2px solid #606060;}
.foot-nav{width: 1000px;margin: 0 auto;font-size: 12px;line-height: 43px;color: #fff;}
.foot-nav a{color: #fff;padding: 0 4px;}
.foot-nav span{margin-right: 20px;}



.fbox {
	-webkit-transition: All 1s 0s;
	-moz-transition: All 1s 0s;
	-ms-transition: All 1s 0s;
	
}

.fbox ul {
	margin: 0;
	padding: 0;
	/* -webkit-perspective: 1600px; */
	/* -webkit-transform-style: preserve-3d; */
	/* position: relative; */
	-webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform: translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform: translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.fbox ul li {
	list-style: none;
	position: absolute;
	width: 530px;
	height: 530px;
	left: 50%;
	top: 50%;
	margin-left: -280px;
	
}

.fbox li img {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.fbox ul li:nth-of-type(1) {
	-webkit-transition: All 1.2s 0s;
	-moz-transition: All 1.2s 0s;
	-ms-transition: All 1.2s 0s;
	transition: All 1.2s 0s;
	-webkit-transform: translateX(0) translateY(0) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform: translateX(0) translateY(0) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform: translateX(0) translateY(0) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	transform: translateX(0) translateY(0) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.fbox ul li:nth-of-type(1) img {
	-webkit-animation: z 5s linear 0s infinite;
	-moz-animation: z 5s linear 0s infinite;
	-ms-animation: z 5s linear 0s infinite;
	animation: z 5s linear 0s infinite;
}

.fbox ul li:nth-of-type(2) {
	-webkit-animation: y 20s linear 0s infinite;
	-moz-animation: y 20s linear 0s infinite;
	-ms-animation: y 20s linear 0s infinite;
	animation: y 20s linear 0s infinite;
}

.fbox ul li:nth-of-type(3) {
	-webkit-animation: z 10s linear 0s infinite;
	-moz-animation: z 10s linear 0s infinite;
	-ms-animation: z 10s linear 0s infinite;
	animation: z 10s linear 0s infinite;
}

@-webkit-keyframes z {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}

@-webkit-keyframes y {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}