@charset "UTF-8";
li,ol,p,td,th,ul {
  margin: 0;
  padding: 0;
}
::selection{background:#FE7E00}
::-moz-selection{background:#FE7E00}
a {
  color:#333;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

li,ol,ul{
  list-style: none;
}
.viewb {
  width: 100%;
  height: 70px;
  position: absolute;
  z-index: 999;
  top: 0;
  transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  perspective: 5000px;
  -moz-perspective: 5000px;
  -webkit-perspective: 5000px;
  -ms-perspective: 5000px;
}
.cd {
  width: 100%;
  height: 70px;
  background: #fff;
  -webkit-animation: rone 2s;
  -moz-animation: rone 2s;
  animation: rone 2s;
  transform-origin: top center;
  -moz-transform-origin: top center;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
}
@keyframes rone {
  from {
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -ms-animation-delay: 1s;
    transform: rotateX(150deg);
    -webkit-transform: rotateX(150deg);
    -ms-transform: rotateX(150deg);
    -moz-transform: rotateX(150deg);
  }
  to {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -moz-transform: rotateX(0);
  }
}
@-webkit-keyframes rone {
  from {
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -ms-animation-delay: 1s;
    transform: rotateX(150deg);
    -webkit-transform: rotateX(150deg);
    -ms-transform: rotateX(150deg);
    -moz-transform: rotateX(150deg);
  }
  to {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -moz-transform: rotateX(0);
  }
}
@-moz-keyframes rone {
  from {
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -ms-animation-delay: 1s;
    transform: rotateX(150deg);
    -webkit-transform: rotateX(150deg);
    -ms-transform: rotateX(150deg);
    -moz-transform: rotateX(150deg);
  }
  to {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -moz-transform: rotateX(0);
  }
}
@-ms-keyframes rone {
  from {
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -ms-animation-delay: 1s;
    transform: rotateX(150deg);
    -webkit-transform: rotateX(150deg);
    -ms-transform: rotateX(150deg);
    -moz-transform: rotateX(150deg);
  }
  to {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -moz-transform: rotateX(0);
  }
}
@-o-keyframes rone {
  from {
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -ms-animation-delay: 1s;
    transform: rotateX(150deg);
    -webkit-transform: rotateX(150deg);
    -ms-transform: rotateX(150deg);
    -moz-transform: rotateX(150deg);
  }
  to {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -moz-transform: rotateX(0);
  }
}
.cd .cd-logo {
  width: 320px;
  height: 70px;
  float: left;
  display: inline-block;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -ms-transition: .6s;
  transition: .6s;
  background: url(../images/logo.jpg) no-repeat top;
}
.cd .cd-logo:hover {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  -moz-transform: scale3d(0.9, 0.9, 0.9);
  -ms-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
}
.cd .cd-1 {
  width: 1000px;
  height: 70px;
  margin: 0 auto;
}
.cd .cd-1 ul {
  width: 630px;
  overflow: hidden;
  height: 70px;
  float: right;
  list-style: none;
}
.cd .cd-1 ul li {
  width: 90px;
  height: 1px;
  text-align: center;
  background: #fff;
  color: #000;
  line-height: 70px;
  float: left;
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  -moz-transition: all 0.3s;
}
.cd .cd-1 ul li a {
  display: inline-block;
  width: 90px;
  height: 70px;
  font-size: 16px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  -moz-transition: all 0.3s;
}
.cd .cd-1 ul li:hover {
  background: #ee7500;
  height: 70px;
}
.cd .cd-1 ul li:hover a {
  color: #fff;
}