.container{

}
.nav-col{
  /* background: #0094ff; */
  /* background: linear-gradient(271deg,#fd5d2c 0%, #ff2f44 73%); */
  background: white;
}
.nav{
  margin-right: auto;
  margin-left: auto;
  width: 1024px;
  height: 60px;
}
.header-col{
  /* background: #0094ff; */
  /* background: linear-gradient(271deg,#fd5d2c 0%, #ff2f44 73%); */
}
.header{
  height: 600px;
  margin-right: auto;
  margin-left: auto;
  /* width: 1024px; */
  width: 100%;
  position: relative;
}
.header-left{
  width: 100%;
}
.header-l-top img{
  /* height: 600px; */
  width: 100%;
}
.main{
  margin-right: auto;
  margin-left: auto;
  width: 1024px;
  margin-bottom: 140px;
  margin-top: 300px;
}
.footer{
  background: #27282B;
  padding: 0 20%;
  border-bottom: 1px solid #585858;
  height: 140px;
}
.footer1{
  background: #27282B;
  padding: 30px 0;
  border-bottom: 1px solid #585858;
  text-align: center;
  color: #c1c1c1;
}
.footer1 p{
  margin: 20px 0 10px;
  font-size: 14px;
}
.footer1 img{
  width: 222px;
  height: 72px;
}
.nav ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 30%;
  float: right;
  color: black;
  line-height: 56px;
}
.nav a{
  color: black;
}
.act{
  border-bottom: 4px solid #71B659;
}
.nav ul li{
  width: 25%;
  text-align: center;
  font-size: 14px;
}
.nav img{
  float: left;
  height: 36px;
  width: 111px;
  padding: 14px;
}
.header-left{
  position: absolute;
}
.header-right{
  position: absolute;
  right: -67px;
  bottom: -53.5px;
}
.header-right img{
  height: 600px;
}
.header-l-bottom ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 500px;
  position: absolute;
  left: 20%;
}
.header-l-bottom{
  margin-top: -170px;
  position: relative;
}
.header-l-bottom li{
  width: 150px;
  height: 60px;
  background: white;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-l-bottom img{
  margin: 18.5px 0 18.5px 20px;
}
.header-l-bottom p{
  flex: 1;
  color: #9C9C9C;
}

.column{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 100px;
}
.column img{
  /* width: 24.5%; */
  width: 100%;
}
.column1{
  background-image: url("../img/pepplePic.png");
  width: 1024px;
  height: 772px;
  background-size: 100% 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.column1 p{

}
.column2{
  position: relative;
}
.column2 ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.column2 li{
  width: 25%;
  border: 1px solid #E3E3E3;
  text-align: center;
  margin: 0 auto;
  height: 250px;
  font-size: 20px;
  color: #33363E;
}
.column2 img{
  margin: 60px 0 20px;
  height: 74px;
}
.footer ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 140px;
}
.footer li{
  width: 21%;
  margin-left: 10px;
  text-align: center;
}
.footer div{
  display: flex;
  align-items: center;
  justify-content: center;

}
.footer span{
  color: #FFD89E;
  margin: 0 0 0 15px;
  font-size: 20px;
}
.footer p{
  color: #fefefe;
  margin: 15px 0;
}
.ewm{
  position: absolute;
  right: -25px;
  top: -210px;
  width: 200px;
  height: 200px;
  background: #333;
  opacity:0.4;
  filter:alpha(opacity=40); /* IE8 及其更早版本 */
}
.ewmImg{
  position: absolute;
  right: -15px;
  top: -200px;
}
.ewmImg img{
  width: 180px;
  margin: 0;
  opacity:1;
  filter:alpha(opacity=1); /* IE8 及其更早版本 */
}