@charset "UTF-8";
* {
  font-family: ΢ÈíÑźÚ; }

img {
  border: 0; }

body {
  padding: 0;
  margin: 0; }

.clear {
  clear: both; }

form {
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0; }

.siteContainer {
  margin: 0 auto; }

.content, #logoTop, .products, .subContent {
  margin: 0 auto;
  width: 1200px; }

.content {
  margin-top: 21px; }

.floatLeft {
  display: block;
  float: left; }

#logoArea {
  padding-bottom: 0;
  margin-bottom: 0; }

#btn_Search {
  height: 33px;
  width: 56px;
  color: white;
  background-color: #ff6600;
  border-color: #ff6600;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.searchKey {
  border: 0;
  height: 20px;
  width: 296px; }

#searchArea {
  padding: 22px 43px 25px 130px; }

.searhBox {
  text-align: right;
  width: 396px;
  border: #006666 groove 2px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-image: url(/Content/images/MagGlass.png);
  background-repeat: no-repeat; }

.magGlass {
  float: left; }

#bigBanner {
  width: 1200px;
  margin: 0 auto 0; }

.IntroBlock {
  margin-left: 0;
  width: 423px;
  height: 363px; }

.newsImage {
  padding: 4px 10px; }

.newsBlock {
  width: 423px; }

.newsText {
  width: 208px; }

