html, body {
   background: #ffffff;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   min-width: 1800px;
}
.header{
   width: 100%;
   height: 88px;
   padding-left: 18%;
   padding-right: 18%;
   box-sizing: border-box;
   background: linear-gradient( 180deg, #7248B8 0%, #1A2959 100%);
   position: fixed;
   top: 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.header .headerLeft{
   display: flex;
   align-items: center;
}
.header .headerLeft .headerLogo{
   width: 56px;
   height: 56px;
   margin-right: 16px;
}
.header .headerLeft .AppName{
   font-family: PingFangSC, PingFang SC;
   font-weight: 600;
   font-size: 28px;
   color: #FFFFFF;
}
.header .headerRight a{
   font-size: 32px;
   color: #FFFFFF;
}
.top{
   width: 100%;
   padding: 198px 0 110px;
   background-color: rgba(255, 255, 255, 1);
   display: flex;
   justify-content: center;
   align-items: center;
}
.top .topImg1{
   width: 526px;
   height: 922px;
   margin-right: 90px;
}
.top .topRight .topImgs{
    display: flex;
    align-items: center;
}
.top .topRight .topImgs .topImg2{
   width: 245px;
   height: 72px;
   margin-right: 40px;
}
.top .topRight .topImgs .topImg3{
   width: 245px;
   height: 72px;
}
.top .topRight .topText1{
   margin-top: 120px;
   font-family: Arial, Arial;
   font-weight: 900;
   font-size: 28px;
   color: rgba(0,0,0,0.72);
   line-height: 42px;
}
.top .topRight .topText2{
   margin-top: 40px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   font-size: 24px;
   color: rgba(0,0,0,0.72);
   line-height: 36px;
}
.top .topRight .topText3{
   margin-top: 58px;
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   font-size: 24px;
   color: rgba(0,0,0,0.72);
   line-height: 36px;
}
.topImg4{
   width: 100%;
   height: 280px;
}
.center{
   width: 100%;
   padding: 160px 0;
   background-color: rgba(255, 255, 255, 1);
   display: flex;
   flex-direction: column;
   align-items: center;
}
.center .centerText1{
   font-family: ToppanBunkyuMidashiGothicStdN, ToppanBunkyuMidashiGothicStdN;
   font-weight: 800;
   font-size: 56px;
   color: #000000;
   line-height: 84px;
}
.center .centerText2{
   margin-top: 48px;
   font-family: ArialMT;
   font-size: 28px;
   color: rgba(0,0,0,0.8);
   line-height: 42px;
   text-align: center;
}
.center .centerImgs{
   margin-top: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.center .centerImgs .centerImg1{
   width: 269px;
   height: 400px;
}
.center .centerImgs .centerImg2{
   width: 269px;
   height: 400px;
   margin: 0 24px;
}
.center .centerImgs .centerImg3{
   width: 269px;
   height: 400px;
}
.center .centerImgs .centerImg4{
   margin-left: 24px;
   width: 269px;
   height: 400px;
}
.centerImg5{
   width: 100%;
   height: 280px;
}
.footer{
   width: 100%;
   padding: 160px 0;
   background-color: rgba(255, 255, 255, 1);
   display: flex;
   justify-content: center;
   align-items: center;
}
.footer .footerLeft .footerText1{
   font-family: PingFangSC, PingFang SC;
   font-weight: 600;
   font-size: 32px;
   color: #000000;
   text-align: center;
}
.footer .footerLeft .footerText2{
   margin-top: 28px;
   font-family: ArialMT;
   font-size: 20px;
   color: #000000;
   text-align: center;
}
.footer .footerLeft .footerText3{
   margin-top: 16px;
   font-family: ArialMT;
   font-size: 20px;
   color: #000000;
   text-align: center;
}
.footer .footerCenter{
   margin: 0 200px;
}
.footer .footerCenter .footerText4{
   font-family: ArialMT;
   font-size: 20px;
   color: #000000;
   text-align: center;
}

.footer .footerCenter .footerText5{
    margin-top: 40px;
    text-align: center;
}
.footer .footerCenter .footerText5 a{
   font-family: ArialMT;
   font-size: 20px;
   color: #000000;
   text-align: center;
}
.footer .footerCenter .footerText6{
   margin-top: 16px;
   text-align: center;
}
.footer .footerCenter .footerText6 a{
   font-family: ArialMT;
   font-size: 20px;
   color: #000000;
   text-align: center;
}
.footer .footerLogo{
   width: 160px;
   height: 160px;
}