/* CSS Document */
* {
	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;
}


.section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}









.logo{  
-webkit-animation:logo 10s linear 0s normal none infinite ;
animation:logo 10s linear 0s normal none infinite ;

}

 @-webkit-keyframes logo{
	0%{ margin-top:20px; }
	25%{  margin-top:0px;}	
	50%{ margin-top:20px;}
	75%{ margin-top:0px;}
	100%{ margin-top:20px;}


	
	}

 @keyframes logo{
	0%{ margin-top:20px; }
	25%{  margin-top:0px;}	
	50%{ margin-top:20px;}
	75%{ margin-top:0px;}
	100%{ margin-top:20px;}


	
	}
	
	


@media screen and (min-width:1200px){
	
.shouji{ width:100%; height:40px; position:fixed; bottom:0px;  z-index:10000; display:none; }
.anniu{ width:20%; height:40px; float:right; display:inline; color:#FFFFFF; font-family:"微软雅黑"; font-size:14px; line-height:40px; text-align:center; background-color:rgba(0,0,0,0.7);}
.shousuo{ width:80%; height:40px; float:right; display:inline; background-color:rgba(0,0,0,0.8); display:none;}
.shousuo ul{}
.shousuo ul li{ width:25%; height:40px; float:left; display:inline; text-align:center; line-height:40px;}
.shousuo ul li a{color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}


.xianshi{ width:100%; height:auto; float:left; display:inline; margin-top:-280px; display:none;}
.xianshi_li{ width:100%; height:40px; float:left; display:inline; background-color:rgba(0,0,0,0.8); line-height:40px; text-align:center;  }
.xianshi_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}


.xianshi02{ width:100%; height:auto; float:left; display:inline; margin-top:-200px; display:none;}
.xianshi02_li{ width:100%; height:40px; float:left; display:inline; background-color:rgba(60,135,122,0.5); line-height:40px; text-align:center;  }
.xianshi02_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}

.xianshi03{ width:100%; height:auto; float:left; display:inline; margin-top:-200px; display:none;}
.xianshi03_li{ width:100%; height:40px; float:left; display:inline; background-color:rgba(0,0,0,0.8); line-height:40px; text-align:center;  }
.xianshi03_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}				

.houjia{ width:auto; height:auto;  position:fixed; bottom:0px; right:0px; z-index:10000;}
.houjia ul{}
.houjia ul li{ width:80px; height:35px; float:left; display:inline; line-height:35px; text-align:center; background-color:rgba(50,144,128,0.7); margin-top:3px;}
.houjia ul li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px; width:80px; height:35px; display:block;}
.houjia ul li a:hover{color:#fff; font-family:"微软雅黑"; font-size:14px;  width:80px; height:35px; display:block; background-color:rgba(60,135,122,0.5);}	
	
.houjia_piao{ width:80px; height:auto; float:left; display:inline;  margin-top:-210px; display:none; position:relative; z-index:9999;}
.houjia_piao_li{ width:80px; height:35px; float:left; display:inline; background-color:rgba(60,135,122,0.5);}
.houjia_piao_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px; width:80px; height:35px; display:block;}
.houjia_piao_li a:hover{color:#fff; font-family:"微软雅黑"; font-size:14px;  width:80px; height:35px; display:block; background-color:rgba(225,149,1,0.5);}	

	
	body{ }
.bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.bg img {
	display: block;
	width: 100%;
	height: 100%;
}

	.html{overflow: hidden; height: 100%;}	

.top_box{ width:100%; position:absolute; top:20px; margin:0 auto; z-index:9999; }
.top{ width:1200px; height:75px; margin:0 auto;}
.logo{ width:174px; height:36px; float:left; display:inline; margin-top:16px;}

.active .top_box{ width:100%; position: absolute; top:14px; opacity:1;  transition: all 1.7s;  margin:0 auto;}

.fan{ width:75px; height:75px; float:right; display:inline; }
.fan a{width:75px; height:75px; display:block; transition:0.5s; }
.fan a:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg);}

.con_box{  width:100%; position: absolute; top:14%; margin:0 auto;}
.con{ width:1200px; height:600px; margin:0 auto;}

