* {  margin: 0;  padding: 0;  box-sizing: border-box;}
html,body {  font-family:Microsoft YaHei, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, WenQuanYi Micro Hei, sans-serif}
a {  text-decoration: none;}
ul,li {  list-style: none;}
.sub {  background: none;  border: none;  outline: none;}
.sub img {  vertical-align: middle;}
.sub span {  vertical-align: middle;}
.thenav {  height: 110px;  position: relative;  background: #000;  display: -webkit-box;  display: flex;  -webkit-box-align: center;  align-items: center;  -webkit-box-pack: justify;  justify-content: space-between;  padding: 0 40px;  top: 0;  width: 100%;  z-index: 999;  -webkit-transition: all 0.5s;  transition: all 0.5s;}
.thenavxl {  height: 100px;  position: fixed;}
.findcon {  position: relative;}
.ewm_span{	margin-bottom: 20px;}
.findcon span {  font-size: 16px;  color: #fff;}
.zyb {  font-size: 16px;  color: #fff;  display: -webkit-box;  display: flex;  -webkit-box-align: center;  align-items: center;}
.logo {  position: relative;}
.find {  display: -webkit-box;  display: flex;}
.findcon {  margin-right: 20px;  padding: 5px 0;  cursor: pointer;}
.findcon img {  vertical-align: middle;  margin-right: 5px;}
.thefind {  position: absolute;  top: 100%;  left: 0;  display: none;  border: none;  outline: none;  font-size: 16px;  width: 300px;  padding: 5px 20px;}
.mobile-inner-header-icon {  color: #fff;  height:50px;  font-size: 25px;  text-align: center;  width: 50px;  position: relative;  -webkit-transition: background 0.5s;  transition: background 0.5s;}
.mobile-inner-header-icon:hover {  background-color: rgba(255, 255, 255, 0.2);  cursor: pointer;}
.mobile-inner-header-icon span {  position: absolute;  left: calc((100% - 36px) / 2);  top: calc((100% - 1px) / 2);  width: 36px; margin-top:10px;  height: 1px;  background-color: #fff;}
.mobile-inner-header-icon span:nth-child(1) {  -webkit-transform: translateY(9px) rotate(0deg);  transform: translateY(9px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {  -webkit-transform: translateY(px) rotate(0deg);  transform: translateY(px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3) {  -webkit-transform: translateY(-9px) rotate(0deg);  transform: translateY(-9px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {  -webkit-animation-duration: 0.5s;  animation-duration: 0.5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  -webkit-animation-name: clickfirst;  animation-name: clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2) {  -webkit-animation-duration: 0.5s;  animation-duration: 0.5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  -webkit-animation-name: clickthree;  animation-name: clickthree;}
.mobile-inner-header-icon-click span:nth-child(3) {  -webkit-animation-duration: 0.5s;  animation-duration: 0.5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  -webkit-animation-name: clicksecond;  animation-name: clicksecond;}
@-webkit-keyframes clickfirst {0% {-webkit-transform: translateY(9px) rotate(0deg);transform: translateY(9px) rotate(0deg);  }  100% {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);  }}
@keyframes clickfirst {  0% {-webkit-transform: translateY(9px) rotate(0deg);transform: translateY(9px) rotate(0deg);  }  100% {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);  }}
@-webkit-keyframes clicksecond {  0% {-webkit-transform: translateY(-9px) rotate(0deg);transform: translateY(-9px) rotate(0deg);  }  100% {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);  }}
@keyframes clicksecond {  0% {-webkit-transform: translateY(-9px) rotate(0deg);transform: translateY(-9px) rotate(0deg);  }  100% {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);  }}
@-webkit-keyframes clickthree {  0% {opacity: 1;  }  100% {opacity: 0;  }}
@keyframes clickthree {  0% {opacity: 1;  }  100% {opacity: 0;  }}
.mobile-inner-header-icon-out span:nth-child(1) {  -webkit-animation-duration: 0.5s;  animation-duration: 0.5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  -webkit-animation-name: outfirst;  animation-name: outfirst;}
.mobile-inner-header-icon-out span:nth-child(2) {  -webkit-animation-duration: 0.5s;  animation-duration: 0.5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  -webkit-animation-name: outthree;  animation-name: outthree;}
.mobile-inner-header-icon-out span:nth-child(3) {  -webkit-animation-duration: 0.5s;  animation-duration: 0.5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  -webkit-animation-name: outsecond;  animation-name: outsecond;}
@-webkit-keyframes outfirst {  0% {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);  }  100% {-webkit-transform: translateY(-9px) rotate(0deg);transform: translateY(-9px) rotate(0deg);  }}
@keyframes outfirst {  0% {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);  }  100% {-webkit-transform: translateY(-9px) rotate(0deg);transform: translateY(-9px) rotate(0deg);  }}
@-webkit-keyframes outsecond {  0% {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);  }  100% {-webkit-transform: translateY(9px) rotate(0deg);transform: translateY(9px) rotate(0deg);  }}
@keyframes outsecond {  0% {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);  }  100% {-webkit-transform: translateY(9px) rotate(0deg);transform: translateY(9px) rotate(0deg);  }}
@-webkit-keyframes outthree {  0% {opacity: 0;  }  100% {opacity: 1;  }}
@keyframes outthree {  0% {opacity: 0;  }  100% {opacity: 1;  }}
.dh {  background: #000;  position: fixed;  right: 0;  height: calc(100% - 110px);  top: 110px;  width: 0px;  overflow: hidden;  -webkit-transition: all 0.5s;  transition: all 0.5s;  z-index: 999;  transition: all 0.5s;  overflow: scroll;}
.dhxl {  height: calc(100% - 100px);  top: 100px;}
.dhactive {  padding: 0 60px;  width: 346px;}
.dh .hasnav2con>a {  border-bottom: 1px solid #494d65;}
.dh li a {  line-height: 72px;  font-size: 16px;  display: block;  color: #fff;  padding-left: 5px;  white-space: nowrap;}
.thenavbot_t {  background: #000;  padding-bottom: 80px;}
.juzhong {  width: 62.5%;  min-width: 1200px;  position: relative;  margin: 0 auto;}
.center {  width: 1400px;  position: relative;  margin: 0 auto;}
.thenavbot_tcon {  display: -webkit-box;  display: flex;  -webkit-box-pack: justify;  justify-content: space-between;}
.ewm {  display: -webkit-box;  display: flex;  align-content: flex-start;  -webkit-box-pack: center;  justify-content: center;  flex-wrap: wrap;  width: -webkit-min-content;  width: -moz-min-content;  width: min-content;}
.ewm>a>img{	width: 90%;display: inline-block;}
.ewm>a{	text-align: center;}
.ewm img {  display: block;}
.ewm img:nth-child(2) {  margin: 20px 0 10px 0;}
.ewm span {  display: block;  text-align: center;  font-size: 12px;  color: #fff;  width: 100%;  white-space: nowrap;}
.wbdhul {  display: inline-block;  margin-right: 30px; width:290px;  vertical-align: text-top;}
.wbdhul:last-child {  margin-right: 0;}
.wbdh {  font-size: 0;}
.wbdhul_title {  border-bottom: 1px solid #494d65;  margin-bottom: 10px;}
.wbdhul_title a {  font-size: 14px;  color: #fff !important;}
.wbdhul li a {  font-size: 14px;  color: #60637d;  line-height: 40px;}
.thenavbot_b {  background: #d5d5d5;  font-size: 14px;  color: #838383;  height: 70px;  display: -webkit-box;  display: flex;  width: 100%;  -webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center;  align-items: center;  text-align: center;}
.thenavbot_lick {  position: relative;  color: #fff;  line-height: 70px;  margin-bottom: 30px;  text-align: center;  width: 100%;  text-align: center;  cursor: pointer; padding-top:30px;}
.thenavbot_lick img {  height: auto;  width: 40px;}
.nav2 {  display: none;  overflow: hidden;  /*transition: all 0.3S;*/   }
@keyframes nav2over {  0% {height: 0;  }  100% {height: auto;  }}
.nav2_hover{	display: block;}
.nav2 li a:hover {  color: #fff;}
.nav2 li {  border: none;}
.nav2 li a {  font-size: 14px;  color: #eee;  line-height: 40px;}
.dh::-webkit-scrollbar {  /*滚动条整体样式*/  width: 0px; /*高宽分别对应横竖滚动条的尺寸*/  height: 1px;}
.dh::-webkit-scrollbar-thumb {  /*滚动条里面小方块*/  border-radius: 0px;  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);  background: #535353;}
.dh::-webkit-scrollbar-track {  /*滚动条里面轨道*/  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);  border-radius: 0px;  background: #ededed;}::-webkit-scrollbar {  /*滚动条整体样式*/  width: 0px; /*高宽分别对应横竖滚动条的尺寸*/  height: 1px;}
.dh::-webkit-scrollbar-thumb {  /*滚动条里面小方块*/  border-radius: 0px;  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);  background: #535353;}
.dh::-webkit-scrollbar-track {  /*滚动条里面轨道*/  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);  border-radius: 0px;  background: #ededed;}
.btn2 {  display: none;}
.btn1 {  display: block;}
.ewm2{	display: none;}
@media only screen and (max-width: 1200px) {
.ewm2{display: block;	display: flex;justify-content: space-around;align-items: center;padding-top: 30px;width: 100%;	}	
.ewm2 span{color: #fff;font-size: 12px;display: block;text-align: center;	}	
.ewm2_logo{text-align: center;	}	
.ewm2_logo img{width: 140px;	}	
.ewm_span{margin-top: 10px;margin-bottom: 0;	}	
.ewm2_logo span{margin-top: 20px;	}	
.ewm{display: none;	}  
.dh li a {line-height: 40px;font-size: 14px;  }
.thenavbot_lick{	margin-bottom: 0;}
.nav2 li a {font-size: 12px;color: #494d65;  }  
.juzhong {width: 96%;min-width: 200px;  }  
.thenavbot_tcon {-webkit-box-pack: center;justify-content: center;  }  
.thenavbot_t {padding:  0 0 30px 0;  } 
.wbdh {display: none;  }  
.center {width: 96%;  }  
.thenav {padding: 0 2%;  }  
.logo span {display: none;  }  
.logo {width: 40%;max-width: 200px;  }  
.logo img {width: 100%;  }  
.thenav {height: 60px;  }  
.dhactive {width: 50%;padding: 0 20px;  }  
.dh {height: calc(100% - 60px);top: 60px;  }  
.findcon {margin-right: 10px;  }  
.findcon span {font-size: 14px;  }  
.zyb {font-size: 14px;padding: 8px 0;  }}
@media only screen and (min-width: 1200px) {	
.hasnav2con:hover .nav2{ 
animation: nav2over 0.3s infinite;  animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;  animation-iteration-count:1;-webkit-animation-iteration-count:1;	}	
.nav2{height: 0;display: block;	}	}