@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration:none;
}
a img {
	border:0;
}
ul {
	list-style:none;
}
.clear {
	clear:both;
	height:0px;
	overflow:hidden;
	margin:0px;
}

.logo {
	width:258px;
	height:70px;
	float:left;
}


body {
	font: 16px/1.8 "Microsoft Yahei", verdana;
}
#superContainer {
	height: 100%;
	position: relative;
}
.section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.section {
	position: relative;
	overflow: hidden;
	padding-top:84px;
}
.section .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section .bg img {
	display: block;
	width: 100%;
	height: 100%;
}



.houjia{ width:auto; height:auto;  position:absolute; bottom:0px; right:0px; z-index:10000;}
.houjia ul{}
.houjia ul li{ width:100px; height:35px; float:left; display:inline; line-height:35px; text-align:center; background-color:rgba(68,28,45,0.7); margin-top:3px;}
.houjia ul li a{ color:#FFFFFF; font-family:"宋体"; font-size:14px; width:100px; height:35px; display:block;}
.houjia ul li a:hover{color:#fff; font-family:"宋体"; font-size:14px;  width:100px; height:35px; display:block; background-color:rgba(0,0,0,0.5);}	
	
.houjia_piao{ width:100px; height:auto; float:left; display:inline;  margin-top:-210px; display:none; position:relative; z-index:9999;}
.houjia_piao_li{ width:100px; height:35px; float:left; display:inline; background-color:rgba(68,28,45,0.7);}
.houjia_piao_li a{ color:#FFFFFF; font-family:"宋体"; font-size:14px; width:100px; height:35px; display:block;}
.houjia_piao_li a:hover{color:#fff; font-family:"宋体"; font-size:14px;  width:100px; height:35px; display:block; background-color:rgba(0,0,0,0.5);}	




/******其它屏的nav*****/

.qita_nav {
	z-index:9999;
	top:-58px;
	left:0;
	position:absolute;
	width:100%;
	height:58px;
	background:#1f2228;
	
	transition: all 0.7s;
}
.active .qita_nav {
t/op: 55%;
	top:0;
	transition-delay: 0.7s;
}
.qita_nav01 {
	width:100%;
	margin:0 auto;
}
.qita_nav02 {
	width:auto;
	height:58px;
	float:left; padding-left:20px;
}
.qita_nav03 {
	width:900px;
	height:58px;
	float:right;
	
}
.qita_nav03 ul li {
	width:70px;
	height:70px;
	float:left;
	text-align:center;
	line-height:70px;
	margin-left:20px;
}
.qita_nav03 ul li a {
	color:#000;
	font-family:"宋体";
	font-size:14px;
	width:70px;
	height:68px;
	display:block;
	border-bottom: #ffffff 2px solid;
	-moz-transition: border-bottom 0.8s, color 0.8s, font-weight 0.8s;/* Firefox 4 */
	-webkit-transition: border-bottom 0.8s, color 0.8s, font-weight 0.8s;/* Safari 和 Chrome */
	-o-transition: border-bottom 0.8s, color 0.8s, font-weight 0.8s;	/* Opera */
	transition: border-bottom 0.8s, color 0.8s, font-weight 0.8s;
}
.qita_nav03 ul li a:hover {
	color:#e44242;
	border-bottom: #e44242 2px solid;
}
.qita_nav03 ul li a.qita_nav03_on {
	color:#e44242;
	border-bottom: #e44242 2px solid;
}
/*哥们儿后加的*/



.fp-section {
	position: relative;
	-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
	-moz-box-sizing: border-box; /* <=28 */
	box-sizing: border-box;
}
.fp-slide {
	float: left;
}
.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block;
}
.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
	transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.fp-slidesContainer {
	float: left;
	position: relative;
}
.fp-controlArrow {
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
}
.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
	opacity:0;
}
.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
	opacity:0;
}
.fp-scrollable {
	overflow: scroll;
}
.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}
#fp-nav {
	position: fixed;
	z-index: 9999;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
}
#fp-nav.right {
	right: 50px;
}
#fp-nav.left {
	left: 17px;
}
.fp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
}
.fp-slidesNav.bottom {
	bottom: 17px;
}
.fp-slidesNav.top {
	top: 17px;
}
#fp-nav ul, .fp-slidesNav ul {
	margin: 0;
	padding: 0;
}
#fp-nav ul li, .fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative;
}
.fp-slidesNav ul li {
	display: inline-block;
}
#fp-nav ul li a, .fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
	background: #63394c;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	background: rgba(0, 0, 0, 0);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}
