#head{ height:0.75rem; width:100%; background:#FFF}
#banner{ position:relative;width:100%;}
#banner .menu_bj{ background:#d9f6fd; opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; -ms-opacity:0.8; position:absolute; top:0px; left:0px; height:0.34rem; width:100%; z-index:99}
#banner .banner{  width:100%}


.menu_ny{  position:absolute; top:0px; left:50%; margin-left:-40%; height:0.34rem; width:80%;z-index:100}
.menu_ny li{ text-align:center; display:inline-block; width:10%; color:#000; height:0.34rem; line-height:0.34rem; font-size:0.16rem; float:left}
.banner img{ width:100%; display:block}
#about{ margin:0 auto; width:80%; margin-top:0.3rem; height:6.4rem}
#about .a_list{ width:25%; display:inline-block; float:left; overflow:hidden; cursor:pointer;}
#about .a_list img{ width:100%;}
.a_list{ position:relative;
}
.a_list_bj{ position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:#000; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; text-align:center;cursor:pointer;}
.a_list_bj{-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;}
.list_img{ width:0.4rem; height:0.4rem; float:left; position: relative;left: 50%;  margin-left: -0.2rem;}
.list_img img{ width:100%; height:100%}
.list_font{ font-size:0.14rem; color:#CCC; height:0.14rem; margin-top:0.22rem;  float:left; clear:both}

.a_list_f{ position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%);  
      -ms-transform: translate(-50%,-50%);   -moz-transform: translate(-50%,-50%);  
          transform: translate(-50%,-50%); text-align:center;}
#about .a_list:hover .a_list_bj{ 
	animation:mymove 1s forwards;
	-webkit-animation:mymove 1s forwards;
	-moz-animation:mymove 1s forwards;
	-ms-animation:mymove 1s forwards;
} 
#about .a_list .a_list_bj{
	animation:mymove1 1s forwards;
	-webkit-animation:mymove1 1s forwards;
	-moz-animation:mymove1 1s forwards;
	-ms-animation:mymove1 1s forwards;
}
#about .a_list:hover .a_list_f{
	animation:mymoveadd 1s forwards;
	-webkit-animation:mymoveadd 1s forwards;
	-moz-animation:mymoveadd 1s forwards;
	-ms-animation:mymoveadd 1s forwards;
}
#about .a_list .a_list_f{
	animation:mymoveadd1 1s forwards;
	-webkit-animation:mymoveadd1 1s forwards;
	-moz-animation:mymoveadd1 1s forwards;
	-ms-animation:mymoveadd1 1s forwards;
}

#top{ position:fixed; top:0px; left:0; z-index: 9999; width:100%;}
#foot{ position:fixed; bottom:0; left:0; width:100%;}
	
@keyframes mymove
{
	from {bottom:0px;}
	to {bottom:100%;}
}

@-webkit-keyframes mymove
{
	from {bottom:0px;}
	to {bottom:100%;}
}
@-moz-keyframes mymove
{
	from {bottom:0px;}
	to {bottom:100%;}
}
@-ms-keyframes mymove
{
	from {bottom:0px;}
	to {bottom:100%;}
}


@keyframes mymove1
{
	from {bottom:100%;}
	to {bottom:0;}
}

@-webkit-keyframes mymove1
{
	from {bottom:100%;}
	to {bottom:0;}
}
@-moz-keyframes mymove1
{
	from {bottom:100%;}
	to {bottom:0;}
}
@-ms-keyframes mymove1
{
	from {bottom:100%;}
	to {bottom:0;}
}

@keyframes mymoveadd
{
	from {top:50%;}
	to {top:-50%;}
}

@-webkit-keyframes mymoveadd
{
	from {top:50%;}
	to {top:-50%;}
}

@-moz-keyframes mymoveadd
{
	from {top:50%;}
	to {top:-50%;}
}

@-ms-keyframes mymoveadd
{
	from {top:50%;}
	to {top:-50%;}
}

@keyframes mymoveadd1
{
	from {top:-50%;}
	to {top:50%;}
}

@-webkit-keyframes mymoveadd1
{
	from {top:-50%;}
	to {top:50%;}
}

@-moz-keyframes mymoveadd1
{
	from {top:-50%;}
	to {top:50%;}
}

@-ms-keyframes mymoveadd1
{
	from {top:-50%;}
	to {top:50%;}
}
@media only screen and (max-width:1160px) {
	html{  font-size:90px;}
	.menu ul li:hover a {  background-size:cover !important;  -webkit-background-size:cover !important; -moz-background-size:cover; -ms-background-size:cover;}
}

@media only screen and (max-width:1045px) {
	html{  font-size:75px;}
	.lx_zi ul li{ padding-left: 0.5rem;}
	.news01_ri div{  padding:0;}
	.menu ul li:hover a {  background-size:cover !important;  -webkit-background-size:cover !important; -moz-background-size:cover; -ms-background-size:cover;}
}

@media only screen and (max-width:875px) {
	html{  font-size:65px;}
	.lx_zi ul li{ padding-left: 0.5rem;}
	.news01_ri div{  padding:0;}
	
}