#product-weather{
  width: 100%;
}
.product-weather-top{
  width: 100%;
	height: 576px;
  background: linear-gradient(90deg, #E6EDF8 0%, #AFDBDE 100%);
}

.p-w-t-center{
  width: 1174px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
.p-w-t-center >img{
  width: 344px;
  height: 705px;
  position: absolute;
  left: 20px;
  bottom: 0;
  opacity: 0;
  animation-duration: .6s;
}
.r-w-t-right{
  position: absolute;
  top: 300px;
  width: 586px;
  right: 20px;
}
.r-w-t-right >h2{
  font-size: 50px;
	letter-spacing: 3px;
  color: #333333;
  font-weight: normal;
  opacity: 0;
  animation-duration: .6s;
}
.r-w-t-right >div{
  font-size: 36px;
	letter-spacing: 1px;
  color: #333333;
  margin: 53px 0 40px 0;
  opacity: 0;
  animation-duration: .6s;
  animation-delay: .2s;
}
.r-w-t-right >p{
  font-size: 18px;
	line-height: 36px;
  color: #333333;
  margin-bottom: 20px;
  opacity: 0;
  animation-duration: .6s;
  animation-delay: .4s;
}
/* gprs */
.product-weather-gprs{
  width: 100%;
  height: 840px;
  position: relative;
}
.p-w-g-bg{
  width: 100%;
  height: 661px;
  background: url('../../img/product/weather/bg1.png') no-repeat;
  background-size: cover;
  box-sizing: border-box;
  padding-top: 144px;
  text-align: center;
}
.p-w-g-bg >h2{
  font-size: 36px;
	letter-spacing: 2px;
  color: #fffefe;
  font-weight: normal;
  opacity: 0;
  animation-duration: .6s;
  animation-delay: .2s;
}
.p-w-g-bg >p{
  font-size: 20px;
	letter-spacing: 1px;
  color: #fffefe;
  margin: 48px 0 136px 0;
  opacity: 0;
  animation-duration: .6s;
  animation-delay: .4s;
}
.product-weather-gprs >img{
  position: absolute;
  width: 849px;
	height: 503px;
  left: 50%;
  bottom: 0;
  margin-left: -425px;
  opacity: 0;
  animation-duration: .6s;
}
/* 产品优势 */
.product-weather-you{
  width: 1174px;
  margin: 0 auto;
  padding:59px 0 0 0; 
}
.p-w-n-d-Wrapper{
  margin-top: 70px;
}
.p-w-n-d-Item{
  height: 480px;
  position: relative;
  background-color: #fafafa;
  margin-bottom: 41px;
}
.p-w-n-d-Item:last-of-type{
  margin-bottom: 0 !important;
}
.pw-left{
  float: left;
  height: 100%;
  width: 621px;
  position: relative;
  overflow: hidden;
}
.pw-right{
  float: right;
  height: 100%;
  width: 533px;
  box-sizing: border-box;
  padding-top: 166px;
  position: relative;
}
.pw-right >h2{
  font-size: 32px;
	letter-spacing: 2px;
  color: #333333;
  box-sizing: border-box;
  opacity: 0;
  animation-duration: .6s;
}
.pw-right >p{
  font-size: 16px;
  line-height: 30px;
	letter-spacing: 1px;
  color: #333333;
  margin-top: 37px;
  box-sizing: border-box;
  opacity: 0;
  animation-duration: .6s;
}
.pg-4{
  width: 380px;
  height: 400px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) ;
}
.pg-1{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 621px;
  height: 480px;
  opacity: 0;
  animation-duration: .6s;
}
.pg-2{
  position: absolute;
  left: 116px;
  top: 306px;
  width: 228px;
  height: 147px;
  opacity: 0;
  animation-duration: .6s;
  animation-delay: .2s;
}
.hg-1{
  position: absolute;
  width: 406px;
  height: 261px;
  bottom: 0;
  left: 0;
  opacity: 0;
  animation-duration: .6s;
}
.hg-2{
  position: absolute;
  width: 130px;
  height: 130px;
  top: 146px;
  right: 133px;
  opacity: 0;
  animation-duration: .6s;
  animation-delay: .2s;
}
.hg-3{
  position: absolute;
  width: 160px;
  height: 160px;
  top: 89px;
  right: 78px;
  opacity: 0;
  animation-duration: .6s;
  animation-delay: .4s;
}
.hg-4{
  position: absolute;
  width: 185px;
  height: 185px;
  top: 20px;
  right: 20px;
  opacity: 0;
  animation-duration: .6s;
  animation-delay: .6s;
}
.g-2{
  position: absolute;
  width: 205px;
  height: 174px;
  top:307px;
  left: 114px;
  opacity: 0;
  animation-duration: .6s;
  animation-delay: .3s;
}
.g-1{
  position: absolute;
  width:621px;
  height: 480px;
  bottom: 0;
  left: 0;
  opacity: 0;
  animation-duration: .6s;
}
.dg-1{
  position: absolute;
  width: 496px;
  height: 459px;
  top: 23px;
  right: 97px;
  z-index: 1;
  opacity: 0;
  animation-duration: .6s;
}