html, body {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 1900px;
}
 a {
   text-decoration: none;
}
.main {
    display: flex;
    flex-direction: column;
    position: relative;
    /* min-width: 1400px; */
}
 .header{
   width: 100%;
   background-color: rgba(255, 255, 255, 1);
   padding-top: 28px;
   padding-bottom: 28px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: fixed;
   top: 0;
   left: 0;
}
.header .headerRow{
   width: 60%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header .headerRow .headerRowTitle{
   display: flex;
   align-items: center;
}

.header .headerRow .headerRowTitle .headerRowLogo{
   width: 56px;
   height: 56px;
   margin-right: 16px;
}
.header .headerRow .headerRowTitle .headerRowText{
   font-size: 36px;
   font-family: Arial-BoldMT, Arial;
   font-weight: normal;
   color: #333333;
   line-height: 36px;
}
.header .headerRow .right{
   width: 240px;
   height: 64px;
   background: linear-gradient(90deg, #708FFB 0%, #4B6EE1 100%);
   border-radius: 8px;
   text-align: center;
   line-height: 64px;
}
.header .headerRow .right .contact{
   font-size: 32px;
   font-family: Arial-BoldMT, Arial;
   font-weight: normal;
   color: #FFFFFF;
   line-height: 32px;
} 



.top{
   width: 100%;
   height: 1080px;
   background: url('../img/topBG.png') no-repeat;
   background-size: 100%  100%;
   display: flex;
   justify-content: center;
}
.top .topRow{
   width: 60%;
}
.top .topRow .box360{
   height: 360px;
}
.top .topRow .topRowText1{
   font-size: 56px;
   font-family: Arial-BoldMT, Arial;
   font-weight: normal;
   color: #FFFFFF;
   line-height: 56px;
   text-shadow: 0px 6px 9px #FF0000;
}
.top .topRow .topRowText2{
   margin-top: 56px;
   font-size: 24px;
   font-family: Arial-BoldMT, Arial;
   font-weight: bold;
   color: #000000;
   line-height: 42px;
}
.top .topRow .store {
   margin-top: 130px;
   display: flex;
}
.top .topRow .store img{
   width: 245px;
   height: 72px;
}

.center{
   width: 100%;
   padding-top: 104px;
   background-color: white;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.center .centerTitle{
   font-size: 56px;
   font-family: Arial-Black, Arial;
   font-weight: 900;
   color: #FF2B3A;
   line-height: 56px;
}
.center .centerLine{
   margin-top: 24px;
   width: 64px;
   height: 3px;
   background: #FFD000;
}
.center .centerText2{
   margin-top: 25px;
  text-align: center;
   font-size: 16px;
   font-family: PingFangSC-Semibold, PingFang SC;
   font-weight: 600;
   color: #C1C1C1;
   line-height: 24px;
}
.center .center4BG{
   margin-top: -24px;
   width: 100%;
   height: 816px;
   background: url('../img/centerBG.png');
   background-size: 100% 100%;
   padding-top: 206px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.center .center4BG .item{
   width: 270px;
   height: 510px;
   background: url('../img/center4Img1.png');
   background-size: 100%  100%;
   padding-top: 13px;
}
.center .center4BG .item .num{
   margin-left: 6px;
   font-size: 24px;
   font-family: Arial-BoldMT, Arial;
   font-weight: bold;
   color: white;
   line-height: 24px;
}
.center .center4BG .item .center4Text1{
   margin-top: 110px;
   text-align: center;
   font-size: 32px;
   font-family: Arial-Black, Arial;
   font-weight: 900;
   color: #000000;
   line-height: 32px;
}
.center .center4BG .item  .center4Text2{
  margin: 40px 20px 0;
  font-size: 16px;
  font-family: Arial;
  color: #000000;
  line-height: 24px;
  text-align: center;
  /* font-weight: 600; */
}
.center .center4BG .item2{
   margin: 0 40px;
}
.center .center4BG .item4{
   margin-left: 40px;
}
.center .center4BG .item:hover{
   width: 270px;
   height: 510px;
   background: url('../img/center4Img2.png');
   background-size: 100%  100%;
   padding-top: 13px;
}
.center .center4BG .item:hover .num{
   color: rgba(255, 255, 255, 1);
}
.center .center4BG .item:hover .center4Text1{
   color: rgba(255, 255, 255, 1);
}
.center .center4BG .item:hover .center4Text2{
   color: rgba(255, 255, 255, 1);
   font-weight: 600;
}



.bottom{
   width: 100%;
   padding-top: 136px;
   background-color: rgba(255, 255, 255, 1);
   display: flex;
   flex-direction: column;
   align-items: center;
}
.bottom .bottomTitle{
   font-size: 56px;
   font-family: Arial-Black, Arial;
   font-weight: 900;
   color: #FF2B3A;
   line-height: 56px;
}
.bottom .bottomLine{
   margin-top: 24px;
   width: 64px;
   height: 3px;
   background: #FFD000;
}
.bottom .bottomText2{
   margin-top: 40px;
  text-align: center;
  font-size: 24px;
  font-family: Arial-BoldMT, Arial;
  font-weight: normal;
  color: #333333;
  line-height: 42px;
}
.bottom .bottomImg{
   margin-top: 61px;
   width: 1238px;
   height: 762px;
}


.footer{
   width: 100%;
   margin-top: -116px;
   padding-top: 120px;
   padding-bottom: 128px;
   background: linear-gradient(90deg, #708FFB 0%, #4B6EE1 100%);
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.footer .contact{
   width: 60%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.footer .contact .left .title{
   font-size: 32px;
   font-family: Arial-BoldMT, Arial;
   font-weight: normal;
   color: #FFFFFF;
   line-height: 32px;
}
.footer .contact .left .text1{
   margin-top: 32px;
   font-size: 20px;
   font-family: ArialMT;
   color: #FFFFFF;
   line-height: 20px;
}
.footer .contact .right .title{
   font-size: 20px;
   font-family: ArialMT;
   color: #FFFFFF;
   line-height: 20px;
}
.footer .contact .right .text1{
   margin-top: 32px;
}
.footer .contact .right .text1 a{
   width: 125px;
   height: 20px;
   font-size: 20px;
   font-family: ArialMT;
   color: #FFFFFF;
   line-height: 20px;
   text-decoration: underline;
}
.footer .contact .right .text2{
   margin-top: 32px;
}
.footer .contact .right .text2 a{
   width: 125px;
height: 20px;
font-size: 20px;
font-family: ArialMT;
color: #FFFFFF;
line-height: 20px;
text-decoration: underline;
}