.box{
  width: 100%;
  min-height: 100%;
  background: url(../image/bj.jpg);
  background-size: cover;
  position: relative;
}
.head{
  width: 100%;
  height:7.3958vw;
  background: url(../image/head.png);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo{
  width: 37.7083vw;
  height: 6.4062vw;
  background: url(../image/logo.png);
  background-size: cover;
}
.nav{
  width: 36.875vw;
  height: 2.5521vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.nav a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.4479vw;
  width: 5.9896vw;
}
.nav a:hover{
  border-bottom: 0.1042vw solid #fff;
}
.nav a p{
  height: 2.4479vw;
  line-height: 2.4479vw;
  color: #fff;
  font-size: 0.9375vw;
}
.nav a img{
  width: 1.5625vw;
  height: 1.5625vw;
}
.title{
  width: 89.5833vw;
  height: 9.2188vw;
  background: url(../image/title.png);
  background-size: cover;
  margin: 0.8333vw auto 0;
  position: relative;
}
.left_hand{
  width: 4.2708vw;
  height: 5.5729vw;
  background: url(../image/left_hand.png);
  background-size: cover;
  position: absolute;
  left: 18.4375vw;
  bottom: -1.1458vw;
  animation: heart 0.5s ease-in-out 0.8s infinite alternate;
  -webkit-animation: heart 0.5s ease-in-out 0.8s infinite alternate;
}
.right_hand{
  width: 4.2708vw;
  height: 5.5729vw;
  background: url(../image/right_hand.png);
  background-size: cover;
  position: absolute;
  right: 18.4375vw;
  bottom: -1.1458vw;
  animation: heart 0.5s ease-in-out 0.8s infinite alternate;
  -webkit-animation: heart 0.5s ease-in-out 0.8s infinite alternate;
}
.content{
  width: 54.8438vw;
  height: 23.8542vw;
  background: url(../image/content.png);
  background-size: cover;
  margin: 0 auto
}
.fill{
  width: 100%;
  height: 1.5625vw;
}
.content_title{
  width: 34.6875vw;
  height: 2.7604vw;
  background: url(../image/content_title.png);
  background-size: cover;
  margin: 0 auto;
}
.http{
  height: 13.9583vw;
  width: 52.0833vw;
  margin: 1.0417vw auto 0;
  display: flex;
  justify-content: space-between;
}
.left,.right{
  widows: 25.7292vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.row{
  width: 100%;
  height: 3.0208vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.url{
  font-size: 1.25vw;
  
  width: 20.2604vw;
  height: 3.0208vw;
  line-height: 3.0208vw;
  color: #fff;
  background: url(../image/url.png);
  background-size: cover;
  text-align: center;
}
.btn{
  width: 5.6771vw;
  height:2.8646vw;
  background: url(../image/2.png);
  background-size: cover;
  cursor: pointer;
}
.btn a{
  width: 100%;
  height: 100%;
  display: block;
}
.btn:hover{
  
  background: url(../image/1.png);
  background-size: cover;
}
.footer_fill{
  width: 100%;
  height: 4.5833vw;
}
.footer{
  width: 100%;
  height: 4.5833vw;
  background: rgba(186, 168, 146, 0.4);
  position: absolute;
  bottom: 0;
  font-size: 0.9375vw;
  color: #fff;
  line-height: 4.5833vw;
  text-align: center;
}
@keyframes heart{
  from{transform:translate(0,0)}
  to{transform:translate(0,6px)}
}
@-webkit-keyframes heart{
  from{transform:translate(0,0)}
  to{transform:translate(0,6px)}
}