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

body {
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 7s;
}

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}
.shake-2 {
  animation-name: shake-2;
}
@keyframes shake-2 {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0);
  }
}

.top {
	height: 907px;
	position: relative;
	margin: 0 auto;

}
.top-bg {
	background: url(top.jpg) no-repeat top center;

	width: 100%;
	z-index: -1;
	top: 0px;
	height: 907px;
}
.top-1 {
	position: absolute;
	top: 249px;
	left: 10%;
}
.top-2 {
	position: absolute;
	top:504px;
	left:70%;
}
.box-1{
	background: url(box-1.jpg) no-repeat top center;
	height: 737px;
	width: 100%；
}
.box-1 .tt{

	height: 121px;
}
.box-1 .tt2{
	color: #4FC1F5;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	height: 63px;
}
.box-1 .tt2 a{
	background: url(tt.jpg) no-repeat;
	padding-left: 70px;
	color: #4FC1F5;
}	
.box-1 .tt2 a:hover{
	color: #FFCA10;
}

.box-1 .pic{
	height: 385px;
	background: #353434;
}
.box-1 .news-a h3{
	color: #FFCA10;
}
.box-1 .news-a h3:hover{
	color: #4FC1F5;
}
.box-1 .news-a p{
	color: #FFFFFF;
	font-size: 16px;
	text-indent: 1em;
}
.box-1 .news-a p a{
	color: #dec56b;
}

.box-1 .news-a p a:hover{
	color: #4FC1F5;
}

