@media (max-width:768px){
  .main{
    width: 100% !important;
  }
  .main-banner img{
    width: 100% !important;
  }
  .pcH{
    display: none;
    height: 0 !important;
  }
  .phoneH{
    display: block !important;
  }
  .footer-content{
    width: 100% !important;
    margin: 0 auto !important;
  }
  .footer-tip-container{
    width: 100% !important;
    margin: 0 !important;
    text-align: center;
  }
  .footer-tip{
    font-size: 0.6rem;
    text-align: center;
  }
}
@media (min-width:768px){
  .phoneH{
    display: none ;
  }

}
.topRight {
	width: 289px;
	height: 87px;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 0px;
	margin-left:  calc((100% - 960px) / 2 + 671px);
}

.main {
	width: 960px;
	height: 650px;
	margin: auto;
}

.tool-tip {
	width: 400px;
	height: 87px;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 260px;
	margin-left:  calc((100% - 960px) / 2 + 93px);
}

.bottom-windmill {
        width: 130px;
        height: 183px;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        margin-top: 630px;
        margin-left:  calc((100% - 960px) / 2 + 152.5px);
}