@charset "utf-8";

/*Í·²¿*/
.headerw {width: 100%;height: auto;font-size: 1em;}
.header_nav {width: 100%;height: auto;	position: relative;}
.logog {display: block;width: auto; padding:8px 10px;overflow: hidden;position: relative;top: 0px;left: 0px;	z-index: 1;}
.logog img {display: block;	max-width: 60%;	max-height: 100%;}
/*µ¼º½*/
.nav_button {font-size: 1em;width: 12%;height: 100%;position: absolute;top: 0px;right: 5px;background: url(/hb/m/images/icon_nav.png) center center no-repeat;background-size: 100%;z-index: 2;outline: none;}
.menu {display: none;width: 100%;height: auto;overflow: hidden;position: absolute;top: 100%;left: 0px;z-index: 99999;}
.menu ul li {font-size: 1.5em;height: 2.4185em;	line-height: 2.4185em;	text-align: center;	background:rgba(0,0,0,.8);	overflow: hidden; border-bottom:1px solid #999;}
.menu ul li a {display: block;position: relative;color: #fff;outline: none;}

.banner{width: 100%;}
.banner img{max-width: 100%;}
.banner .swiper-pagination span{width: 15px; opacity: 1; height: 15px; background:url(/hb/m/images/index_07.png) center center no-repeat;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:url(/hb/m/images/index_04.png) center center no-repeat;}
.banner .swiper-button-prev, .banner .swiper-button-next{background: none;}


/*µ×²¿*/
.footer{ background: #087f87; color: #cccccc;}
.footer a{color: #ccc;}
.footer a:hover{color: #fff;}

.footop {padding: 1em 2%;}
.footlogo{text-align: center;}
.footop .left{line-height: 2; margin:1.5em 4%;}
.footop .right{text-align: center;}

.footbot{border-top: 1px #bfbfbf solid; line-height: 1.6; text-align: center; padding: 0.4em 2%; background: #006269;}
.footbot span{display: inline-table;}