.con_01{ width:595px; height:291px; float:left; display:inline; }
.con_01_li{ width:595px; height:291px; position:relative; margin-top:-294px; background-color:rgba(0,0,0,0); opacity:0;transition: all 0.5s; line-height:291px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#FFF; font-weight:bolder;}
.con_01 a:hover .con_01_li{ background-color:rgba(0,0,0,0.6); opacity:1;}

.con_02{ width:292px; height:291px; float:left; display:inline; margin-left:9px;}
.con_02_01{ width:142px; height:141px; float:left; display:inline; margin-right:8px; margin-bottom:9px; animation-delay:0.4s; -webkit-animation-delay: 0.4s;}
.con_02_01 a{ width:142px; height:141px; transition:0.5s;  display:block;}
.con_02_01 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);  }

.con_02_02{ width:142px; height:141px; float:left; display:inline; margin-bottom:9px; animation-delay:0.6s; -webkit-animation-delay: 0.6s;}
.con_02_02 a{ width:142px; height:141px; transition:0.5s; display:block; }
.con_02_02 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}

.con_02_03{ width:142px; height:141px; float:left; display:inline; margin-right:8px; animation-delay:0.5s; -webkit-animation-delay: 0.8s;}
.con_02_03 a{ width:142px; height:141px; transition:0.5s;  display:block;}
.con_02_03 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}


.con_02_04{ width:142px; height:141px; float:left; display:inline; animation-delay:1s; -webkit-animation-delay:1s;}
.con_02_04 a{ width:142px; height:141px; transition:0.5s;  display:block;}
.con_02_04 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}



.con_03{ width:292px; height:291px; float:left; display:inline; margin-left:9px; animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.con_03 a{ width:142px; height:141px; transition:0.5s; display:block; }
.con_03 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}


.con_04{ width:292px; height:291px; float:left; display:inline; margin-top:9px; animation-delay:0.8s; -webkit-animation-delay: 0.8s;}


.con_04 a{ width:142px; height:141px; transition:0.5s;  display:block;}
.con_04 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}
  
.con_05{ width:292px; height:271px; float:left; display:inline; margin-left:10px; margin-top:9px;  animation-delay:0.6s; -webkit-animation-delay: 0.6s;}
.con_05_li{ width:292px; height:271px; position: absolute; margin-top:-274px; background-color:rgba(0,0,0,0); opacity:0;transition: all 0.5s; line-height:271px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#FFF; font-weight:bolder;}
.con_05 a:hover .con_05_li{ background-color:rgba(0,0,0,0.6); opacity:1;}


.con_06{ width:292px; height:291px; float:left; display:inline; margin-left:10px; margin-top:9px; animation-delay:0.4s; -webkit-animation-delay: 0.4s;}
.con_06 a{ width:142px; height:141px; transition:0.5s; display:block;}
.con_06 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}
  
  
.con_07{ width:292px; height:291px; float:left; display:inline; margin-left:9px; margin-top:9px;}
.con_07 a{ width:142px; height:141px; transition:0.5s; display:block; }
.con_07 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}
  
  
  
.foot_box{  width:100%; position: absolute; height:50px; bottom:0px; margin:0 auto; background-color:rgba(0,0,0,0.3);}
.foot{ width:1200px; height:50px; margin:0 auto;}
.foot_zuo{ width:900px; height:50px; float:left; display:inline; line-height:50px; color:#CCC; font-family:"微软雅黑"; font-size:14px;}
.foot_you{ width:auto; height:50px; float:right;  display:inline; line-height:50px; color:#CCC; font-family:"微软雅黑"; font-size:14px;}




.chan{  
-webkit-animation:chan 14s linear 0s normal none infinite ;
animation:chan 14s linear 0s normal none infinite ;

}

 @-webkit-keyframes chan{
	0%{ -webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	25%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}	
	50%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	75%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}
	100%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}


	
	}

 @keyframes chan{
	0%{ -webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	25%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}	
	50%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	75%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}
	100%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}


	
	}





