#topimg {
  width:100%;
  background-image:url("../img/product/banner02.png");
  background-repeat:no-repeat;
  -moz-background-size:100%;
  -webkit-background-size:100%;
  -o-background-size:100%;
  -ms-behavior:url(backgroundsize.min.htc);
  behavior:url(backgroundsize.min.htc);
  background-size:100%;
  min-width:1000px
}
.top-null {
  display:block;
  padding-top:20.88%
}
.top-title {
  position:absolute;
  margin-top:-23.88%;
  width:100%
}
.pro-intro-title {
  position:relative;
  margin:0 auto;
  font-size:3.8em
}
.pro-intro-contain {
  margin-top:2%;
  font-size:2em;
  line-height:1.5
}
.topimg img {
  width:100%
}
.top-nav {
  width:100%;
  margin:-40px auto
}
.top-nav-contain {
  min-width:1000px;
  margin:0 auto;
  height:80px;
  background-color:inherit
}
.top-nav-contain .nev-tec,.top-nav-contain img {
  display:inline-block;
  line-height:100px;
  vertical-align:middle
}
.top-nav-contain .nev-tec {
  color:#000;
  font-size:1.8em;
  margin:0 5px 0 5px
}
.top-nav-contain .active {
  font-size:20px;
  color:#f6b130
}
.top-nav-contain img {
  width:330px
}
.top-nav-contain span {
  padding:0 5px 0 5px
}
.why-zm {
  display:block
}
.p-why-left,.p-why-right {
  display:inline-block
}
.p-why-left {
  vertical-align:top;
  width:578px;
  height:260px;
  text-align:left
}
.p-title {
  color:#f6b130;
  font-weight:bold;
  font-size:2.1em
}
.p-content {
  color:#434343;
  line-height:2em;
  font-size:1.6em
}
.p-why-right {
  width:222px;
  height:234px;
  font-size:2.4em;
  margin-left:150px;
  color:#434343;
  font-weight:bold;
  background-color:#f5f5f5
}
.p-img {
  margin:16px auto;
  display:block;
  width:150px;
  height:150px
}
.top-nav .tec-jiehe {
  display:block;
  color:#343434;
  margin-top:13px;
  font-size:2.0em;
  font-weight:bold
}
.top-nav .underline {
  width:47px;
  margin-bottom:20px
}
.p-all {
  width:964px;
  padding-top:40px;
  padding-bottom: 30px;
  text-align:left;
  margin:0 auto 0
}
.p-bwbx {
  width:100%;
  text-align:left;
  background-color:#f5f5f5
}
.center {
  margin:0 auto
}
.p-bwbx-left,.p-bwbx-right {
  display:inline-block
}
.p-bwbx-left {
  width:262px;
  height:234px;
  font-size:2.4em;
  margin:20px 0 20px 10px;
  color:#434343;
  font-weight:bold;
  background-color:#f5f5f5
}
.p-bwbx-right {
  vertical-align:top;
  text-align:left;
  width:600px;
  height:234px;
  margin:20px 20px 0 200px
}
.p-wdfb {
  width:1000px;
  margin:20px auto;
  text-align:left
}
.p-wdfb-left,.p-wdfb-right {
  display:inline-block
}
.p-wdfb-left {
  vertical-align:top;
  margin-left:30px;
  width:370px;
  height:260px;
  text-align:left
}
.p-wdfb-right {
  width:222px;
  height:234px;
  font-size:2.4em;
  float:right;
  margin-right:30px;
  color:#434343;
  font-weight:bold;
  background-color:white
}
.about-tec-join {
  height:330px;
  width:1000px;
  margin:0 auto;
  text-align:center
}
.tedo-tec-post {
  vertical-align:top;
  width:214px;
  height:269px;
  border-style:solid;
  border-width:7px;
  border-color:#e2e2e2;
  background-color:#f5f5f5;
  display:inline-block;
  font-size:2em;
  padding:7px;
  margin-bottom:30px;
  text-align:center;
  overflow:hidden
}
.layer {
  position:relative;
  background-color:black;
  opacity:.5;
  transition:all 1.5s;
  -webkit-transition:all 1.5s;
  -moz-transition:all 1.5s;
  -ms-transition:all 1.5s;
  color:white;
  font-size:16px;
  overflow:hidden;
  line-height:20px
}
.layer p {
  text-align:left
}
#layer1 {
  width:240px;
  height:295px;
  top:-265px;
  left:-12px;
  display:none
}
#layer2 {
  width:240px;
  height:0;
  top:-265px;
  left:-12px;
  display:block
}
#layer3 {
  width:0;
  height:295px;
  top:-290px;
  left:-12px;
  display:block
}
#layer4 {
  width:240px;
  height:295px;
  top:25px;
  left:-10px;
  display:block
}
#layer5 {
  width:240px;
  height:295px;
  top:-290px;
  left:312px;
  display:block
}
#layer1 p {
  padding:80px 30px 30px 30px
}
#layer2 p {
  padding:80px 30px 30px 30px
}
#layer3 p {
  padding:80px 30px 30px 30px
}
#layer4 p {
  padding:80px 30px 30px 30px
}
#layer5 p {
  padding:80px 30px 30px 30px
}
.tedo-tec-post:hover #layer1 {
  display:block
}
.tedo-tec-post:hover #layer2 {
  height:295px
}
.tedo-tec-post:hover #layer3 {
  width:240px
}
.tedo-tec-post:hover #layer4 {
  top:-260px
}
.tedo-tec-post:hover #layer5 {
  left:-10px
}
.tedo-tec-post span {
  display:block;
  margin:30px auto;
  font-weight:bold
}
.code {
  color:#12a9ef;
  margin-left:10px;
  float:left
}
.jxhyy {
  color:#f6b130
}
.cyhyy {
  color:#7ec538;
  float:right;
  margin-right:10px
}
.aqsj {
  color:#ffa500;
  margin-right:150px
}
.wgzaz {
  color:#506dff
}
.second-menu {
  width:100%;
  height:380px;
  background-color:#fff;
  color:#434343;
  margin-left:20px
}
.second-menu .center {
  width:1000px;
  margin:0 auto
}
.menu1,.menu2 {
  margin-top:20px;
  border-bottom:1px solid #9f9c9e;
  display:inline-block;
  width:200px;
  height:40px;
  vertical-align:middle;
  font-size:2.1em;
  float:left
}
.menu2 a:hover {
  color:#4178be
}
.menu1 a:hover {
  color:#4178be
}
.menu1 img,.menu2 img {
  width:200px;
  display:block;
  vertical-align:bottom
}
.menu1-contain,.menu2-contain {
  display:block;
  width:1000px;
  font-size:1.6em;
  padding-top:90px;
  text-align:left;
  line-height:1.8;
}
.second-menu li {
  line-height:1.8;
  text-align:left;
  margin-left:20px
}
.p-steady {
  width:100%;
  text-align:left;
  background-color:#f5f5f5;
  padding-bottom:45px
}
.p-steady .center {
  width:1000px;
  margin:0 auto
}
.p-steady-left,.p-steady-right {
  display:inline-block
}
.p-steady-right {
  vertical-align:middle;
  text-align:left;
  width:440px;
  float:right;
  margin-right:20px;
  margin-top:40px
}
.p-steady-left {
  vertical-align:top;
  width:222px;
  height:245px;
  margin:20px 260px 20px 20px
}
.p-img-unity {
  margin:16px auto;
  display:block;
}