body {font-size:11pt;}

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

h1,h2,h3,h4,h5,h6,p {margin:0px;}

.icon-img {float: left;}
.icon-img img {width:100%;}

.container {max-width:1200px;margin: auto;}

#header {border-bottom:1px #dcdcdc solid;}
#header .container {max-width: 1150px;padding: 10px 0px;}
#header .text {padding-left:10px;}
#header .fr span,
#header .fr a{float:left;}


#nav {max-width: 1150px;margin: auto;padding: 10px 0px;}
#nav .fr {padding-top:8px;}
#nav span,
#nav a {float:left;padding-left: 21px;}
#nav a {width: 80px;text-align: right;}
#nav a.active {text-decoration:underline;color:#35a3fa;}


#banner {position: relative;height:405px;background:url(../../images/Banner.png) center center;background-repeat: no-repeat;background-size: cover;}
#banner>img {width:100%;position: absolute;top:0px;left:0px;}
#banner .container {position: relative;}
#banner .container .text {padding:15px;position: absolute;width:410px;background:url(../../images/bg-text.png);right:20px;top:75px;color:#fff;}
#banner .container .text .title {font-weight: bold;}
#banner .container .text .sub-title {padding-bottom:3px;border-bottom:2px #35a3fa solid;width: auto;float:left;margin:2px 0px 10px 0px;}
#banner .container .text p {line-height:12pt;font-size:11pt;margin-bottom:10px;}
#banner .container .text .btn-more {display:block;width:80px;background-color:#35a3fa;color:#FFF;padding:10px 0px;text-align: center;}


#content {position: relative;margin-top:-50px;padding-bottom:50px;}
#content .col-3 {width:33.333333%;height:380px;float:left;box-sizing: border-box;padding:35px;color:#FFF;}
#content .col-3 .icon-img {width:30px;height:30px;}
#content .col-3 .icon-img img {height:100%;}
#content .col-3 .title {padding:10px 0px 15px 0px;color:#FFF;}
#content .col-3 .title.tel .icon-img {width:28px;height:30px;}
#content .col-3 .text {line-height:14pt;font-size:11pt;margin-bottom:10px;}
#content .col-3 .btn-more {display:block;width:80px;background-color:#202020;color:#FFF;padding:10px 0px;text-align: center;}
#content .col-3 .qr {display: block;width:60%;margin:auto;}
#content .col-3 ul {list-style: none;}
#content .col-3 ul li {padding:3px 0px;}
#content .col-3 .clock {float: right;width:20px;height:20px;padding-left:10px;}

#content .pool-list {position: relative;padding-bottom:30px;}

#content .pool-list .item {width:16.66666%;float: left;position: relative;}
#content .pool-list .item .bg{width:100%;}
#content .pool-list .item .item-content {position: absolute;top:13%;left:0px;z-index:99;width: 100%;text-align: center;color:#FFF;}
#content .pool-list .item .item-content .icon-help {display: block;margin-left:auto;margin-right:auto;width:50%;}
#content .pool-list .item .item-content .title {padding:5px 0px;}
#content .pool-list .item .item-content .sub-title {font-size:10pt;}


#about {padding-bottom:30px;}
#about .title {font-weight:bold;padding-bottom:20px;padding: 20px;}
#about .about-content {}
#about .fl {width:60%;padding:25px 0px;border-top:1px #777777 solid;border-bottom:1px #777777 solid;}
#about .fl p {line-height:15pt;padding-bottom:10px;color:#777777;}
#about .fl .btn-more {display:block;width:80px;background-color:#35a3fa;color:#FFF;padding:10px 0px;text-align: center;}
#about .fr {width:30%;}

#footerNav {background:#dbdbdb;}
#footerNav .container {max-width:1300px;padding:20px 0px;}
#footerNav .container ul {padding-left:80px;list-style: none;padding-top: 48px;}
#footerNav .container ul li {padding:5px 0px;height:30px;}
#footerNav .container ul li strong,
#footerNav .container ul li a,
#footerNav .container ul li span {float:left;color:#777777;}
#footerNav .container ul li strong {padding-right:12px;}
#footerNav .container ul li a {padding:0px 10px;}
#footerNav .qr-code {width:120px;padding-top:30px;}
#footerNav .qr-code img {width:100%;}
#footerNav .qr-code span {display: block;text-align: center;padding:5px 0px;border:1px #777777 solid;font-size:10pt;}



#copyRight {text-align: center;padding:15px 0px;background:#2c3d56;color:#FFF;}