.top_bg{ height:9.7rem;z-index: 10; width:100%; position:absolute; top:0; left:0;}
.top_bg:before{content: "";width: 100%;height: 1px;position: absolute;bottom: 0;left: 0;background: rgba(255,255,255,1);}
.top_line{width: 84.375%;margin: 0 auto;height: 9.7rem;}
.h_top{height: 5rem;line-height: 5rem;margin-right: 51px;}
.h_tel{padding-right: 1.2rem;}
.h_tel em{width: 1.5rem;height: 1.5rem;display: block;float: left;line-height: 0;padding: 1.8rem 0.5rem 0 0;}
.h_tel em img{width: 1.5rem;height: 1.5rem;}
.h_tel b{font-size: 1.1rem;color: #666;}
.search{width:1.1rem;height:1.1rem;cursor:pointer;position: relative;padding: 0 1.3rem;margin-top: 1.9rem;}
.search:before{content: "";width: 1px;height: 0.8rem;position: absolute;top: 2px;left: 0;background: rgba(255,255,255,1);}
.sea_icon i{display:block;width:1.1rem;height:1.1rem;float: left;line-height: 0;}
.sea_icon i img{width: 1.1rem;height: 1.1rem;}
.sea_icon:hover i{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.sea_box{position: absolute;width: 345px;right: 1rem;top:30px;z-index: 100;display: none;}
.sea_box input {float: left;border: 2px solid #eec93d;font-size: 14px;color: #999;}
.sea_box input.txt {width: 250px;padding: 0 10px;line-height: 34px;height: 34px;}
.sea_box input.btn {width: 70px;background-color: #eec93d;color: #fff;cursor: pointer;height: 38px;}
input::-webkit-input-placeholder {color: #999;}
.h_code{margin-top: 2rem;cursor: pointer;position: relative;}
.h_code em{width: 1rem;height: 1rem;display: block;line-height: 0;}
.h_code em img{width: 1rem;height: 1rem;}
.h_code p{width: 4.5rem;height: 4.5rem;position: absolute;top: -10rem;right: -5rem;-webkit-transition:all .5s;transition:all .5s;}
.h_code p img{width: 4.5rem;height: 4.5rem;}
.h_code:hover p{top: -1.5rem;}
.logo{width: 29%;padding: 0.5rem 0 0;}
.logo img{width: 13.2rem;/* height:2.8rem; */}
.h_dw{font-size: 1.1rem;color: #fff;width: 24%;line-height: 1.5rem;float: left;height: 4rem;padding: 0.3rem 0 0;}
.h_dw i{display: block;}
.h_nav{ height:4.7rem;overflow: hidden;}
.h_nav li{float:left;height: 4.7rem;line-height: 4.4rem;overflow: hidden;padding: 0 1.4rem;}
.h_nav li a{
  font-size: 1.3rem;
  color: #666;
  display:block;
  float:left;
  position: relative;
  vertical-align: middle;
  text-align: center;
  height: 4.7rem;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  }
.h_nav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #eec93d;
  height: 0.3rem;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.h_nav li a:hover:before, .h_nav li a:focus:before, .h_nav li a:active:before,.h_nav li.cur a:before {
  right: 0;
}
.h_ico{width: 1.9rem;height: 1.1rem;line-height: 0;padding: 1.6rem 0 0;}
.h_ico img{width: 1.9rem;height: 1.1rem;}
em,i{ font-style:normal;}

@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}


.fullSlide{ min-width:1200px; position:relative;}
.fullSlide .bd li img {width: 100%;display: block;}
.fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:35px; position:absolute; z-index:1;overflow:hidden;}
.fullSlide .hd ul{margin-left: 520px;}
.fullSlide .hd ul li{ float:left; margin:0 30px 0 0; display:inline; cursor:pointer; width: 20px;height: 20px;background: #fff; text-indent: -99999px;border-radius: 50%;}
.fullSlide .hd ul .on{background: #eec93d;}
.fullSlide p{width: 86px;height: 86px;position: absolute;bottom: 90px;left: 8%;}
.fullSlide p img{width: 86px;height: 86px;}