.nav_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.nav_top dl {
  width: 796px;
  background: url(../image/nav_top_bg.png) no-repeat;
  margin-right: -200px;
  padding-left: 120px;
  float: right;
}
.nav_top dl a {
  width: 100%;
  height: 100%;
  display: block;
  background: url(../image/nav_button.png) no-repeat;
}
.nav_top dl dt {
  width: 95px;
  height: 43px;
  float: left;
  position: relative;
}
.nav_top dl dt.d1 {
  width: 60px;
}
.nav_top dl dt.d1 a {
  background-position: left top;
}
.nav_top dl dt.d1 a:hover {
  background-position: left -44px;
}
.nav_top dl dt.d2 a {
  background-position: -72px top;
}
.nav_top dl dt.d2 a:hover {
  background-position: -72px -44px;
}
.nav_top dl dt.d3 {
  width: 94px;
}
.nav_top dl dt.d3 a {
  background-position: -178px top;
}
.nav_top dl dt.d3 a:hover {
  background-position: -178px -44px;
}
.nav_top dl dt.d4 a {
  background-position: -283px top;
}
.nav_top dl dt.d4 a:hover {
  background-position: -283px -44px;
}
.nav_top dl dt.d5 {
  width: 92px;
}
.nav_top dl dt.d5 a {
  background-position: -390px top;
}
.nav_top dl dt.d5 a:hover {
  background-position: -390px -44px;
}
.nav_top dl dt.d6 {
  width: 97px;
}
.nav_top dl dt.d6 a {
  background-position: -493px top;
}
.nav_top dl dt.d6 a:hover {
  background-position: -493px -44px;
}
.nav_top dl dt.d7 {
  width: 90px;
}
.nav_top dl dt.d7 a {
  background-position: -601px top;
}
.nav_top dl dt.d7 a:hover {
  background-position: -601px -44px;
}
.nav_top dl dt .select {
  width: 100px;
  position: absolute;
  top: 43px;
  left: -6px;
  display: none;
  background: url(../image/select_bg.png) no-repeat left top;
  z-index: 999;
}
.nav_top dl dt .select span {
  width: 100%;
  height: 7px;
  display: block;
  background: url(../image/nav_button.png) no-repeat left -87px;
}
.nav_top dl dt .select p {
  width: 100%;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  text-align: center;
}
.nav_top dl dt .select p a {
  width: 100%;
  height: 100%;
  display: block;
  color: #4d370d;
  background: none;
}
.nav_top dl dt .select p a:hover {
  color: #93251b;
}
.nav_top dl dd {
  width: 13px;
  height: 43px;
  float: left;
  background: url(../image/nav_button.png) no-repeat -60px top;
}
.head_box .left_box {
  width: 246px;
  float: left;
  font-size: 14px;
}
.head_box .left_box .btn_box {
  overflow: hidden;
}
.head_box .left_box .btn_box ul li {
  float: left;
  position: relative;
  margin-bottom: 7px;
}
.head_box .left_box .btn_box ul li.s1 {
  width: 246px;
  height: 128px;
}
.head_box .left_box .btn_box ul li.s1 a {
  background-position: left top;
}
.head_box .left_box .btn_box ul li.s1 a:hover {
  background-position: -247px top;
}
.head_box .left_box .btn_box ul li.s1 span {
  width: 33px;
  height: 18px;
  background-position: -244px -129px;
  top: 32px;
  left: 108px;
}
.head_box .left_box .btn_box ul li.s2 {
  width: 121px;
  height: 70px;
  margin-right: 4px;
}
.head_box .left_box .btn_box ul li.s2 a {
  background-position: left -129px;
}
.head_box .left_box .btn_box ul li.s2 a:hover {
  background-position: left -200px;
}
.head_box .left_box .btn_box ul li.s2 span {
  width: 15px;
  height: 16px;
  background-position: -244px -147px;
  top: 17px;
  left: 53px;
}
.head_box .left_box .btn_box ul li.s3 {
  width: 121px;
  height: 70px;
}
.head_box .left_box .btn_box ul li.s3 a {
  background-position: -122px -129px;
}
.head_box .left_box .btn_box ul li.s3 a:hover {
  background-position: -122px -200px;
}
.head_box .left_box .btn_box ul li.s3 span {
  width: 18px;
  height: 17px;
  background-position: -244px -163px;
  top: 17px;
  left: 53px;
}
.head_box .left_box .btn_box ul li:hover span {
  animation: jup 0.8s .2s 1 both;
}
.head_box .left_box .btn_box ul li span {
  display: block;
  position: absolute;
  background: url(../image/button_public1.png) no-repeat;
}
.head_box .left_box .btn_box ul li a {
  width: 100%;
  height: 100%;
  display: block;
  background: url(../image/button_public1.png) no-repeat;
}
.head_box .left_box .special_nav {
  background: url(../image/special_bg.jpg) no-repeat;
  overflow: hidden;
}
.head_box .left_box .special_nav ul li {
  width: 123px;
  height: 157px;
  float: left;
  overflow: hidden;
}
.head_box .left_box .special_nav ul li.n1,
.head_box .left_box .special_nav ul li.n3,
.head_box .left_box .special_nav ul li.n5,
.head_box .left_box .special_nav ul li.n7 {
  width: 122px;
  background: url(../image/special_nav_bg.png) repeat-y right top;
}
.head_box .left_box .special_nav ul li.n1 a,
.head_box .left_box .special_nav ul li.n3 a,
.head_box .left_box .special_nav ul li.n5 a,
.head_box .left_box .special_nav ul li.n7 a {
  width: 122px;
}
.head_box .left_box .special_nav ul li span {
  padding-top: 38px;
  display: block;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: 0.8s all ease;
  transition: 0.8s all ease;
}
.head_box .left_box .special_nav ul li i {
  width: 62px;
  height: 62px;
  display: block;
  margin: 0 auto 0;
  background: url(../image/button_public1.png) no-repeat;
}
.head_box .left_box .special_nav ul li em {
  display: block;
  padding-top: 7px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: 0.8s all ease;
  transition: 0.8s all ease;
}
.head_box .left_box .special_nav ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.head_box .left_box .special_nav ul li a:hover {
  background: url(../image/button_public1.png) no-repeat -125px -271px;
}
.head_box .left_box .special_nav ul li.n1 i {
  background-position: left -271px;
}
.head_box .left_box .special_nav ul li.n2 i {
  background-position: -62px -271px;
}
.head_box .left_box .special_nav ul li.n3 i {
  background-position: left -333px;
}
.head_box .left_box .special_nav ul li.n4 i {
  background-position: -62px -333px;
}
.head_box .left_box .special_nav ul li.n5 i {
  background-position: left -395px;
}
.head_box .left_box .special_nav ul li.n6 i {
  background-position: -62px -395px;
}
.head_box .left_box .special_nav ul li.n7 i {
  background-position: left -457px;
}
.head_box .left_box .special_nav ul li.n8 i {
  background-position: -62px -457px;
}
.head_box .left_box .special_nav ul li:hover span {
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: 0.8s all ease;
  transition: 0.8s all ease;
}
.head_box .left_box .special_nav ul li:hover em {
  -webkit-transform: translateY(-45px);
  transform: translateY(-45px);
  -webkit-transition: 0.8s all ease;
  transition: 0.8s all ease;
}
.head_box .left_box .service_box {
  background: #343131;
  margin-top: 7px;
  padding: 23px 23px 43px;
  overflow: hidden;
}
.head_box .left_box .service_box .s_list li {
  height: 29px;
  border-bottom: 1px solid #555252;
  overflow: hidden;
  position: relative;
  padding: 24px 0 0 90px;
}
.head_box .left_box .service_box .s_list li span {
  position: absolute;
  display: block;
  background: url(../image/button_public1.png) no-repeat;
}
.head_box .left_box .service_box .s_list li:hover span {
  animation: jup 0.8s .2s 1 both;
}
.head_box .left_box .service_box .s_list li a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
}
.head_box .left_box .service_box .s_list li.s1 span {
  width: 24px;
  height: 25px;
  top: 20px;
  left: 43px;
  background-position: -244px -181px;
}
.head_box .left_box .service_box .s_list li.s2 span {
  width: 31px;
  height: 27px;
  top: 17px;
  left: 39px;
  background-position: -244px -207px;
}
.head_box .left_box .service_box .s_list li.s3 span {
  width: 26px;
  height: 26px;
  top: 18px;
  left: 43px;
  background-position: -244px -235px;
}
.head_box .left_box .service_box h2 {
  font-size: 22px;
  color: #bf976c;
  font-weight: bold;
  text-align: center;
  padding: 28px 0 14px 0;
}
.head_box .left_box .service_box .phone_box {
  color: #a09071;
}
.head_box .left_box .service_box .phone_box li {
  border-bottom: 1px solid #55483d;
  padding: 8px 0;
  text-align: center;
}
.head_box .left_box .service_box .phone_box li.p1 {
  text-align: left;
  border: none;
  padding: 0;
}
.head_box .left_box .service_box .phone_box li.p2 {
  font-size: 24px;
}
.head_box .left_box .service_box .kf_btn {
  padding-top: 19px;
  overflow: hidden;
}
.head_box .left_box .service_box .kf_btn a {
  width: 92px;
  height: 28px;
  display: block;
  float: left;
  color: #291a14;
  text-align: center;
  line-height: 28px;
  background: url(../image/button_public1.png) no-repeat -125px -429px;
}
.head_box .left_box .service_box .kf_btn a.a1 {
  margin-right: 14px;
}
.head_box .left_box .service_box .kf_btn a:hover {
  background-position: -125px -458px;
}
.head_box .left_box .service_box .code_box {
  padding: 20px 0 180px 0;
  overflow: hidden;
  display:none;
}
.head_box .left_box .service_box .code_box ul li {
  width: 132px;
  height: 164px;
  margin: 0 auto 24px;
  background: url(../image/code_img2.png) no-repeat;
}
.head_box .left_box .service_box .code_box ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.head_box .left_box .service_box .code_box ul li.s1 {
  background-position: left top;
}
.head_box .left_box .service_box .code_box ul li.s2 {
  background-position: -133px top;
}
.head_box .left_box .service_box .code_box ul li.s3 {
  background-position: -266px top;
}
.head_box .left_box .service_box .code_box ul li.s4 {
  background-position: -399px top;
}
.head_box .left_box .service_box .code_box ul li.s5 {
  background-position: -532px top;
}
.head_box .left_box .service_box .code_box ul li.s6 {
  background-position: -665px top;
}
@-webkit-keyframes jup {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, -6px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}