.newsTitle {
  color: #ff6600;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px; }
  .newsTitle a {
    text-decoration: none; }
    .newsTitle a:visited {
      color: #ff6600; }
    .newsTitle a:link {
      color: #ff6600; }

.greyBlock {
  background-color: #fcfcfc; }

.newsBrief {
  font-size: 14px;
  line-height: 26px;
  text-indent: 2em;
  width: 420px;
  text-align: justify; }
  .newsBrief img {
    padding: 0 10px 0 0; }
  .newsBrief a {
    text-decoration: none; }
    .newsBrief a:visited {
      color: black; }
    .newsBrief a:link {
      color: black; }
    .newsBrief a:hover {
      text-decoration: underline; }

.newsArea {
  padding-bottom: 10px; }

.newsList {
  padding: 0 10px;
  /*li{border-bottom: dashed 1px #dcdcdc}*/ }
  .newsList ul {
    list-style: none;
    color: #009999;
    padding-left: 0;
    margin-top: 0;
    font-size: 14px;
    line-height: 24px; }
    .newsList ul a {
      color: black; }
      .newsList ul a:link {
        text-decoration: none; }
      .newsList ul a:hover {
        text-decoration: underline;
        color: #ff6600; }

#videoArea {
  width: 336px;
  height: 284px;
  padding-left: 3px; }

.newsLink {
  color: black;
  width: 315px;
  white-space: nowrap;
  font-size: 14px;
  height: 30px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden; }
  .newsLink b {
    color: #009999;
    font-size: 18px; }

.newsDate {
  color: black;
  width: 78px;
  margin-left: 10px;
  font-size: 14px; }

.footer {
  background-color: #00726b;
  color: white;
  margin: 0 auto;
  padding: 30px;
  text-align: center; }

.copyright {
  margin: 0 auto;
  font-size: 14px;
  width: 800px;
  line-height: 26px; }

.subNavBlock .current {
  color: #00726b;
  border-bottom: 1px dashed #cccccc;
  margin: 5px;
  padding: 5px 18px; }
  .subNavBlock .current a {
    color: #00726b; }
    .subNavBlock .current a:link {
      text-decoration: none; }
    .subNavBlock .current a:hover {
      text-decoration: underline; }

.subNavBlock ul {
  font-size: 14px;
  line-height: 24px;
  list-style: none;
  margin: 10px 0 30px 0;
  padding: 0 0 30px 0;
  border: 1px solid #cccccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.subNavBlock .item {
  border-bottom: 1px dashed #cccccc;
  margin: 5px;
  padding: 5px 18px; }
  .subNavBlock .item a {
    color: black; }
    .subNavBlock .item a:link {
      text-decoration: none; }
    .subNavBlock .item a:hover {
      text-decoration: underline;
      color: #ff6600; }

.subNavBlock .subMain {
  width: 176px;
  height: 32px;
  padding-left: 20px;
  padding-top: 8px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  background-color: #00726b;
  border-color: #00726b;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .subNavBlock .subMain a:hover {
    color: #ff6600; }
  .subNavBlock .subMain .current a {
    color: #00726b !important;
    text-decoration: none; }
    .subNavBlock .subMain .current a:visited {
      color: #00726b;
      text-decoration: none; }
    .subNavBlock .subMain .current a:hover {
      text-decoration: underline; }

.subLeft {
  min-height: 420px;
  margin: 0 20px; }

.subContactUsBlock {
  margin-bottom: 20px; }
  .subContactUsBlock ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #cccccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
  .subContactUsBlock .item {
    margin: 0px;
    padding: 0px 5px;
    font-size: 12px;
    display: block;
    width: 176px;
    line-height: 24px; }
  .subContactUsBlock .subMain {
    width: 176px;
    height: 28px;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    background-color: #00726b;
    border-color: #00726b;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }

.subListArea {
  width: 960px; }

.breadcrums {
  background-image: url(/Content/Images/breadcumBG.png);
  background-repeat: repeat-x;
  font-size: 14px;
  text-align: right;
  padding: 21px 60px 14px 0; }
  .breadcrums a {
    color: black;
    text-decoration: none;
    padding: 0 4px; }
    .breadcrums a:visited {
      color: black;
      text-decoration: none; }
    .breadcrums a:hover {
      text-decoration: underline;
      color: #ff6600; }
  .breadcrums .current {
    font-size: 15px; }
    .breadcrums .current a {
      color: #00726b;
      text-decoration: none; }
      .breadcrums .current a:visited {
        color: #00726b;
        text-decoration: none; }
      .breadcrums .current a:hover {
        text-decoration: underline; }
  .breadcrums .breadcrumsTxt {
    background-color: white;
    padding: 0 5px; }

.borderList {
  margin: 0 10px 10px 0;
  padding: 10px;
  border: 1px solid #e2e2e2; }
  .borderList ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 40px;
    margin: 0 10px; }
  .borderList li {
    border-bottom: 1px dashed #e2e2e2; }
  .borderList a {
    color: black; }
    .borderList a:link {
      text-decoration: none; }
    .borderList a:hover {
      text-decoration: underline; }

.newsPageLink {
  width: 800px; }
  .newsPageLink a {
    font-size: 14px !important; }
  .newsPageLink a:hover {
    color: #ff6600; }

.newsPageDate {
  font-size: 12px;
  /*font-style:italic*/ }

.pagerArea {
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  font-size: 12px; }
  .pagerArea a {
    font-size: 12px; }

.blockArticle {
  padding: 10px; }

#Title {
  color: #00726b; }

.articleContent {
  font-size: 14px;
  line-height: 24px;
  text-indent: 2em; }

.productList ul {
  list-style: none;
  padding: 0;
  /*height:265px;*/ }

.productList li {
  display: block;
  float: left;
  padding: 0 5px; }

.productList img {
  border: 0; }

/*step carousel box*/
.stepcarousel {
  margin: 0px auto 10px auto;
  overflow: scroll;
  width: 1140px;
  position: relative;
  height: 270px;
  padding-left: 20px; }

.stepcarousel .belt {
  left: 0px;
  position: absolute;
  top: 0px; }

#displaycssbelt {
  visibility: hidden; }

#stocklevels {
  visibility: hidden; }

.stepcarousel .panel {
  float: left;
  margin: 0px 5px 0px 40px;
  overflow: hidden;
  width: 275px; }

.stock {
  clear: both;
  font-size: 10px;
  padding-bottom: 5px;
  margin: 0px auto;
  width: 929px;
  color: #000;
  border-bottom: #000 1px dashed;
  font-family: arial, verdana, sans-serif;
  height: 10px;
  text-align: right; }

.subfeature {
  display: block;
  margin: 0px;
  overflow: hidden;
  width: 270px; }

.subfeature img {
  width: 265px;
  height: 265px; }

.subfeature a {
  height: 265px; }

.subfeature-txt {
  padding-right: 0px;
  padding-left: 0px;
  float: left;
  padding-bottom: 0px;
  margin: 0px;
  width: 202px !important;
  line-height: 17px;
  padding-top: 3px;
  position: relative; }

.subfeature-txt H2 {
  clear: both;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 3px; }

.subfeature-txt H2 A {
  color: #000; }

.subfeature-txt H2 A:hover {
  color: #ff0076; }

.subfeature A IMG {
  border-right: transparent 2px solid;
  border-top: transparent 2px solid;
  border-left: transparent 2px solid;
  border-bottom: transparent 2px solid;
  width: 265px;
  height: 265px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

.subfeature A IMG:hover {
  border-right: #00726b 2px solid;
  border-top: #00726b 2px solid;
  border-left: #00726b 2px solid;
  border-bottom: #00726b 2px solid;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

.post-image {
  width: 266px;
  height: 265px; }

/*-----------------------------------------*/
.unslider {
  height: 375px; }

#bigBanner .unslider-nav ol, #setup .unslider-nav ol {
  list-style: none;
  text-align: center; }

#bigBanner .unslider-nav ol li, #setup .unslider-nav ol li {
  display: inline-block;
  float: none;
  width: 0px;
  height: 0px;
  margin: 0 4px;
  padding: 3px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #009999;
  cursor: pointer;
  opacity: .4; }

#bigBanner .unslider-nav ol li.unslider-active, #setup .unslider-nav ol li.unslider-active {
  background: #009999;
  cursor: default;
  opacity: 1; }

.unslider-nav {
  background-color: white !important;
  background-image: none !important; }

.scrollbut {
  height: 270px; }

.jobItem:hover {
  color: #ff6600; }

<!--ºÄʱ1753873695.4243Ãë-->