@charset "utf-8";

body,
dd,
div,
dl,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
iframe,
input,
label,
menu,
nav,
ol,
p,
section,
select,
textarea,
ul,
li {
	margin: 0;
	padding: 0;
}
body{
  position: relative;
}

ul,
li {
	list-style: none;
}

footer,
header,
nav,
section {
	display: block;
}

em{
	font-style: normal;
}
a {
	text-decoration: none;
	color: inherit;
}
.header-wrapper{
  position: sticky;
  top:0;
  z-index: 10;
  background: rgba(0,0,0,0);
  color:#fff;
}
.gray{
  background: #fff;
  box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
}
.header,.top-section,.icon-list,.middle-list,.swiper-wrapper-out{
  width:1200px;
  margin:0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height:60px;
}
.swiper-wrapper-out{
  position: relative;
  height:240px;
}
.swiper-button-next1,.swiper-button-prev1{
  width:68px ;
  height:68px ;
  position: absolute;
  top:50%;
  cursor: pointer;
  transform: translate(0,-50%);
  font-size:68px;
  color:rgba(48,102,255,.2);
}
.swiper-button-prev1{
  left: -113px;
  
}
.swiper-button-next1{
  right: -113px;
}
.swiper-button-next1:hover,.swiper-button-prev1:hover{
  /* background-position: 40px 0; */
  color:rgba(48,102,255,.4);
}
.swiper-wrapper-out{
  width: 1400px;
  height: 480px;
}
.swiper{
  height:480px;
  width:100%;
}
.swiper-slide{
  /* width: 426px; */
  /* height: 480px; */
  background: #e0e9ff;
  border-radius: 20px ;
  border: 2px solid #3066FF;
  box-sizing: border-box;
}
.swiper-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:12px;
  margin:30px auto 0;
}
.swiper-content img{
  width:86px;
  height:86px;
  border-radius: 50%;
}
.swiper-title{
  font-weight: 400;
  font-size: 16px;
  color: #18285E;
}
.swiper-star{
  display: flex;
  align-items: center;
  justify-content: center;
  gap:23px;
  margin:24px auto 0;
  gap:23px;
}
.swiper-star img{
  width: 28px;
  height: 28px;
}
.swiper-text{
  font-weight: bold;
  font-size: 20px;
  color: #18285E;
  line-height: 30px;
  margin:20px 34px;
}
.gray .logo-wrapper{
  color:#333;
}
.logo-wrapper{
  display: flex;
  gap:10px;
  align-items: center;
  color:#fff;
  font-size:20px;
}
.logo-wrapper img{
  height:40px;
}
.logo-wrapper .link-y{
  display: block;
  height: 30px;
}
.logo-wrapper img.logo-y{
  height:30px;
}
body{
  background:url(../images/bg.png) no-repeat center top/auto 828px;
  font-family: Microsoft YaHei, Microsoft YaHei;
}
.gray .head-nav{
  color:#333;
}
.head-nav{
  display: flex;
  align-items: center;
  gap:40px;
  color:#fff;
}
.head-nav a{
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:6px;
}
.head-nav a img{
  width: 20px;
  height:20px;
}
.head-nav a:hover, .head-nav a.select{
  font-weight: bold;
}

.top-section{
  height:510px;
}
/* .top-section-img img{
  height:400px;
  display: block; */
  /* clip-path: inset(0 75px 0 0); */
/* } */
.top-section-title{
  font-weight: bold;
  font-size: 60px;
  letter-spacing: 7px;
}
.top-section-title1{
  font-size:24px;
  display: flex;
  gap:20px;
  letter-spacing: 1px;
  align-items: center;
  margin:26px 0 40px;
}
.top-section-title1-item{
  display: flex;
  align-items: center;
  gap:6px;
}
.top-section-title1-item img{
  width: 20px;
  height: 20px;
}
.top-section-descr{
  font-size:16px;
  margin-top: 10px;
  font-weight: 400;
}
.top-section-left{
  color:#fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
/* .top-section-list{
  display: flex;
  flex-direction: column;
  gap:10px;
  font-family: "Arial Black", "Arial Normal", "Arial", sans-serif;
  font-weight: 400;
  color:#333;
  margin-top:10px;
  margin-left:30px;
  font-size:18px;
}
.top-section-list .green{
  font-weight: 900;
  color:rgba(48, 102, 255, 0.95);
}
.top-section-list div{
  display: flex;
  align-items: center;
}
.top-section-list .svg-icon{
  font-size:28px;
  margin-right:10px;
} */
.svg-icon {
	width: 1em;
	height: 1em;
	fill: currentColor;
	overflow: hidden;
}
.button{
  width:300px;
  height:74px;
  background: #3066FF;
  cursor: pointer !important;
  color:#fff;
  display: flex;
  gap:20px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-weight: bold;
  font-size:26px;
  /* margin: 20px 0 0 30px; */
  position: relative;
  overflow: hidden;
}
.button:hover{
  background: #1250FF;
}
.button img{
  width:30px;
  height:30px;
}
/* .button-down{
  width:300px;
  justify-content: center;
  display: flex;
  margin: 10px 0 0 30px;
  gap:20px;
}
.button-down-item{
  display: flex;
  align-items: center;
  gap:10px;
}
.button-down-item img{
  width: 30px;
  height: 30px;
} */
.icon-list{
  height:130px;
  margin:50px auto 0;
  background: rgba(0,0,0,0.4);
  border-radius: 10px;
  justify-content: space-around;
}
.icon-list-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:16px;

  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
}
.icon-list-item-img-wrapper{
  width: 46px;
  height: 46px;
  background: #FFFFFF;
  box-shadow: 0px 0px 5px 0px rgba(48,102,255,0.1);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-list-item-img-wrapper img{
  width: 30px;
  height: 30px;
}
.middle-list{
  height:450px;
  width: 1500px;
  justify-content: center;
  gap:55px;
  margin-bottom: 120px;
}
.middle-list:last-child{
  margin-bottom: 0;
}
.middle-list:nth-child(even) > img{
  order:1
}
.middle-list:nth-child(even) > div {
  order:2
}
.middle-list img{
  width:762px;
}
.middle-list-title{
 margin-bottom: 38px;
 font-weight: bold;
 font-size: 32px;
 color: #18285E;
}
.middle-list-desc{
  font-weight: 400;
  font-size: 20px;
  color: #18285E;
}
.middle-list-desc .blue{
  font-weight: bold;
}
/* .middle-list-ul{
  font-size:20px;
} */
/* .middle-list .black{
  color:#000;
  font-weight: bold;
}
.middle-list .green{
  color:rgba(48, 102, 255, 0.95);
  font-weight: bold;
} */
.blue{
  color:#2E62F4;
}

.dow-btn1 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 300px;
  height: 74px;
  background: #3066FF;
  border-radius: 10px;
	font-size: 28px;
	font-weight: 400;
	color: #FFFFFF;
	cursor: pointer;
	/* margin: 30px auto 0; */
  margin-top:38px;
  overflow: hidden;
}
.dow-btn1:hover {
	background: #1250FF;
}

.dow-btn1 .svg-icon {
	font-size: 30px;
	margin-right: 14px;
}
.bg-title{
  text-align: center;
  font-size:30px;
  margin:88px auto;
  position: relative;
  text-align: center;
  width:600px;
  font-weight: 400;
  font-style: normal;
  font-size: 50px;
}
.bg-title .blue{
  font-weight: bold;
}