#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
	right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
	left: 20px;
}





.top_b{ float:right; height:58px; width:auto;}
.top_ba{width:70px; background:#17181c;  height:58px; line-height:58px; color:#fff; font-size:14px; text-align:center;  font-family:"宋体"; float:right;}
.top_bb{float:right; width:58px; height:58px; background:url(../../images/rfzz/r_03.png) no-repeat center center #63394c; display:block;}
.top_bb:hover{ background:url(../../images/rfzz/r_03.png) no-repeat center center #63394c;}

.top_bb.a_cz{ background:url(../../images/rfzz/r_04.png) no-repeat center center #63394c;	}
.top_bb.a_cz:hover{	background:url(../../images/rfzz/r_04.png) no-repeat center center #63394c;}

.xj_nav{float:right; overflow:hidden; height:58px; width:auto;	background:#17181c;  display:inline; font-size:14px;	}
.xj_nav a{display:block; float:left; height:58px; line-height:58px;	color:#fff; padding:0px 17px 0px 16px; background:#17181c;	text-align:center; transition: all 0.3s;}
.xj_nav a:hover{background:#63394c;}	
.dianji{ display:block; float:left; height:58px; line-height:58px;	color:#fff; padding:0px 17px 0px 16px; background:#63394c !important;	text-align:center; }


.top_b1{ float:right; height:58px; width:auto;}
.top_ba1{width:70px; background:#17181c;  height:58px; line-height:58px; color:#fff; font-size:14px; text-align:center;  font-family:"宋体"; float:right;}
.top_bb1{float:right; width:58px; height:58px; background:url(../../images/rfzz/r_03.png) no-repeat center center #63394c; display:block;}
.top_bb1:hover{ background:url(../../images/rfzz/r_03.png) no-repeat center center #63394c;}

.top_bb1.a_cz1{ background:url(../../images/rfzz/r_04.png) no-repeat center center #63394c;	}
.top_bb1.a_cz1:hover{	background:url(../../images/rfzz/r_04.png) no-repeat center center #63394c;}

.xj_nav1{float:right; overflow:hidden; height:58px; width:auto;	background:#17181c;  display:inline; font-size:14px;	}
.xj_nav1 a{display:block; float:left; height:58px; line-height:58px;	color:#fff; padding:0px 17px 0px 16px; background:#17181c;	text-align:center; transition: all 0.8s;}
.xj_nav1 a:hover{background:#63394c;}	



.top_b2{ float:right; height:58px; width:auto;}
.top_ba2{width:70px; background:#17181c;  height:58px; line-height:58px; color:#fff; font-size:14px; text-align:center;  font-family:"宋体"; float:right;}
.top_bb2{float:right; width:58px; height:58px; background:url(../../images/rfzz/r_03.png) no-repeat center center #63394c; display:block;}
.top_bb2:hover{ background:url(../../images/rfzz/r_03.png) no-repeat center center #63394c;}

.top_bb2.a_cz2{ background:url(../../images/rfzz/r_04.png) no-repeat center center #63394c;	}
.top_bb2.a_cz2:hover{	background:url(../../images/rfzz/r_04.png) no-repeat center center #63394c;}

.xj_nav2{float:right; overflow:hidden; height:58px; width:auto;	background:#17181c;  display:inline; font-size:14px;	}
.xj_nav2 a{display:block; float:left; height:58px; line-height:58px;	color:#fff; padding:0px 17px 0px 16px; background:#17181c;	text-align:center; transition: all 0.8s;}
.xj_nav2 a:hover{background:#63394c;}	


.top_b3{ float:right; height:58px; width:auto;}
.top_ba3{width:70px; background:#17181c;  height:58px; line-height:58px; color:#fff; font-size:14px; text-align:center;  font-family:"宋体"; float:right;}
.top_bb3{float:right; width:58px; height:58px; background:url(../../images/rfzz/r_03.png) no-repeat center center #63394c; display:block;}
.top_bb3:hover{ background:url(../../images/rfzz/r_03.png) no-repeat center center #63394c;}

.top_bb3.a_cz3{ background:url(../../images/rfzz/r_04.png) no-repeat center center #63394c;	}
.top_bb3.a_cz3:hover{	background:url(../../images/rfzz/r_04.png) no-repeat center center #63394c;}

.xj_nav3{float:right; overflow:hidden; height:58px; width:auto;	background:#17181c;  display:inline; font-size:14px;	}
.xj_nav3 a{display:block; float:left; height:58px; line-height:58px;	color:#fff; padding:0px 17px 0px 16px; background:#17181c;	text-align:center; transition: all 0.8s;}
.xj_nav3 a:hover{background:#63394c;}	







.an_top_box{ width:100%; position: absolute; top:35%; opacity:0; transition: all 1s;  margin:0 auto; z-index:9999;}
.active .an_top_box{ width:100%; height:35px; margin:0 auto;  position: absolute; top:10%; opacity: 1; transition-delay: 0.5s; z-index:9999; }

.an_top{ width:35px; height:35px; margin:0 auto; transition: all 1.3s;
-webkit-animation:an_top 1.3s linear 0s normal none infinite ;
animation:an_top 1.3s linear 0s normal none infinite ;

}

 @-webkit-keyframes an_top{
	0%{ margin-top:0px; opacity:0;}
	25%{ margin-top:5px; opacity:0.5;}	
	50%{margin-top:10px; opacity:1;}
	75%{ margin-top:5px; opacity:0.5;}
	100%{margin-top:0px; opacity:0;}


	
	}

@keyframes an_top{
	0%{ margin-top:0px; opacity:0.5;}
	25%{ margin-top:5px; opacity:0.8;}	
	50%{margin-top:10px; opacity:1;}
	75%{ margin-top:5px; opacity:0.8;}
	100%{margin-top:0px; opacity:0.5;}

	
	}


.an_top:hover{  animation-play-state:paused;
  -webkit-transform: scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1)
  transform: scale(1.1,1.1);}



.an_bot_box{ width:100%; position: absolute; bottom:35%; opacity:0; transition: all 1s;  margin:0 auto; z-index:9999;}
.active .an_bot_box{ width:100%; height:35px; margin:0 auto;  position: absolute; bottom:3%; opacity: 1; transition-delay: 0.5s; z-index:9999; }

.an_bot{ width:35px; height:35px; margin:0 auto; transition: all 1.3s; 
-webkit-animation:an_top 1.3s linear 0s normal none infinite ;
animation:an_top 1.3s linear 0s normal none infinite ;

}

 @-webkit-keyframes an_bot{
	0%{ margin-top:0px; opacity:0;}
	25%{ margin-top:5px; opacity:0.5;}	
	50%{margin-top:10px; opacity:1;}
	75%{ margin-top:5px; opacity:0.5;}
	100%{margin-top:0px; opacity:0;}


	
	}

@keyframes an_bot{
	0%{ margin-top:0px; opacity:0.5;}
	25%{ margin-top:5px; opacity:0.8;}	
	50%{margin-top:10px; opacity:1;}
	75%{ margin-top:5px; opacity:0.8;}
	100%{margin-top:0px; opacity:0.5;}

	
	}


.an_bot:hover{  animation-play-state:paused;
  -webkit-transform: scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  transform: scale(1.1,1.1);}


.a01_box{ width:100%; position: absolute; top:18%;  transition: all 1.7s;  margin:0 auto;}
.a01{ width:1210px; height:auto; margin:0 auto; margin-top: 600px; transition: all 1.7s;}
.a01_01{ width:220px; height:220px; float:left;  margin-right:10px; margin-left:10px; margin-bottom: 20px; position: relative;}
.a01_01 img{ width:220px; height:220px;}

.active .a01{ width:1210px; height:auto; margin:0 auto; top: 20%;}









.txt{width:200px;height:0px;background:rgba(0,0,0,0.8);/*透明背景色，不透明其文字内容*/position:absolute;bottom:0px;color:#fff;font-family:"宋体"; overflow:hidden; padding-left:10px; padding-right:10px;}

.txt h3{font-size:16px;font-weight:100;height:30px;text-align:center;line-height:30px; font-weight:bolder;}
.txt p{font-size:14px;text-align:center;}








.fen_box{ width:100%; position: absolute; top:20%;  transition: all 1.7s;  margin:0 auto;}
.fen{ width:1220px; height:524px; margin:0 auto; }

.spotlightWrapper1 ul { width:1220px; 

list-style-type: none; /* remove the default style for list items (the circles) */ 
margin:0px; /* remove default margin */
padding:0px; /* remove default padding */
}
.spotlightWrapper1 ul li { background-color:#000; 
float:left; /* important: left float */
position:relative; /* so we can use top and left positioning */
}
.spotlightWrapper1 ul li a img { 
 /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */
position:relative; /* so we can use top and left positioning */
border:none; /* remove the default blue border */
}
.spotlightWrapper1 ul li a img.active {
 /* choose whatever you like */
z-index:1; /* show it on top of the other images (they have z-index 0) */
 /* same as border width but negative */
/* same as border width but negative */
}


#b01{ width:594px !important; height:249px; float:left; display:inline; margin-right:5px; margin-bottom:5px; background: #000000;}
#b02{ width:295px !important; height:249px; float:left; display:inline; margin-right:5px; margin-bottom:5px; background: #000000;}
#b03{ width:295px !important; height:249px; float:left; display:inline; margin-right:5px; margin-bottom:5px; background: #000000;}
#b04{ width:396px !important; height:249px; float:left; display:inline; margin-right:5px; background: #000000;}
#b05{ width:396px !important; height:249px; float:left; display:inline; margin-right:5px; background: #000000;}
#b06{ width:393px !important; height:249px; float:left; display:inline; margin-right:5px; background: #000000;}

#b01 img:hover{opacity:0.3;}
#b02 img:hover{opacity:0.3;}
#b03 img:hover{opacity:0.3;}
#b04 img:hover{opacity:0.3;}
#b05 img:hover{opacity:0.3;}
#b06 img:hover{opacity:0.3;}

.active #b01{ margin-top:0px; opacity:1; animation:kk01 1.5s; -webkit-animation:kk01 1.5s;}
.active #b02{ margin-top:0px; opacity:1; animation:kk02 1.5s; -webkit-animation:kk02 1.5s;}
.active #b03{ margin-top:0px; opacity:1; animation:kk03 1.5s; -webkit-animation:kk03 1.5s;}
.active #b04{ margin-top:0px; opacity:1; animation:kk04 1.5s; -webkit-animation:kk04 1.5s;}
.active #b05{ margin-top:0px; opacity:1; animation:kk05 1.5s; -webkit-animation:kk05 1.5s;}
.active #b06{ margin-top:0px; opacity:1; animation:kk06 1.5s; -webkit-animation:kk06 1.5s;}


@keyframes kk01{0%{margin-top:-600px; margin-left:-600px; opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}
@-webkit-keyframes kk01{0%{margin-top:-600px; margin-left:-600px; opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}

@keyframes kk02{0%{margin-top:-600px; margin-left:600px; opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}
@-webkit-keyframes kk02{0%{margin-top:-600px;  margin-left:600px; opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}

@keyframes kk03{0%{margin-top:-600px; margin-left:-600px; opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}
@-webkit-keyframes kk03{0%{margin-top:-600px;  margin-left:-600px; opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}


@keyframes kk04{0%{margin-top:900px; margin-left:600px; opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}
@-webkit-keyframes kk04{0%{margin-top:900px;  margin-left:600px; opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}


@keyframes kk05{0%{margin-top:900px; margin-left:-600px; opacity:0;}100% {margin-top:0px;  margin-left:0px;opacity:1;}}
@-webkit-keyframes kk05{0%{margin-top:900px;  margin-left:-600px; opacity:0;}100% {margin-top:0px;  margin-left:0px; opacity:1;}}


@keyframes kk06{0%{margin-top:900px; margin-left:-600px; opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}
@-webkit-keyframes kk06{0%{margin-top:900px;  margin-left:-600px; opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}







.di_box{  width:100%; position: absolute; top:19%;  transition: all 1.7s;  margin:0 auto;}
.di{ width:1220px; height:377px; margin:0 auto;}
.di_01{ width:294px; height:377px; float:left; display:inline; background:#360f20; margin-right:5px;}
#di_01{background:#360f20;}
#di_02{background:#501c32;}
#di_03{background:#6b324a;}
#di_04{background:#7e4c61;}

#di_01_top1{background:url(../../images/rfzz/c01.png);}
#di_01_top2{background:url(../../images/rfzz/c02.png);}
#di_01_top3{background:url(../../images/rfzz/c03.png);}
#di_01_top4{background:url(../../images/rfzz/c04.png);}


.di_01_top{ width:134px; height:134px;  float:left; display:inline; margin-top:50px; margin-left:80px; background:url(../../images/rfzz/c01.png);

 
-webkit-animation:di_01_top 5s linear 0s normal none infinite ;
animation:di_01_top 5s linear 0s normal none infinite ; z-index:10; position: relative;


}
.di_01_zhong{ width:294px; height:55px; float:left; display:inline; text-align:center; color:#FFF; font-family:"宋体"; font-size:14px; margin-top:10px; z-index:10; position: relative;}
.di_01_bot{ width:113px; height:32px; float:left; display:inline; border:#FFF 1px solid; text-align:center; line-height:32px; color:#FFF; font-family:"宋体"; font-size:14px; margin-left:90px; margin-top:10px;  z-index:10; position: relative;}





 @-webkit-keyframes di_01_top {
 from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
 @keyframes di_01_top {
 from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}


.active #di_01{ margin-top:0px; opacity:1; animation:dd01 1.5s; -webkit-animation:dd01 1.5s;}
.active #di_02{ margin-top:0px; opacity:1; animation:dd01 1.8s; -webkit-animation:dd01 1.8s;}
.active #di_03{ margin-top:0px; opacity:1; animation:dd01 2.1s; -webkit-animation:dd01 2.1s;}
.active #di_04{ margin-top:0px; opacity:1; animation:dd01 2.4s; -webkit-animation:dd01 2.4s;}


@keyframes dd01{0%{margin-top:-600px; margin-left:-300px;  opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}
@-webkit-keyframes dd01{0%{margin-top:-600px; margin-left:-300px;  opacity:0;}100% {margin-top:0px; margin-left:0px; opacity:1;}}


.ne3{ width:0; height:377px; position:absolute;  z-index:9; }
.ne3{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.di_01:hover .ne3{ width:294px; background:#17181c; }


.foot_box{  width:100%; position: absolute; bottom:0;  transition: all 1.7s;  margin:0 auto; background-color:rgba(23,24,28,0.9);   }
.foot_zuo{ width:800px; height:180px; float:left; display:inline; margin-left:100px; }
.foot_you{ width:auto; height:180px; float:right; display:inline; margin-right:100px;}

.foot_zuo_top{ width:auto; height:45px; padding-bottom:5px; float:left; display:inline; line-height:40px; color:#b7b7b7; font-size:14px; font-family:"宋体";  margin-top:45px; border-bottom:#999 1px solid;}
.foot_zuo_top a{ color:#b7b7b7; font-size:14px; font-family:"宋体";}
.foot_zuo_top a:hover{ color:#fff; font-size:14px; font-family:"宋体";}

.foot_zuo_bot{ width:900px; height:40px; float:left; display:inline; line-height:40px; color:#b7b7b7; font-size:14px; font-family:"宋体";  margin-top:10px; }

.er{ width:106px; height:137px; float:right; display:inline; margin-top:25px; margin-right:10px;}

.active .foot_box{ margin-top:0px; opacity:1; animation:ff01 2.4s; -webkit-animation:ff01 2.4s;}

@keyframes ff01{0%{ bottom:-300px;  opacity:0;}100% {bottom:0px; opacity:1;}}
@-webkit-keyframes ff01{0%{ bottom:-300px;  opacity:0;}100% {bottom:0px; opacity:1;}}













@media screen and (max-width: 1100px) {

.top_b{ float:right; height:58px; width:auto;}
.top_ba{width:70px; background:#17181c;  height:58px; line-height:58px; color:#fff; font-size:14px; text-align:center;  font-family:"宋体"; float:right;}
.top_bb{float:right; width:58px; height:58px; background:url(../../images/rfzz/r_03.png) no-repeat center center #63394c;  display:block;}
.top_bb:hover{ background:url(../../images/rfzz/r_03.png) no-repeat center center #63394c;}

.top_bb.a_cz{ background:url(../../images/rfzz/r_04.png) no-repeat center center #63394c; display:block;	}
.top_bb.a_cz:hover{	background:url(../../images/rfzz/r_04.png) no-repeat center center #63394c;}

.xj_nav{float:right; overflow:hidden; height:58px; width:auto;	background:#17181c;  display:inline; font-size:14px;	}
.xj_nav a{display:block; float:left; height:58px; line-height:58px;	color:#fff; padding:0px 17px 0px 16px; background:#17181c;	text-align:center; transition: all 0.8s;}
.xj_nav a:hover{background:#63394c;}	


}

.active .zi_con_box{ margin-top:0px; opacity:1; animation:yjn01 1s; -webkit-animation:yjn01 1s;}

@keyframes yjn01{0%{  margin-top:300px;  opacity:0;}100% { margin-top:0px; opacity:1;}}
@-webkit-keyframes yjn01{0%{  margin-top:-300px;  opacity:0;}100% { margin-top:0px; opacity:1;}}


.zi_con_box{ width:100%; position: absolute; transition: all 1.7s;  margin:0 auto;}
.zi_con{ width:1200px; height:550px; margin:0 auto;  background-color:rgba(0,0,0,0.8); border-radius:8px; padding-top:50px; }

.tong_top{ width:1100px; height:50px; margin:0 auto; line-height:50px; text-align:center; font-family:"宋体";font-weight:bolder; color:#FFF; font-size:16px;}
.tong1{ width:1050px; height:450px; margin:0 auto; color:#eeeeee; font-size:14px; font-family:"宋体"; line-height:36px; overflow-y:scroll; padding-right:50px;  }
.tong2{ width:1050px; height:450px; margin:0 auto;    overflow-y:scroll; padding-right:50px;}
.tong2_01{ width:312px; height:201px; float:left; display:inline; background-color:rgba(0,0,0,0.8); margin-left:30px; margin-bottom:30px; }
.tong2_02{ width:312px; height:201px; position: relative; background:#000; margin-top:-209px;  opacity:0; line-height:201px; color:#FFF; font-family:"宋体"; font-size:14px; text-align:center; transition: all 0.5s;}
.tong2_02:hover{ width:312px; height:201px; position: relative; background:#000; margin-top:-209px;  opacity:0.8;}
.tong3{ width:1050px; height:450px; margin:0 auto;    overflow-y:scroll; padding-right:50px;}
.tong3_01{ width:239px; height:295px; float:left; display:inline; margin-left:20px; margin-top:20px;}
.tong3_02{ width:239px; height:166px; float:left; display:inline;}
.tong3_03{ width:239px; height:130px; float:left; display:inline; background:#3b3b3b; transition: all 0.8s;}

.tong3_03_01{ width:219px; height:30px; line-height:30px; float:left; display:inline; color:#FFF; font-family:"宋体"; font-size:14px; font-weight:bolder; margin-top:5px; padding-left:10px; padding-right:10px;}
.tong3_03_02{ width:219px; height: auto; line-height:20px; float:left; display:inline; color:#f4f4f4; font-family:"宋体"; font-size:14px;  padding-left:10px; padding-right:10px;}
.tong3_more{ width:219px; height: auto; line-height:36px; float:left; display:inline; color:#FFF; font-family:"宋体"; font-size:12px; padding-left:10px; padding-right:10px;}

.tong3_01:hover .tong3_03{ background:#63394c;}

.tong4{ width:1050px; height:450px; margin:0 auto;    overflow-y:scroll; padding-right:50px;}
.tong4_top{ width:1050px; height:30px; float:left; display:inline; font-family:"宋体"; font-size:16px; color:#FFF; font-weight:bolder; text-align:center;}
.tong4_time{ width:1050px; height:30px;  float:left; display:inline;line-height:30px; text-align:center; color:#c08ba3; font-size:12px; font-family:"宋体";}
.tong4_bot{ width:1050px; height:auto; float:left; display:inline; color:#FFF; line-height:36px; font-size:14px; font-family:"宋体"; margin-top:10px;}
.shang{ width:1050px; height:40px; float:left; display:inline;}
.shang_zuo{ width:auto; height:40px; float:left; display:inline; line-height:40px; color:#FFF; font-family:"宋体"; font-size:12px;}
.shang_zuo a{color:#c08ba3; font-family:"宋体"; font-size:12px;}
.shang_you{ width:auto; height:40px; float:right; display:inline; line-height:40px; color:#FFF; font-family:"宋体"; font-size:12px;}
.shang_you a{color:#c08ba3; font-family:"宋体"; font-size:12px;}




.foot_box1{  width:100%; position: absolute; bottom:0;  transition: all 1.7s;  margin:0 auto; background-color:rgba(0,0,0,0.5);   }
.foot_zuo1{ width:900px; height:60px; float:left; display:inline; margin-left:100px; }
.foot_you1{ width:auto; height:60px; float:right; display:inline; margin-right:100px;}







.foot_zuo_bot1{ width:900px; height:40px; float:left; display:inline; line-height:40px; color:#b7b7b7; font-size:14px; font-family:"宋体";  margin-top:10px; }

.foot_you_bot1{ width:auto; height:40px; float:right; display:inline; line-height:40px; color:#b7b7b7; font-size:14px; font-family:"宋体";  margin-top:10px; }





.oo{ width:auto; height:58px; float:left; display:inline; line-height:58px; color:#835268; font-size:14px; margin-left:10px;}
.oo a{ color:#FFFFFF; font-family:"宋体"; font-size:14px;}
.oo a:hover{ color:#835268;}


.log{ width:500px; height:auto; float:left; display:inline;}

.tong5{ width:500px; height:auto; margin:0 auto;}

.happy{ width:90%; height:25px; background-color:rgba(0,0,0,0.5); border:#525252 1px solid; color:#FFFFFF;}




.dhb{ width: 95%; height: 40px; float: left; display: inline; padding-left: 5%; }
.dhb ul li{ width: 100px; height: 30px; float: left; display: inline;  margin-right: 20px;}
.dhb ul li a{ width: 100px; height: 30px;color: #fff; font-size: 14px; font-family: "宋体"; line-height: 30px; text-align: center;border:#fff 1px solid; display: block;  }
.dhb ul li a:hover{ color: #c08ba3; font-size: 14px; font-family: "宋体"; border:#c08ba3 1px solid; }