*{
  margin:0;
  padding: 0;
}
a{
  text-decoration: none;
}
ul{
  list-style: none;
}
.banner {
  width: 100%;
  min-height: 1200px;
  background-color: #ffffff;
}
.w{
  width: 100%;
  height: 79px;
  box-sizing: border-box;
  padding-top: 14px;
}
.logo {
  display: block;
  width: 184px;
  height: 51px;
  background: url(../img/logo.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 360px;
}
.banner_top{
  width: 100%;
  height: 450px;
  background: url(../img/banner.png) no-repeat;
  background-size: 100% 100%;
  margin:0 auto;
}
.content {
  width: 1200px;
  margin:0 auto;
  box-sizing: border-box;
  text-align: center;
  padding-top: 57px;
}
.banner_top>.content{
  padding-top: 50px;
}
.top_text{
  width:852px;
  height:351px;
  background: url(../img/top_text.png?v=20250814) no-repeat;
  background-size: 100% 100%;
  margin:0 auto;
}
.banner01{
  width: 100%;
  height: 817px;
  background: url(../img/banner1_bgc.png) no-repeat;
  background-size: 100% 100%;
}
.banner01_title{
  width:862px;
  height: 128px;
  background: url(../img/banner1_title.png?v=20250814) no-repeat;
  background-size: 100% 100%;
  margin:0 auto;
}
.code_icon{
  width:495px;
  height:493px;
  margin:0 auto;
  margin-top: 27px;
  margin-bottom: 20px;
  background: url(../img/code_icon.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.code_icon>img{
  width: 337px;
  height: 340px;
  position: absolute;
  top:114px;
  right: 49px;
}
.banner01_text{
  font-size: 30px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
}
.banner02{
  width:100%;
  height:1668px;
  background: url(../img/banner2_bgc.png) no-repeat;
  background-size: 100% 100%;
}
.banner02_title{
  width:962px;
  height:93px;
  background: url(../img/banner2_title.png) no-repeat;
  background-size: 100% 100%;
  margin:0 auto;
}
.banner02_content{
  width: 1200px;
  box-sizing: border-box;
  margin:107px auto 0;
  display: flex;
}
.banner02_content>a:nth-child(2){
  z-index: 88;
}
.banner02_content>a>li{
  width: 364px;
  height: 468px;
  background: #FFFFFF;
  box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.1);
  border-radius: 8px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.center_box>li{
  width: 476px !important;
  height: 564px !important;
  padding-top: 44px !important;
  margin-top: -61px;
  z-index: 66;
}
.banner02_t{
  width: 91px;
  height: 91px;
  background: #E8F2FF;
  border-radius: 50%;
  font-size: 50px;
  font-family: Helvetica;
  font-weight: 400;
  color: #1975F2;
  line-height: 91px;
  margin: 0 auto;
}
.center_title{
  width: 110px;
  height: 110px;
  background: linear-gradient(192deg, #19A8F2, #1975F2);
  border-radius: 50%;
  font-size: 60px;
  font-family: Helvetica;
  font-weight: 400;
  color: #FFFFFF;
  line-height:110px;
  margin: 0 auto;
}
.banner02_tt{
  font-size: 58px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #323232;
  margin-top: 19px;
}
.center_t{
  font-size: 60px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #1975F2;
  margin-top: 49px;
}
.banner02_content>a>li>p{
  font-size: 34px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
  /* margin-top: 56px; */
}
.center_box>li>p{
  font-size: 40px !important;
}
.top40{
  margin-top: 30px;
}
.banner02_btn{
  width: 162px;
  height: 50px;
  background: #1975F2;
  border-radius: 8px;
  font-size: 28px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
  margin-top: 30px;
}
.center_btn{
  width: 196px;
  height: 60px;
  background: #1975F2;
  border-radius: 8px;
  font-size: 34px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 60px;
  margin-top: 40px;
}
.banner03_title{
  width:971px;
  height:80px;
  background: url(../img/banner3_title.png) no-repeat;
  background-size: 100% 100%;
  margin:118px auto 0;
}
.banner03_content{
  width: 1200px;
  margin:42px auto 0;
  overflow: hidden;
}
.banner03_content>a>li{
  width:572px;
  height:600px;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-top: 340px;
}
.banner03_content>a:nth-child(1)>li{
  background: url(../img/left.png?v=1) no-repeat;
  background-size: 100% 100%;
  margin-right: 55px;
  padding-top: 30px;
}
.banner03_content>a:nth-child(1)>li>img{
  width: 230px;
  height: 230px;
  margin-bottom: 80px;
}
.banner03_content>a:nth-child(2)>li{
  background: url(../img/right.png) no-repeat;
  background-size: 100% 100%;
}
.banner03_content>a>li>p{
  font-size: 30px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
}
.banner03_t{
  font-size: 40px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #323232 !important;
  margin-bottom: 20px;
}
.banner03_t>span{
  display: inline-block;
  color: #1975F2;
}
.banner03_btn{
  width: 196px;
  height: 60px;
  background: #1975F2;
  border-radius: 8px;
  font-size: 34px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 60px;
  margin-top: 40px;
}
.banner03{
  width: 100%;
  height: 602px;
  background: url(../img/banner3_bgc.png) no-repeat;
  background-size: 100% 100%;
}
.banner04_title{
  width:890px;
  height:127px;
  background: url(../img/banner4_title.png) no-repeat;
  background-size: 100% 100%;
  margin:0px auto;
}
/* 六边形 */
/* .list{
  width: 200px;
  height: 250px;
  overflow: hidden;
  transform: rotate(120deg);
  margin: 200px;
}
.list_child{
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: rotate(-60deg);
}
.list_child_child{
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: rotate(-60deg);
  background-color: red;
} */
.container{
  width:1220px;
  margin:60px auto 0;
}
.container a{
  display: block;
  float: left;
  margin:0 5px;
  height: 96px;
}
.container a:hover{
  cursor: pointer;
}
.container a:hover .hexIn{
  background: #1975F2;
  color:#ffffff;
}
.hex{
  overflow: hidden;
  display: block;
  width: 100px;
  height: 116px;
  transform: rotate(-60deg) skewY(30deg);
}             
.hexIn{
  background-color: #ffffff;
  display: block;
  width: 100px;
  height: 116px;
  line-height: 116px;
  font-size: 28px;
  text-align: center;
  transform: skewY(-30deg) rotate(60deg);
  color: #323232;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}
.container a:nth-child(1){
  margin-left: 60px;
}
.container a:nth-child(22){
  margin-left: 60px;
}
.foot {
  width: 100%;
  color: #333333;
  text-align: center;
  padding: 24px 0;
  font-size: 14px;
}
.foot > p {
  line-height: 26px;
}
.banner03_content>a:nth-child(1)>li{
  cursor:auto;
}