/* html {
  background-color: #fff;
} */
@font-face {
  font-family: 'Pingfang';
  src: url('../font/PingFang.eot');
  src:
    url('../font/PingFang.eot?#font-spider') format('embedded-opentype'),
    url('../font/PingFang.woff') format('woff'),
    url('../font/PingFang.ttf') format('truetype'),
    url('../font/PingFang.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


.theme-color {
  color: #D49B62;
}

.header {
  width: 100%;
  height: .9rem;
  background-color: #fff;
  font-family: PingFang;
}

.header .logo {
  position: absolute;
  width: 1.66rem;
  height: .54rem;
  left: .5rem;
  top: .3rem;
  float: left;
}

.header ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header ul li {
  float: left;
  font-size: .18rem;
  margin-right: .36rem;
}

.header ul .go-in {
  padding: .34rem 0 .3rem 0;
  border-bottom: .04rem solid #D49B62;
}

.header .others {
  position: absolute;
  height: .9rem;
  top: 0;
  right: 0;
}

.header .others .store,
.header .others .wx {
  float: left;
  width: .9rem;
  height: .9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: .1rem;
  cursor: pointer;
}

.header .others div .text {
  height: .2rem;
  width: 100%;
  display: flex;
  justify-content: center;
}

.header .others .store {
  background-color: #D49B62;
  color: #fff;
}

.header .others img {
  width: .34rem;
  height: .32rem;
  display: block;
}

.header .others .wx:hover .scan{
  display: flex;
}

.header .scan {
  width: 1.2rem;
  height: 1.5rem;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.1rem;
  z-index: 999;
  position: absolute;
  right: 0;
  top: 1.1rem;
  background-color: #fff;
  border: 1px solid #dddddd;
}

.header .scan::before {
  margin-left: 10px;
  float: left;
  width: 0; 
  height: 0;
  border-width: .15rem;;
  border-style: solid;
  border-color: transparent transparent #ddd transparent;
  content: ' ';
  position: absolute;
  top: -0.3rem;
}

.header .scan::after {
  margin-left: 10px;
  float: left;
  width: 0; 
  height: 0;
  border-width: .15rem;;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  content: ' ';
  position: absolute;
  top: -0.29rem;
}

.header .scan img {
  width: 1rem;
  height: 1rem;
}





.footer {
  background-color: #222222;
  padding: .6rem 1.04rem;
  width: 100%;
  height: 4rem;
  color: #fff;
  font-family: PingFang;
}

.footer .title {
  height: .3rem;
  margin-bottom: .26rem;
}

.footer div ul li {
  float: left;
  font-size: .16rem;
  margin-right: .36rem;
}

.footer .extra {
  font-size: .16rem;
  margin-bottom: .1rem;
}

.footer .address {
  font-size: .2rem;
}

.footer .address-eng {
  font-size: .1rem;
  margin-bottom: .24rem;
}

.footer .office {
  background-color: #D49B62;
  font-size: .16rem;
  float: left;
  margin-right: .16rem;
}

.footer .office-time {
  font-size: .16rem;
  margin-bottom: 1.28rem;
}

.footer .record {
  font-size: .16rem;
}

.footer img {
  position: absolute;
  bottom: .54rem;
  right: .92rem;
  width: 6rem;
  height: .91rem;
}



.index-content .about {
  width: 100%;
  height: 7rem;
}

.index-content .story {
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
}

.index-content .story .move {
  width: 9.18rem;
  height: .84rem;
  position: absolute;
  left: -9.18rem;
  margin-top: 1.5rem;
}

.index-content .story .back1 {
  margin-bottom: .22rem;
  width: 100%;
  height: 5.12rem;
}

.index-content .story ul {
  margin: 0 auto;
}

.index-content .story ul li {
  width: 2.1rem;
  height: 1.4rem;
  border: 1px solid rgba(224,224,224,1);
  float: left;
  padding: .22rem .16rem;
  color: #282828;
  transition: color 0.5s, background-color 0.5s;
  -webkit-transition: color 0.5s, background-color 0.5s; /* Safari */
  /* cursor: pointer; */
}

.index-content .story ul li:hover {
  background-color: #D49B62;
  color: #fff;
}

.index-content .story ul li div,
.index-content .story ul li p {
  font-size: .14rem;
}

.index-content .story ul li h6 {
  font-size: .22rem;
  margin-top: .2rem;
}



.index-content .news {
  height: 9.86rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: PingFang;
}

.index-content .news .back {
  z-index: -1;
  position: absolute;
  width: 19.2rem;
  height: 9.86rem;
}

.index-content .news .up {
  width: 12.5rem;
  height: 6.56rem;
  margin-top: 1rem;
}

.index-content .news .up .back-logo {
  margin-left: -1.34rem;
  width: 7rem;
  height: 1.04rem;
}

.index-content .news .intro {
  color: #282828;
  font-size: .18rem;
  width: 5.14rem;
  height: .7rem;
  margin-left: .54rem;
}

.index-content .news .video {
  width: 6.26rem;
  height: 3.52rem;
  position: absolute;
  margin-left: 6.24rem;
  margin-top: -2.92rem;
  background-color: #fff;
}

.index-content .news .start {
  width: 6.24rem;
  height: 3.02rem;
  background-color: #282828;
  color: #fff;
  padding: .4rem .54rem;
  margin-top: .6rem;
}

.index-content .news .start h4 {
  font-size: .3rem;
}

.index-content .news .start p {
  font-size: .16rem;
  line-height: .3rem;
  margin-top: .2rem;
}

.index-content .news .number {
  color: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .2rem;
}

.index-content .news .number ul li:nth-child(1),
.index-content .news .number ul li:nth-child(2) {
  border-right: 1px solid #eee;
}

.index-content .news .number ul li {
  float: left;
  padding: 0 .7rem;
  height: .85rem;
}

.index-content .news .number ul li img {
  width: .4rem;
  height: .4rem;
}

.index-content .news .number ul li div {
  margin-right: .5rem;
  height: .7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index-content .news .number ul li p {
  font-size: .16rem;
  display: flex;
  align-items: flex-end;
}

.index-content .news .number ul li .verti {
  margin-left: .05rem;
  height: .58rem;
}

.index-content .news .number ul li h6 {
  font-size: .7rem;
}



.index-content .job {
  height: 8.4rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
}

.index-content .job-logo {
  margin: 1rem 0 .6rem 0;
  width: 3.72rem;
  height: 1.18rem;
}

.index-content .job ul li {
  float: left;
  width: 2.8rem;
  height: 3.44rem;
  border:1px solid rgba(27,43,77,1);
  padding: .16rem .22rem;
}

.index-content .job ul li:nth-child(1),
.index-content .job ul li:nth-child(2),
.index-content .job ul li:nth-child(3) {
  margin-right: .16rem;
}

.index-content .job ul li h6 {
  font-size: .24rem;
  margin: .16rem 0;
}

.index-content .job ul li div {
  height: .02rem;
  width: 2.4rem;
  background-color: #916F32;
  margin-bottom: .22rem;
}

.index-content .job ul li p {
  font-size: .16rem;
  line-height: .24rem;
  margin-bottom: .04rem;
}

.index-content .job .contact {
  margin-top: .32rem;
  width: 11.68rem;
}

.index-content .job .contact p {
  font-size: .18rem;
  margin-bottom: .28rem;
}

.index-content .job .contact a {
  font-size: .18rem;
  text-decoration: underline;
}

.index-content .job .contact .first {
  width: 7rem;
}

.index-content .job .contact .scan{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.index-content .job .contact .scan img {
  width: 1.38rem;
  height: 1.38rem;
}