header { background: #000; width: 100%; height: 120px; text-align: center;}
header img { height: 30px; margin-top: 20px;}


#nav { width: 100%; height: 60px;}
#nav ul { width: 1000px; margin: 0px auto;}
#nav .mainlevel {float:left; width: 100px; text-align: center;}
#nav .mainlevel a { color: #999; font-size: 16px; line-height: 60px; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#nav .mainlevel a:hover { color: #fff; }
#nav .mainlevel ul { width:200px; display:none; position:absolute; z-index: 9999; margin-left: -50px;}
#nav .mainlevel li { border-top:1px solid #000; background: rgba(0,0,0,.6); width:200px;}
#nav .mainlevel li a { height: 32px; line-height: 32px;  color: #fff; font-size: 16px; text-transform:uppercase; display: block;}
#nav .mainlevel li a:hover {  background: rgba(0,0,0,.6); text-decoration: none;}



.header-hight { height: 0px;}
.main-bg { background: #f7f7f7; padding: 20px 0px; margin-bottom: 20px;}
.w1440 { width: 1440px; }
.w1200 { width: 1200px; }
.w200 { width: 200px; }
.mc { margin: 0 auto;}
.f-l { float: left;}
.f-r { float: right;}
.wow{animation-name: slideInUp;}
.site-title { font-size: 36px; font-weight: bold; color: #000; line-height: 120px; text-align: center; text-transform: uppercase;}
.site-title span { color: #c00;}
.page-title { font-size: 36px; font-weight: bold; color: #000; line-height: 120px; text-align: center; text-transform: uppercase; border-bottom: #ddd solid 1px; margin-bottom: 30px;}
.page-title span { color: #c00;}
.page_banner { width: 100%; height: 0px; margin-bottom: 0px; display: block;}

.home-about { text-align: center; font-size: 18px; line-height: 36px; padding-bottom: 50px;}
.home-pro-list { width: 1440px; overflow: hidden;}
.home-pro-list ul { margin-bottom: 40px; overflow: hidden;}
.home-pro-list li { float: left; width: 450px; margin: 0 15px 30px 15px; overflow: hidden;}
.home-pro-list a { font-size: 12px; color: #666; height: 300px; display: block; overflow:hidden;}
.home-pro-list h2 { font-size: 18px; color: #000; font-weight: bold; line-height: 36px;}
.home-pro-list-photo { width: 450px; height: 200px; margin-bottom: 10px; overflow: hidden;}
.home-pro-list-photo img { width: 450px; transition: all 0.6s;}
.home-pro-list-photo img:hover{ transform: scale(1.2);}
.home-pro-list-photo-h { width: 450px; height: 200px; margin-bottom: 10px; overflow: hidden; }

.home-customer-menu { text-align: center;}
.home-customer-menu a { border: #666 solid 1px; padding: 5px 10px; font-size: 16px; border-radius: 5px; margin: 0 5px; overflow: hidden;}
.home-customer-menu a:hover { border: #000 solid 1px; background: #000; color: #fff; }
.home-customer-menu .active { border: #000 solid 1px; background: #000; color: #fff; }
.home-customer-list ul { margin-top: 50px; overflow: hidden;}
.home-customer-list li { float: left; margin: 0px 15px 30px 15px; width: 330px; height: 300px; background: #eee; overflow: hidden;}
.home-customer-list img { width: 330px; transition: all 0.6s;}
.home-customer-list img:hover{ transform: scale(1.2);}
.home-customer-moer { text-align: center; line-height: 50px; margin-bottom: 30px;}
.home-customer-moer a { color: #999;}
.home-customer-moer a:hover { color: #000;}

.customer-menu .active {border: #000 solid 1px; background: #000; color: #fff;}
.customer-menu ul { width: 600px; margin: 0 auto; overflow: hidden;}
.customer-menu li { float: left; border: #666 solid 1px; padding: 5px 10px; font-size: 16px; border-radius: 5px; margin: 0 5px; overflow: hidden; cursor: pointer;}

.products-type { margin: 30px 0px; border-bottom: #ddd solid 1px; text-align: center; padding-bottom: 30px;}
.products-type a { border: #ddd solid 1px; border-radius: 30px; padding: 10px 15px; margin: 10px;}
.products-type a:hover { border: #999 solid 1px; background: #999; color: #fff;}

.products-list { margin-bottom: 30px; overflow: hidden;}
.products-list ul { margin-left: -20px; overflow: hidden;}
.products-list li { float: left; width: 345px; margin: 0 0 20px 20px;}
.products-list a { background: #f2f2f2; color: #666; padding: 0 15px; line-height: 50px; border-radius: 5px; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.products-list a:hover { background: #000; color: #fff;}

.pagedisp-title { font-weight: bold; font-size: 36px;  margin-bottom: 20px;}
.pagedisp { font-size:16px; line-height:200%; margin-bottom: 50px;}
.pagedisp p {text-indent:2em; word-break:normal; margin-bottom: 1em;}
.pagedisp img { margin: 0px 0px 0px -30px; max-width: 1000px;}
.pagedisp iframe { margin: 0px 0px 0px -30px; max-width:600px;}
.pagedisp object { margin: 0px 0px 0px -30px;}
.pagedisp table img { margin: 0px 0px 0px 0px;text-align:center;}
.pagedisp embed { margin-left:-2em; text-indent:0em;}
.pagedisp strong { font-weight: bold;}
.pagedisp b { font-weight: bold;}
.pagedisp table { color: #000; border-collapse: collapse; border: 1px solid #000; padding: 0px; }
.pagedisp table td { border-style: solid; border-width: 1px; padding: 2px 5px; 	line-height: 150%; }

.filtr-container { margin: 0 auto; width: 1440px; margin-bottom: 30px; overflow: hidden;}
.filtr-container ul { margin: 30px 0px; overflow: hidden;}
.filtr-container a { width: 330px; height: 300px; margin: 0px 15px 30px 15px; overflow: hidden; display: block;}
.filtr-item img { width: 330px; height: 300px; overflow: hidden; transition: all 0.6s;}
.filtr-item img:hover{ transform: scale(1.2);}

.left-menu li { margin-bottom: 20px;}
.left-menu a { background: #eee; text-align: center; line-height: 50px; border-radius: 5px; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.left-menu a:hover { background: #000; color: #fff;}
.left-menu .active { background: #000; color: #fff;}

.pagenext { margin-bottom: 30px;}

.water-group{ height:80px; width: 100%; overflow: hidden; position: absolute; bottom: 0px; z-index: 9; }
.water-group .water{ position: absolute; width: 200%; height:100%; background-size: 50% 100%; background-image: url("../images/wave.png"); }
.water-group .water1{ top:0px; left: -100%; opacity: 0.2; animation: water-right 20s infinite linear; }
.water-group .water2{ top:5px; left: 0; opacity: 0.3; animation: water-left 30s infinite linear; }
.water-group .water3{ top:12px; left: -100%; animation: water-right 40s infinite linear; }
@keyframes water-right{
  0% {
      transform: translateX(0) translateZ(0) scaleY(1)
  }
  50% {
      transform: translateX(25%) translateZ(0) scaleY(0.85)
  }
  100% {
      transform: translateX(50%) translateZ(0) scaleY(1)
  }
}
@keyframes water-left{
  from{
      transform: translate(0%,0px);
  }
  to{
      transform: translate(-50%,0px);
  }
}

footer { background: #000; line-height: 50px; color: #999; font-size: 12px; text-transform: uppercase; padding: 0 20px; overflow: hidden; z-index: 9;}
.footer-w { width: 100%;}
.footer-logo { float: left;}
.footer-logo img { height: 14px; margin: 0 10px 3px 0px;}
.footer-menu { float: right;}
.footer-menu a { color: #999; font-size: 12px; margin-left: 20px;}
.footer-menu a:hover { color: #fff; }

.homebackpage { position: fixed; top: 40%; right: 10px;  display: block; overflow: hidden;}
.homebackpage a { background: #999; width: 42px; text-align: center; height: 42px; line-height: 34px; border-radius: 5px; display: block;}
.homebackpage a:hover { background: #000;}
.homebackpage img { width: 32px; height: 32px;}