/* default */
*{margin: 0; padding:0;}
h1,h2,h3,h4,h5{ padding:0; margin:0; font-weight: normal; }
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
a{text-decoration: none;}
/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */

/* Body */
body{ font-family: 'Titillium Web', sans-serif; background:url(../images/body-bg-top.jpg) repeat-x #fff; margin:0; padding:0; text-align: center; color:#FFF; min-width: 1200px;}
.row{width:1170px; margin: 0 auto;}

/* header */
#header{ background:#fff; margin:0 auto; min-height: 154px;}
#header .logo{float: left; padding:20px 0 0; margin: 0 0 0 -42px;}
#header nav{}
#header nav ul{text-align: right;}
#header nav ul li{display: inline-block; text-align: center; font-weight: 600; font-size: 18px; line-height: 52px; margin: 102px 38px 0;}
#header nav ul li:last-child{margin-right: 0;}
#header nav ul li a{color: #0054A5; padding:0 11px; display: block;}
#header nav ul li a:hover,#header nav ul li.active-menu a{background: url(../images/hvr.jpg) repeat-x center bottom;}

#banner{background: #0055A5; height: 600px;}

/* main */
#main { width:990px; background:#999; margin:0 auto; text-align:left;}
/* content */
#content{ width:700px; float:left; min-height:300px; background:#666;}
#content form input[type=text], #content form textarea{ width:270px;}

#info{border-top:1px solid #eeeeee; margin: 90px 0 0;}
#info .inl{background: url(../images/brd.png) repeat-y center right; height: 300px; width:32.99%; display: inline-block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; padding:18px 22px;color: #444444; vertical-align: top; height: 300px; }
#info .fs{background: url(../images/brd.png) repeat-y center right,url(../images/brd.png) repeat-y center left;}
#info .inl h2{font-size: 14px; font-weight: 700;}
#info .inl .logo{margin: 26px 0 5px;}
#info .fs p{font-size: 14px; margin: 0 0 15px;}
#info .fs ul{}
#info .fs ul li{display: block; background: url(../images/add.png) no-repeat left top 6px; font-size: 21px; line-height: 30px; padding:0 0 0 38px;}
#info .sc{}
#info .sc ul{margin: 18px 0 0;}
#info .sc ul li{display: block; font-size: 21px; padding:5px 0 5px 36px;}
#info .sc ul li span{color: #0C59A5; font-weight: 700;}
#info .sc ul .la{background: url(../images/tel.png) no-repeat center left;}
#info .sc ul .lb{background: url(../images/tel.png) no-repeat center left;}
#info .sc ul .lc{background: url(../images/fax.png) no-repeat center left;}
#info .ls{}
#info .ls ul{margin: 18px 0 0;}
#info .ls ul li{display: block; font-size: 21px; padding:5px 0 5px 36px;}
#info .ls ul li span{color: #0C59A5; font-weight: 700;}
#info .ls .ld{background: url(../images/email.png) no-repeat center left;}
#info .ls .le{background: url(../images/web.png) no-repeat center left;}

/* footer */
#footer{min-height:62px; background:#0055A5; margin:0 auto; text-align:left;}
#footer .fleft{float: left;}
#footer .fleft nav{}
#footer .fleft nav ul{padding:20px 0 0;}
#footer .fleft nav ul li{display: inline-block; font-size: 14px; font-weight: 700; background: url(../images/brd2.png) no-repeat center right; padding:0 13px;}
#footer .fleft nav ul li:last-child{background: none;}
#footer .fleft nav ul li:first-child{padding-left:0;}
#footer .fleft nav ul li a{color: #fff;}
#footer .fleft nav ul li a:hover, #footer .fleft nav ul li.active-menu a{ text-decoration: underline; }
#footer .fright{float: right; padding:12px 0 0;}
#footer .fright p{font-size: 14px; font-weight: 700; color: #fff; line-height: 20px;}

#info.inner{margin: 0 0 0; color: #444444; padding: 0 0 20px; min-height: 400px; border-top:8px solid #0055A5;}
#info.inner h1{color: #0055A5; font-weight: 700; padding: 12px  0 10px; text-align: center; font-size: 42px;}
#info.inner h2{text-align: left;color: #0055A5;}
#info.inner p{}
#info.inner .cn{text-align: center;}

#info.areas dl{display: inline-block; width:360px; margin: 15px 4px 12px;}
#info.areas dl dd{margin: -6px 0 0; background: #ED1B24; padding:9px 0; color: #fff; font-weight: 700;}

#info.equip{}
#info.equip ul{text-align: left;}
#info.equip ul li{display: block; background: url(../images/bull.png) no-repeat top 8px left; padding:0 0 0 18px; margin: 0 0 8px;}

#info.why{text-align: left; background: url(../images/logobg.jpg) no-repeat center top;}
#info.why h2{text-decoration: underline;}
#info.why p{margin: 0 0 12px;}