.nav_box{  width:100%; position: absolute; margin:0 auto; top:15%;}
.nav{ width:1200px; height:38px; margin:0 auto;}
.nav ul{}
.nav ul li{ width:97px; height:38px; float:left; display:inline; line-height:38px; text-align:center; margin-right:3px;}
.nav ul li a{ color:#FFF; font-family:"微软雅黑"; font-size:14px; transition:0.5s; background-color:rgba(31,51,71,0.8); width:99px; height:38px; display:block; }
.nav ul li a:hover{ color:#FFF; font-family:"微软雅黑"; font-size:14px; background-color:rgba(50,144,128,0.8);width:99px; height:38px; display:block;}

.dianji{ color:#FFF; font-family:"微软雅黑"; font-size:14px; background-color:rgba(50,144,128,0.8) !important;width:106px; height:38px; display:block;}

.zi_con_box{ width:100%; position: absolute; margin:0 auto; top:22%; animation-delay:0.5s; -webkit-animation-delay: 0.5s; }
.zi_con{ width:1200px; height:500px; margin:0 auto; background-color:rgba(0,0,0,0.6); padding-top:30px;}

.tong1{ width:1050px; height:450px; margin:0 auto; color:#eeeeee; font-size:14px; font-family:"微软雅黑";  line-height:36px; overflow-y:scroll; padding-right:50px;  }
.tong1 img{ width:100%;}

.tong2{ width:1050px; height:450px; margin:0 auto;  overflow-y:scroll; padding-right:50px;  }
.tong2_01{ width:323px; height:206px; float:left; display:inline; margin-right:26px; margin-bottom:25px;}
.tong2_02{ width:323px; height:206px; float:left; position:relative; background-color:rgba(0,0,0,0.6); margin-top:-209px; line-height:206px; text-align:center; color:#eeeeee; font-size:14px; font-family:"微软雅黑"; opacity:0; transition:0.5s;}
.tong2 a:hover .tong2_02{ opacity:1; }


.zi_con_box{ animation:ff01 1s; -webkit-animation:ff01 1s;}

@keyframes ff01{0%{ top:50%;  opacity:0;}100% {top:22%; opacity:1;}}
@-webkit-keyframes ff01{0%{ top:50%;  opacity:0;}100% {top:22%; opacity:1;}}


.tong3{  width:1050px; height:450px; margin:0 auto;  overflow-y:scroll; padding-right:50px; }

.tong3_01{ width:1000px; height:164px; float:left; display:inline; border-bottom:#CCC 1px dashed ; margin-bottom:20px;}
.t_01{ width:192px; height:142px; float:left; display:inline;}
.t_02{ width:800px; height:142px; float:left; display:inline; margin-left:8px;} 
.t_02_top{ width:800px; height:40px; float:left; display:inline; line-height:40px; color:#FFF; font-family:"微软雅黑"; font-size:14px; }
.t_02_top a{ color:#FFF; font-family:"微软雅黑"; font-size:14px; font-weight:bolder;}
.t_02_top span{ color:#77b0a6; font-family:"微软雅黑"; font-size:14px; float:right;}
.t_02_zhong{ width:800px; height:auto; float:left; display:inline; color:#FFF; font-size:14px; line-height:36px;}
.t_02_bot{ width:800px; height:30px; float:left; display:inline; color:#FFF; font-family:"宋体"; font-size:12px; line-height:30px;}
.t_02_bot a{ color:#77b0a6; font-family:"宋体"; font-size:12px;}

.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:#77b0a6; 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:#77b0a6; 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:#77b0a6; font-family:"宋体"; font-size:12px;}

}





@media screen and (min-width:981px) and (max-width:1200px){
	
.shouji{ width:100%; height:40px; position:fixed; bottom:0px;  z-index:10000; display:none; }
.anniu{ width:20%; height:40px; float:right; display:inline; color:#FFFFFF; font-family:"微软雅黑"; font-size:14px; line-height:40px; text-align:center; background-color:rgba(0,0,0,0.7);}
.shousuo{ width:80%; height:40px; float:right; display:inline; background-color:rgba(0,0,0,0.8); display:none;}
.shousuo ul{}
.shousuo ul li{ width:25%; height:40px; float:left; display:inline; text-align:center; line-height:40px;}
.shousuo ul li a{color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}


.xianshi{ width:100%; height:auto; float:left; display:inline; margin-top:-280px; display:none;}
.xianshi_li{ width:100%; height:40px; float:left; display:inline; background-color:rgba(0,0,0,0.8); line-height:40px; text-align:center;  }
.xianshi_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}


.xianshi02{ width:100%; height:auto; float:left; display:inline; margin-top:-200px; display:none;}
.xianshi02_li{ width:100%; height:40px; float:left; display:inline; background-color:rgba(0,0,0,0.8); line-height:40px; text-align:center;  }
.xianshi02_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}

.xianshi03{ width:100%; height:auto; float:left; display:inline; margin-top:-200px; display:none;}
.xianshi03_li{ width:100%; height:40px; float:left; display:inline; background-color:rgba(0,0,0,0.8); line-height:40px; text-align:center;  }
.xianshi03_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}				
	
.houjia{ width:auto; height:auto;  position:fixed; bottom:0px; right:0px; z-index:10000;}
.houjia ul{}
.houjia ul li{ width:80px; height:35px; float:left; display:inline; line-height:35px; text-align:center; background-color:rgba(45,61,77,0.7); margin-top:3px;}
.houjia ul li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px; width:80px; height:35px; display:block;}
.houjia ul li a:hover{color:#fff; font-family:"微软雅黑"; font-size:14px;  width:80px; height:35px; display:block; background-color:rgba(60,135,122,0.5);}	
	
.houjia_piao{ width:80px; height:auto; float:left; display:inline;  margin-top:-210px; display:none; position:relative; z-index:9999;}
.houjia_piao_li{ width:80px; height:35px; float:left; display:inline; background-color:rgba(60,135,122,0.5);}
.houjia_piao_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px; width:80px; height:35px; display:block;}
.houjia_piao_li a:hover{color:#fff; font-family:"微软雅黑"; font-size:14px;  width:80px; height:35px; display:block; background-color:rgba(225,149,1,0.5);}	



	body{ }
.bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.bg img {
	display: block;
	width: 100%;
	height: 100%;
}

	
	.html{overflow: hidden; height: 100%;}	

.top_box{ width:100%; position:absolute; top:20px; margin:0 auto; z-index:9999; }
.top{ width:1200px; height:75px; margin:0 auto;}
.logo{ width:174px; height:36px; float:left; display:inline; margin-top:16px;}

.active .top_box{ width:100%; position: absolute; top:14px; opacity:1;  transition: all 1.7s;  margin:0 auto;}

.fan{ width:75px; height:75px; float:right; display:inline; }
.fan a{width:75px; height:75px; display:block; transition:0.5s; }
.fan a:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg);}

.con_box{  width:100%; position: absolute; top:14%; margin:0 auto;}
.con{ width:1200px; height:600px; margin:0 auto;}

.con_01{ width:595px; height:291px; float:left; display:inline; }
.con_01_li{ width:595px; height:291px; position:relative; margin-top:-294px; background-color:rgba(0,0,0,0); opacity:0;transition: all 0.5s; line-height:291px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#FFF; font-weight:bolder;}
.con_01 a:hover .con_01_li{ background-color:rgba(0,0,0,0.6); opacity:1;}

.con_02{ width:292px; height:291px; float:left; display:inline; margin-left:9px;}
.con_02_01{ width:142px; height:141px; float:left; display:inline; margin-right:8px; margin-bottom:9px; animation-delay:0.4s; -webkit-animation-delay: 0.4s;}
.con_02_01 a{ width:142px; height:141px; transition:0.5s;  display:block;}
.con_02_01 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);  }

.con_02_02{ width:142px; height:141px; float:left; display:inline; margin-bottom:9px; animation-delay:0.6s; -webkit-animation-delay: 0.6s;}
.con_02_02 a{ width:142px; height:141px; transition:0.5s; display:block; }
.con_02_02 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}

.con_02_03{ width:142px; height:141px; float:left; display:inline; margin-right:8px; animation-delay:0.5s; -webkit-animation-delay: 0.8s;}
.con_02_03 a{ width:142px; height:141px; transition:0.5s;  display:block;}
.con_02_03 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}


.con_02_04{ width:142px; height:141px; float:left; display:inline; animation-delay:1s; -webkit-animation-delay:1s;}
.con_02_04 a{ width:142px; height:141px; transition:0.5s;  display:block;}
.con_02_04 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}



.con_03{ width:292px; height:291px; float:left; display:inline; margin-left:9px; animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.con_03 a{ width:142px; height:141px; transition:0.5s; display:block; }
.con_03 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}


.con_04{ width:292px; height:291px; float:left; display:inline; margin-top:9px; animation-delay:0.8s; -webkit-animation-delay: 0.8s;}


.con_04 a{ width:142px; height:141px; transition:0.5s;  display:block;}
.con_04 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}
  
.con_05{ width:292px; height:271px; float:left; display:inline; margin-left:10px; margin-top:9px;  animation-delay:0.6s; -webkit-animation-delay: 0.6s;}
.con_05_li{ width:292px; height:271px; position: absolute; margin-top:-274px; background-color:rgba(0,0,0,0); opacity:0;transition: all 0.5s; line-height:271px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#FFF; font-weight:bolder;}
.con_05 a:hover .con_05_li{ background-color:rgba(0,0,0,0.6); opacity:1;}


.con_06{ width:292px; height:291px; float:left; display:inline; margin-left:10px; margin-top:9px; animation-delay:0.4s; -webkit-animation-delay: 0.4s;}
.con_06 a{ width:142px; height:141px; transition:0.5s; display:block;}
.con_06 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}
  
  
.con_07{ width:292px; height:291px; float:left; display:inline; margin-left:9px; margin-top:9px;}
.con_07 a{ width:142px; height:141px; transition:0.5s; display:block; }
.con_07 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}
  
  
  
.foot_box{  width:100%; position: absolute; height:50px; bottom:0px; margin:0 auto; background-color:rgba(0,0,0,0.3);}
.foot{ width:1200px; height:50px; margin:0 auto;}
.foot_zuo{ width:900px; height:50px; float:left; display:inline; line-height:50px; color:#CCC; font-family:"微软雅黑"; font-size:14px;}
.foot_you{ width:auto; height:50px; float:right;  display:inline; line-height:50px; color:#CCC; font-family:"微软雅黑"; font-size:14px;}




.chan{  
-webkit-animation:chan 14s linear 0s normal none infinite ;
animation:chan 14s linear 0s normal none infinite ;

}

 @-webkit-keyframes chan{
	0%{ -webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	25%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}	
	50%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	75%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}
	100%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}


	
	}

 @keyframes chan{
	0%{ -webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	25%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}	
	50%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	75%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}
	100%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}


	
	}





