@charset "utf-8";

/* CSS Document */

@font-face {

	font-family: 'Montserrat-Regular';

	src: url(/hb/fonts/montserrat-regular.ttf) format('truetype');

	font-weight: normal;

	font-style: normal;

}

body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {

	margin: 0;padding: 0;}



html {overflow-y: scroll;overflow-x: hidden;}

html, body {height: 100%;font-size: 15px;color: #666666;font-family: "Montserrat-Regular",Arial;}

a {color: #666666;text-decoration: none;}

a:hover {color: #006269;text-decoration: none;}

img {border: 0 none;}

ol, ul, li {list-style: none;}

div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}

input[type="submit"], input[type="reset"] {cursor: pointer;}

.clear {clear: both;}

.fl {float: left;}

.fr {float: right;}

.ov {overflow: hidden;}

.box{width: 1280px;	margin: 0 auto;}

h1,h2,h3,h4,b{font-weight: normal;}

i,em{font-style: normal;}



/*Í·²¿*/

.header{height:260px; background: url(/hb/images/top_bg_01.jpg) right center repeat-x; color: #fbfbfb;background-color: #fbfbfb}

.top{line-height: 50px; background: #006269; margin-bottom: 45px;}

.top .left{float: left;}

.top .right{float: right; background: url(/hb/images/index_03.png) center right 0px no-repeat; padding-right: 30px;}



.header .logo{float: left;}

.form_div{float: right; margin-top: 30px; height: 40px; border-radius: 20px; width: 290px; background: #e5e5e5; padding:0px 20px;}

.form_div input{height: 40px; border:0px #fff solid; float: left; background: none;}

.form_div .sub{background: url(/hb/images/index_10.png) center center no-repeat; width: 40px;}

.form_div .txt{width: 250px;}



.header a{color: #fff;}



.nav {height:80px;z-index: 9; background: #34a9b1; font-size: 16px;}

.nav a{color: #fff;}

.nav li {text-align: center;float: left; position: relative; line-height: 80px;}

.nav li>a {display: block; text-align: center; padding:0px 15px; display: block;}

.nav li:hover a, .nav li a.nhover {font-weight: bold;}

.navmenu{ position: absolute; left: 0px; top: 80px; z-index: 5; display: none;  background:rgba(52,169,177,0.8);width: 100%;}

.navmenu a{display: block; height: 40px; line-height: 40px; overflow: hidden; border-bottom: 1px #fff solid;text-align: center;}

.navmenu a:hover{background:#34a9b1;}



/******µ×²¿****/

















.footer{background:#087f87;color: #fff;}

.footer a{color: #efefef;}

.footer a:hover{color: #fff;}

.footul{padding: 50px 0px 20px;}

.footul li{float: left; min-width: 175px;}

.footul li a{display: block; line-height: 36px;}

.footul li h3{margin-bottom: 16px; font-size: 18px; font-weight: bold; color: #cccccc;}

.footul li h4{font-size: 16px; line-height: 24px;}

.footul li.link{float: right; width: 250px;}

.footul li.link select{width: 100%; height: 32px; margin:16px 0px;}

.footul li.link p{margin-top: 6px;}

.footul li.foot_logo{width: 505px; line-height: 30px;}

.footul li.foot_logo img{margin-bottom: 35px;}









.footbot{background: #006269; line-height: 50px; text-align: center;}