.box-1 .news-a ul{
	margin-top:20px; 
	padding-top: 10px;
	border-top: 1px  #FFFFFF dashed;
}
.box-1 .news-a ul li a{
	color: #FFFFFF;
	font-size: 16px;
}
.box-1 .news-a ul li a:hover{
	color: #FFCA10;
}
.box-1 .news-a p a:hover{
	color: #FFCA10;
}
.box-1 .news-a .btn-1{
	width: 90px;
	height: 32px;
	background: #FFCA10;
	border-radius:50px;
	text-align: center;
	line-height: 32px;
	margin-top: 20px;
	float: right;
}
.box-2{
	width: 100%;
	height: 905px;
	background: url(box-2.jpg) top center no-repeat;
}
.box-2a{
	color: #FFFFFF;

	margin-top: 230px;
}
.box-2a p{
		font-size: 16px;
}
.box-2a .btn-2a{
	background: #E3464D;
	font-size: 24px;
	font-weight: bold;
	margin-top:30px; 
	padding: 0 30px;
	border-radius: 10px;
	display: inline-block;
}
.box-2a ul li{
	font-size: 16px;
	margin-top: 10px;
}
.box-2a ul li .li-b{
	font-size: 18px;
	border-left: 2px #E3464D solid;
	padding-left: 10px;
	margin-left: 10px;
}
.dh ul li{
	padding: 0 20px;
	float: left;
	font-size: 32px;
	margin-left: 55px;
	background: linear-gradient(to right, #3a95db , #51c5f8);
	color:#FFFFFF;
}
.dh ul li:hover{
	background: linear-gradient(to right, #ffa81c , #ffca0e);
	color: #4540A6;
}
.dh ul li a{
	color:#FFFFFF;
}

.dh{
	
}
.dh ul{
	margin-left: 130px;
}

.fixedNav{
	position: absolute;
	top: 907px;
	z-index: 999;
}
.box-3{
	background: url(box-3.jpg) top center no-repeat;
	width: 100%;
	height: 660px;
}

/*字体*/
.f14 { font-family:"微软雅黑", "黑体", "宋体"; font-size:14px; }
.f16 { font-family:"微软雅黑", "黑体", "宋体"; font-size:16px; }
.f18 { font-family:"微软雅黑", "黑体", "宋体"; font-size:18px; }
.f24 { font-family:"微软雅黑", "黑体", "宋体"; font-size:24px; }
.f28 { font-family:"微软雅黑", "黑体", "宋体"; font-size:28px; }
.f48 { font-family:"微软雅黑", "黑体", "宋体"; font-size:48px; }

/*首行空字*/
.k2 { text-indent:2em; } 

/*文字对齐*/
.f_c { text-align:center; }
.f_l { text-align:left; }


/*色彩*/
.bla { color:#000000; }
.blu { color:#2b2273; }
.red { color:#e4484c; }
.whi { color:#FFF; }


/*行距*/
.l_18 { line-height:18px; }
.l_20 { line-height:20px; }
.l_22 { line-height:22px; }
.l_24 { line-height:24px; }
.l_30 { line-height:30px; }
.l_40 { line-height:40px; }


#l_18_1 { line-height:18px; }


/*链接*/
.link_whi a:link,.link_whi a:visited { color:#FFF; text-decoration:none;  }
.link_whi a:hover,.link_whi a:active { color:#ffca0f; text-decoration:none; }

.link_bla a:link,.link_bla a:visited { color:#000; text-decoration:none;  }
.link_bla a:hover,.link_bla a:active { color:#2b2273; text-decoration:none; }

.link_blu a:link,.link_blu a:visited { color:#2b2273; text-decoration:none;  }
.link_blu a:hover,.link_blu a:active { color:#000; text-decoration:none; }



.hd_all { width:990px; height:578px; margin-top:25px; background-color:#000000; }
.sp1_all { width:540px; height:380px; margin-top:40px; position:relative; background-color:#000000; }

  .sp1_all img { filter:blur(2px); opacity:0.5; transition:0.3s all linear; }
  .sp1_all:hover img { filter:blur(0); opacity:1; }
  
  .sp1_all .bofang img{ width:100px; position:absolute; top:35%; left:40%; z-index:0; filter:blur(0);  opacity:1;}
  .sp1_all .bofang:hover img {  filter:blur(0); opacity:1; }
  
  .sp1_all .bt { width: 540px; height:38px; position:absolute; bottom:2px; background-color:rgba(0,0,0,0.5); z-index:1;}
  .sp1_all .bt p { text-align:center; line-height:38px; z-index:2; }
  
.sp2_all { width:409px; height:380px; margin-top:60px; }
.sp2_all ul { width:409px; }
.sp2_all ul li { float:left; width:190px; height:157px; margin:10px 5px; position:relative; }

  .sp2_all ul li .pic_k {float:left; width:190px; height:133px; background-color:#000000; }
  .sp2_all ul li img {float:left;  filter:blur(1px); opacity:0.5; transition:0.3s all linear; width:190px; height:133px; }
  .sp2_all ul li:hover img {float:left;  filter:blur(0); opacity:1; }
  
  .sp2_all ul li .bofang img{ width:36px; height:36px; position:absolute; top:49px; left:76px; z-index:0; filter:blur(0); opacity:1; }
  
  .sp2_all ul li .bt { width: 190px; height:24px; text-align:center; }


.box-4{
	width: 100%;
	background-color:#2b2273; 
	padding-top: 55px;
	padding-bottom: 70px;
}

.vote_all { width:1010px; margin-top:12px; }
.vote_all ul { width:1005px; margin-left:5px; }
.vote_all ul li { float:left; width: 240px; margin:5px;  }
.vote_all ul li p { float:left; margin:0; padding:0; width:230px;}
.vote_all ul li .bt1 {float:left; margin:12px 0; padding:0; width:230px; font-family:"微软雅黑", "黑体", "宋体"; color:#2b2273; font-size:18px; line-height:40px;}
.vote_all ul li .bt2 {float:left; margin-bottom:8px; padding:0; width:230px; font-family:"微软雅黑", "黑体", "宋体"; color:#2b2273; font-size:16px; line-height:18px;}
.vote_list1 {float:left; width:230px; padding:5px; background-color:#ffca0f; }
.vote_all ul li .vote_btn {float:left; width:206px; height:30px; border-radius:20px; background-color:#e4484c; text-align:center; margin-top:15px; margin-left:12px;}
		
		
		
/*大幻灯轮播CSS*/
img {
	border: 0;
}



.js {
	width: 90%;
	margin: 10px auto 0 auto;
}

.js p {
	padding: 5px 0;
	font-weight: bold;
	overflow: hidden;
}

.js p span {
	float: right;
}

.js p span a {
	color: #f00;
	text-decoration: underline;
}

.js textarea {
	height: 100px;
	width: 98%;
	padding: 5px;
	border: 1px solid #ccc;
	border-top: 2px solid #aaa;
	border-left: 2px solid #aaa;
}

.focusBox {
	position: relative;
	width: 990px;
	height: 578px;
	overflow: hidden;
}

.focusBox .pic {
	position: relative;
	z-index: 0;
}

.focusBox .pic .bt {
    position:absolute;
    top:462px;
	z-index:1;
    width:990px; 
	height:116px; 
	background-color:rgba(0,0,0,0.6);

}

.focusBox .pic .bt p { float:left; margin:0 5px; } 
.focusBox .pic .bt .dq { padding-top:35px;}
.focusBox .pic .bt .dq1 { padding-top:10px;}

.focusBox .pic img {
	width: 990px;
	height: 578px;
	display: block;
}

.focusBox .hd {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
	font-size: 0;
	z-index: -1;
}

.focusBox .hd li {
	margin: 0 5px;
	background: url(dot.png) no-repeat 0 -16px;
	height: 16px;
	overflow: hidden;
	width: 16px;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	_background: url(dot8.png) no-repeat 0 -16px;
}


.focusBox .hd .on {
	background-position: 0 0;
}

.focusBox .prev,	.focusBox .next {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: none;
	background: url(ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.focusBox .prev {
	left: 0;
}

.focusBox .next {
	background-position: 0 -90px;
	right: 0;
}

.focusBox .prev:hover,	.focusBox .next:hover {
	filter: alpha(opacity=50) !important;
	opacity: 0.5 !important;
}		
		

		
		
/*list CSS*/
		
.box-list{
	width: 100%;
	background:url(box-31.jpg) #4540a5 no-repeat top center; 
	padding-top: 55px;
	padding-bottom: 150px;
}
.list_yj { padding:25px; border-radius:50px; background-color:#ffca0f; margin-top:50px;}


/*图片列表*/
.piclist ul { margin-top:40px; }
.piclist ul li { float:left; width:230px; height:200px; margin:8px; }
.piclist ul li img { width:230px; height:150px; border: 1px #333 solid; }
.piclist ul li .bt { text-align:center; width:230px; height:48px; overflow:hidden; line-height:24px; font-family:"微软雅黑", "黑体", "宋体"; font-size:14px; }

/*视频列表*/
.sp3_all ul { margin-top:40px; }
.sp3_all ul li { float:left; width:230px; height:184px; margin:10px 5px; position:relative; }

  .sp3_all ul li .pic_k {float:left; width:230px; height:160px; background-color:#000000; }
  .sp3_all ul li img {float:left;  filter:blur(1px); opacity:0.5; transition:0.3s all linear; width:230px; height:160px; }
  .sp3_all ul li:hover img {float:left;  filter:blur(0); opacity:1; }
  
  .sp3_all ul li .bofang img{ width:36px; height:36px; position:absolute; top:65px; left:95px; z-index:0; filter:blur(0); opacity:1; }
  
  .sp3_all ul li .bt { width: 230px; height:24px; text-align:center; }
  
  
/*文章页*/
.fg_20 { margin-top:20px; }
.fg_30 { margin-top:30px; }
.fg_50 { margin-top:50px; }

.focusBoxs {
	position: relative;
	width: 590px;
	height: 385px;
	overflow: hidden;
	font: 12px/1.5 Verdana, Geneva, sans-serif;
	text-align: left;
	background: white;
}
.focusBoxs .pic img {
	width: 590px;
	height: 385px;
	display: block;
}
.focusBoxs .txt-bg {
	position: absolute;
	bottom: 0;
	z-index: 1;
	height: 36px;
	width:100%;
	background: #333;
	filter: alpha(opacity=40);
	opacity: 0.4;
	overflow: hidden;
}
.focusBoxs .txt {
	position: absolute;
	bottom: 0;
	z-index: 2;
	height: 36px;
	width:100%;
	overflow: hidden;
}
.focusBoxs .txt li {
	height:36px;
	line-height:36px;
	position:absolute;
	bottom:-36px;
}
.focusBoxs .txt li a {
	display: block;
	color: white;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.focusBoxs .num {
	position: absolute;
	z-index: 3;
	bottom: 8px;
	right: 8px;
}
.focusBoxs .num li {
	float: left;
	position: relative;
	width: 18px;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	text-align: center;
	margin-right: 1px;
	cursor: pointer;
}
.focusBoxs .num li a,.focusBoxs .num li span {
	position: absolute;
	z-index: 2;
	display: block;
	color: white;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
}
.focusBoxs .num li span {
	z-index: 1;
	background: black;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.focusBoxs .num li.on a,.focusBoxs .num a:hover {
	background:#f60;
}
  
  
 .pages {
    margin-bottom: 20px;
    padding: 20px 0;
    text-align: center
}
.pages span {
    border: 1px solid #463F65;
    padding: 6px 9px;
    margin-right: 5px
}

.pages span.all {
    padding: 0;
    border: none;
    margin: 0
}

.pages span.pageindex {
    border: none;
    margin: 0
}

.pages span.current {
    border: none;
    color: #fff;
    background-color: #DD0000
}

.pages a {
    border: 1px solid #3200fb;
    padding: 5px 8px;
    margin-right: 5px
}

.pages a:hover {
    color: #fff;
    background-color: #DD0000;
    text-decoration: none
}