.nav_box{  width:100%; position: absolute; margin:0 auto; top:15%;}
.nav{ width:1200px; height:38px; margin:0 auto;}
.nav ul{}
.nav ul li{ width:106px; height:38px; float:left; display:inline; line-height:38px; text-align:center; margin-right:3px;}
.nav ul li a{ color:#FFF; font-family:"微软雅黑"; font-size:14px; transition:0.5s; background-color:rgba(31,51,71,0.8); width:106px; height:38px; display:block; }
.nav ul li a:hover{ color:#FFF; font-family:"微软雅黑"; font-size:14px; background-color:rgba(50,144,128,0.8);width:106px; height:38px; display:block;}

.dianji{ color:#FFF; font-family:"微软雅黑"; font-size:14px; background-color:rgba(50,144,128,0.8);width:106px; height:38px; display:block;}

.zi_con_box{ width:100%; position: absolute; margin:0 auto; top:22%; animation-delay:0.5s; -webkit-animation-delay: 0.5s; }
.zi_con{ width:1200px; height:500px; margin:0 auto; background-color:rgba(0,0,0,0.6); padding-top:30px;}

.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:323px; height:206px; float:left; display:inline; margin-right:26px; margin-bottom:25px;}
.tong2_02{ width:323px; height:206px; float:left; position:relative; background-color:rgba(0,0,0,0.6); margin-top:-209px; line-height:206px; text-align:center; color:#eeeeee; font-size:14px; font-family:"微软雅黑"; opacity:0; transition:0.5s;}
.tong2 a:hover .tong2_02{ opacity:1; }


.zi_con_box{ animation:ff01 1s; -webkit-animation:ff01 1s;}

@keyframes ff01{0%{ top:50%;  opacity:0;}100% {top:22%; opacity:1;}}
@-webkit-keyframes ff01{0%{ top:50%;  opacity:0;}100% {top:22%; opacity:1;}}


.tong3{  width:1050px; height:450px; margin:0 auto;  overflow-y:scroll; padding-right:50px; }

.tong3_01{ width:1000px; height:164px; float:left; display:inline; border-bottom:#CCC 1px dashed ; margin-bottom:20px;}
.t_01{ width:192px; height:142px; float:left; display:inline;}
.t_02{ width:800px; height:142px; float:left; display:inline; margin-left:8px;} 
.t_02_top{ width:800px; height:40px; float:left; display:inline; line-height:40px; color:#FFF; font-family:"微软雅黑"; font-size:14px; }
.t_02_top a{ color:#FFF; font-family:"微软雅黑"; font-size:14px; font-weight:bolder;}
.t_02_top span{ color:#77b0a6; font-family:"微软雅黑"; font-size:14px; float:right;}
.t_02_zhong{ width:800px; height:auto; float:left; display:inline; color:#FFF; font-size:14px; line-height:36px;}
.t_02_bot{ width:800px; height:30px; float:left; display:inline; color:#FFF; font-family:"宋体"; font-size:12px; line-height:30px;}
.t_02_bot a{ color:#77b0a6; font-family:"宋体"; font-size:12px;}

.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:#77b0a6; 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:#77b0a6; 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:#77b0a6; font-family:"宋体"; font-size:12px;}

}




@media screen and (max-width:980px){
.shouji{ width:100%; height:40px; position:fixed; bottom:0px;  z-index:10000; }
.anniu{ width:20%; height:40px; float:right; display:inline; color:#FFFFFF; font-family:"微软雅黑"; font-size:14px; line-height:40px; text-align:center; background-color:rgba(0,0,0,0.7);}
.shousuo{ width:80%; height:40px; float:right; display:inline; background-color:rgba(0,0,0,0.8); display:none;}
.shousuo ul{}
.shousuo ul li{ width:25%; height:40px; float:left; display:inline; text-align:center; line-height:40px;}
.shousuo ul li a{color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}


.xianshi{ width:100%; height:auto; float:left; display:inline; margin-top:-280px; display:none;}
.xianshi_li{ width:100%; height:40px; float:left; display:inline; background-color:rgba(0,0,0,0.8); line-height:40px; text-align:center;  }
.xianshi_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}


.xianshi02{ width:100%; height:auto; float:left; display:inline; margin-top:-400px; display:none;}
.xianshi02_li{ width:100%; height:40px; float:left; display:inline; background-color:rgba(0,0,0,0.8); line-height:40px; text-align:center;  }
.xianshi02_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}

.xianshi03{ width:100%; height:auto; float:left; display:inline; margin-top:-200px; display:none;}
.xianshi03_li{ width:100%; height:40px; float:left; display:inline; background-color:rgba(0,0,0,0.8); line-height:40px; text-align:center;  }
.xianshi03_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}				
	
	
.houjia{ width:auto; height:auto;  position:fixed; bottom:0px; right:0px; z-index:10000; display:none;}
.houjia ul{}
.houjia ul li{ width:80px; height:35px; float:left; display:inline; line-height:35px; text-align:center; background-color:rgba(102,0,7,0.7); margin-top:3px;}
.houjia ul li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px; width:80px; height:35px; display:block;}
.houjia ul li a:hover{color:#fff; font-family:"微软雅黑"; font-size:14px;  width:80px; height:35px; display:block; background-color:rgba(225,149,1,0.5);}	
	
.houjia_piao{ width:80px; height:auto; float:left; display:inline;  margin-top:-210px; display:none; position:relative; z-index:9999;}
.houjia_piao_li{ width:80px; height:35px; float:left; display:inline; background-color:rgba(102,0,7,0.7);}
.houjia_piao_li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px; width:80px; height:35px; display:block;}
.houjia_piao_li a:hover{color:#fff; font-family:"微软雅黑"; font-size:14px;  width:80px; height:35px; display:block; background-color:rgba(225,149,1,0.5);}		
	
	
	body{ background:#1D1D1D;}
.bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.bg img {
	display: block;
	width: 100%;
	height: 100%; display:none;
}

	
.html{overflow-x: hidden; height: 100%;}	

.top_box{ width:100%; position:absolute; top:20px; margin:0 auto; z-index:9999; }
.top{ width:100%; height:auto; margin:0 auto; }
.logo{ width:30%; height:auto; float:left; display:inline; margin-top:16px; }
.logo img{ width:100%;}


.active .top_box{ width:100%; position: absolute; top:14px; opacity:1;  transition: all 1.7s;  margin:0 auto;}

.fan{ width:10%; height:auto; float:right; display:inline; margin-right:5px; display:none; }
.fan a{width:100%; height:auto; display:block; transition:0.5s; }
.fan a:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.fan a img{ width:100%;}

.con_box{  width:100%; position: absolute; top:80px; margin:0 auto;}
.con{ width:100%; height:auto; margin:0 auto;}

.con_01{ width:100%; height:auto; float:left; display:inline; }
.con_01 img{ width:100%; height:auto; float:left; display:inline; }
.con_01_li{ width:100%; height:auto; position:relative; margin-top:-294px; background-color:rgba(0,0,0,0); opacity:0;transition: all 0.5s; line-height:291px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#FFF; font-weight:bolder; display:none;}
.con_01 a:hover .con_01_li{ background-color:rgba(0,0,0,0.6); opacity:1;}

.con_02{ width:100%; height:auto; float:left; display:inline; margin-top:6px; }
.con_02_01{ width:24%; height:auto; float:left; display:inline;  margin-bottom:5px; animation-delay:0.4s; -webkit-animation-delay: 0.4s; margin-left:1%;}
.con_02_01 img{ width:100%; height:auto;}
.con_02_01 a{ width:100%; height:auto; transition:0.5s;  display:block;}
.con_02_01 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);  }

.con_02_02{ width:24%; height:auto; float:left; display:inline;  animation-delay:0.6s; -webkit-animation-delay: 0.6s;  margin-left:1%;}
.con_02_02 img{ width:100%; height:auto;}
.con_02_02 a{ width:100%; height:auto; transition:0.5s; display:block; }
.con_02_02 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}

.con_02_03{ width:24%; height:auto; float:left; display:inline; animation-delay:0.5s; -webkit-animation-delay: 0.8s;  margin-left:1%;}
.con_02_03 img{ width:100%; height:auto;}
.con_02_03 a{ width:100%; height:auto; transition:0.5s;  display:block;}
.con_02_03 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}


.con_02_04{ width:24%; height:auto; float:left; display:inline; animation-delay:1s; -webkit-animation-delay:1s;  margin-left:1%;}
.con_02_04 img{ width:100%; height:auto;}
.con_02_04 a{ width:100%; height:auto; transition:0.5s;  display:block;}
.con_02_04 a:hover{   -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}



.con_03{ width:49%; height:auto; float:left; display:inline;  animation-delay:1.2s; -webkit-animation-delay:1.2s; margin-left:1%;}
.con_03 img{ width:100%;}
.con_03 a{ width:100%; height:auto; transition:0.5s; display:block; }
.con_03 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}


.con_04{ width:49%; height:auto; float:left; display:inline; animation-delay:0.8s; -webkit-animation-delay: 0.8s; margin-left:1%;}
.con_04 img{ width:100%;}

.con_04 a{ width:100%; height:auto; transition:0.5s;  display:block;}
.con_04 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}
  
.con_05{ width:32%; height:auto; float:left; display:inline; margin-left:1%; margin-top:5px;  animation-delay:0.6s; -webkit-animation-delay: 0.6s;}
.con_05 img{ width:100%;}
.con_05_li{ display:none; width:100%; height:auto; position: absolute; margin-top:-274px; background-color:rgba(0,0,0,0); opacity:0;transition: all 0.5s; line-height:271px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#FFF; font-weight:bolder;}
.con_05 a:hover .con_05_li{ background-color:rgba(0,0,0,0.6); opacity:1;}


.con_06{ width:32%; height:auto; float:left; display:inline; margin-left:1%; margin-top:5px; animation-delay:0.4s; -webkit-animation-delay: 0.4s;}
.con_06 img{ width:100%;}
.con_06 a{ width:100%; height:auto; transition:0.5s; display:block;}
.con_06 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}
  
  
.con_07{ width:32%; height:auto; float:left; display:inline;  margin-top:5px; margin-left:1%;}
.con_07 img{ width:100%;}
.con_07 a{ width:100%; height:auto; transition:0.5s; display:block; }
.con_07 a:hover{    -webkit-transform: scale(0.9,0.9); opacity:0.8;
  -moz-transform: scale(0.9,0.9);
  transform:  scale(0.9,0.9);}
  
  
  
.foot_box{  width:100%; position: absolute; height:50px; bottom:0px; margin:0 auto; background-color:rgba(0,0,0,0.3); display:none;}
.foot{ width:1200px; height:50px; margin:0 auto;}
.foot_zuo{ width:900px; height:50px; float:left; display:inline; line-height:50px; color:#CCC; font-family:"微软雅黑"; font-size:14px;}
.foot_you{ width:auto; height:50px; float:right;  display:inline; line-height:50px; color:#CCC; font-family:"微软雅黑"; font-size:14px;}




.chan{  
-webkit-animation:chan 14s linear 0s normal none infinite ;
animation:chan 14s linear 0s normal none infinite ;

}

 @-webkit-keyframes chan{
	0%{ -webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	25%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}	
	50%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	75%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}
	100%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}


	
	}

 @keyframes chan{
	0%{ -webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	25%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}	
	50%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}
	75%{ -webkit-transform: scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  transform: scale(1.0,1.0);}
	100%{-webkit-transform: scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  transform: scale(1.3,1.3);}


	
	}





.nav_box{  width:100%; position: absolute; margin:0 auto; top:70px;}
.nav{ width:100%; height:auto; margin:0 auto;}
.nav ul{}
.nav ul li{ width:24%; height:38px; float:left; display:inline; line-height:38px; text-align:center; margin-right:1%; margin-bottom:3px;}
.nav ul li a{ color:#FFF; font-family:"微软雅黑"; font-size:14px; transition:0.5s; background-color:rgba(31,51,71,0.8); width:100%; height:38px; display:block; }
.nav ul li a:hover{ color:#FFF; font-family:"微软雅黑"; font-size:14px; background-color:rgba(50,144,128,0.8);width:100%; height:38px; display:block;}

.dianji{ color:#FFF; font-family:"微软雅黑"; font-size:14px; background-color:rgba(50,144,128,0.8);width:106px; height:38px; display:block;}

.zi_con_box{ width:100%; position: absolute; margin:0 auto; top:200px; animation-delay:0.5s; -webkit-animation-delay: 0.5s; }
.zi_con{ width:100%; height:auto; margin:0 auto; background-color:rgba(0,0,0,0.6); padding-top:30px;}

.tong1{ width:95%; height:auto; margin:0 auto; color:#eeeeee; font-size:14px; font-family:"微软雅黑";  line-height:36px;   }
.tong1 img{ width:100%;}

.tong2{ width:100%; height:auto; margin:0 auto;  padding-right:50px;  }
.tong2_01{ width:47%; height:auto; float:left; display:inline; margin-left:2%; margin-bottom:15px;}
.tong2_01 img { width:100%;}

.tong2_02{ width:323px; height:206px; float:left; position:relative; background-color:rgba(0,0,0,0.6); margin-top:-209px; line-height:206px; text-align:center; color:#eeeeee; font-size:14px; font-family:"微软雅黑"; opacity:0; transition:0.5s; display:none;}
.tong2 a:hover .tong2_02{ opacity:1; }


.zi_con_box{ animation:ff01 1s; -webkit-animation:ff01 1s;}

@keyframes ff01{0%{ top:50%;  opacity:0;}100% {top:200px; opacity:1;}}
@-webkit-keyframes ff01{0%{ top:50%;  opacity:0;}100% {top:200px; opacity:1;}}


.tong3{  width:95%; height:auto; margin:0 auto;    }

.tong3_01{ width:100%; height:auto; float:left; display:inline; border-bottom:#CCC 1px dashed ; margin-bottom:20px;}
.t_01{ width:30%; height:auto; float:left; display:inline;}
.t_01 img{ width:100%; height:auto; float:left; display:inline;}

.t_02{ width:65%; height:auto; float:left; display:inline; margin-left:5%;} 
.t_02_top{ width:100%; height:auto; float:left; display:inline; line-height:20px; color:#FFF; font-family:"微软雅黑"; font-size:14px; }
.t_02_top a{ color:#FFF; font-family:"微软雅黑"; font-size:14px; font-weight:bolder;}
.t_02_top span{ color:#77b0a6; font-family:"微软雅黑"; font-size:14px; float:right; display:none;}
.t_02_zhong{ width:100%; height:auto; float:left; display:inline; color:#FFF; font-size:14px; line-height:20px;}
.t_02_bot{ width:100%; height:auto; float:left; display:inline; color:#FFF; font-family:"宋体"; font-size:12px; line-height:20px;}
.t_02_bot a{ color:#77b0a6; font-family:"宋体"; font-size:12px;}

.tong4{ width:95%; height:auto; margin:0 auto;   }
.tong4 img{ width:100%;}
.tong4_top{ width:100%; height:30px; float:left; display:inline; font-family:"微软雅黑"; font-size:16px; color:#FFF; font-weight:bolder; text-align:center;}
.tong4_time{ width:100%; height:30px;  float:left; display:inline;line-height:30px; text-align:center; color:#77b0a6; font-size:12px; font-family:"宋体";}
.tong4_bot{ width:100%; height:auto; float:left; display:inline; color:#FFF; line-height:36px; font-size:14px; font-family:"微软雅黑"; margin-top:10px;}
.shang{ width:100%; 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:#77b0a6; 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:#77b0a6; font-family:"宋体"; font-size:12px;}

}