* {
  margin: 0;
  padding: 0;
}
.grey {
  background: #fafbff;
}
.index {
  background: linear-gradient(329deg, #6dabfa 0%, #4a8cf2 31%, #8d6ffb 100%);
}
.yiliao {
  background: linear-gradient(315deg, #8ff379 0%, #1cbdb4 100%);
}
.dshang {
  background: linear-gradient(315deg, #ff8c98 0%, #ff5986 100%);
}
.ggao {
  background: linear-gradient(315deg, #ffd200 0%, #ffcc00 31%, #ffa533 100%);
}
.qqlian {
  background: linear-gradient(315deg, #79d5ff 0%, #1d8dfe 100%);
}
.tuku {
  background: linear-gradient(315deg, #ecf0f4 0%, #cad4e5 56%, #bccbe1 100%);
}
.top {
  min-width: 1440px;
  width: 100%;
  height: 686px;
}
.top .banner {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 596px;
}
.top .banner .index-banner,
.top .banner .ds-banner {
  margin-right: 144px;
  margin-top: 20px;
}
.top .banner .gg-banner,
.top .banner .yl-banner {
  margin-top: 20px;
}
.top .banner .yl-banner {
  width: 800px;
}
.top .banner .tk-banner {
  width: 900px;
}
.top .banner .qkl-banner {
  height: 686px;
  position: relative;
  margin-top: -90px;
  z-index: 0;
}
.top .banner .button-group {
  width: 400px;
  display: flex;
  margin-left: 15%;
}
.top .banner .button-group > div {
  width: 136px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #ffffff;
  margin-right: 24px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  transition: all 0.5s;
  text-decoration: none;
}
.top .banner .button-group > div:hover {
  background: #ffffff;
  color: #2f54eb;
}
.header {
  height: 90px;
  display: flex;
  align-items: center;
  max-width: 1152px;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
.header .logo {
  width: 137px;
  height: 31px;
  margin-right: 190px;
}
.header .logo img {
  display: block;
  height: 100%;
}
.header ul {
  list-style: none;
  display: flex;
}
.header ul li {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  margin: 10px 29px 0;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  padding-bottom: 6px;
}
.header ul li a {
  color: #ffffff;
  text-decoration: none;
}
.header ul .active {
  border-bottom: 2px solid #fff;
}
.header .login {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  display: flex;
  align-items: center;
  margin-top: 6px;
  cursor: pointer;
}
.header .login span {
  display: block;
}
.header .login .loginBtn {
  width: 75px;
  height: 28px;
  border-radius: 20px;
  border: 1px solid #fffefe;
  text-align: center;
  line-height: 28px;
  margin-left: 20px;
}
.primary {
  min-width: 1440px;
  width: 100%;
  height: 725px;
  background: #ffffff;
}
.primary h3 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}
.primary ul {
  margin-top: 54px;
  list-style: none;
  width: 900px;
  display: flex;
  margin: 0 auto;
}
.primary ul li {
  width: 180px;
  text-align: center;
  margin: 0 22px;
  position: relative;
}
.primary ul li a {
  text-decoration: none;
}
.primary ul li .icon {
  width: 180px;
  height: 180px;
  border-radius: 180px;
  margin-bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  z-index: 1;
  position: relative;
}
.primary ul li span {
  display: block;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #697b8c;
}
.primary ul li span.icon-name {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0d1a26;
  margin-bottom: 10px;
}
.primary ul li .q1border {
  border: 2px solid rgba(255, 82, 82, 0.2);
}
.primary ul li .q1color {
  background: rgba(255, 82, 82, 0.2);
}
.primary ul li .q2border {
  border: 2px solid rgba(191, 188, 21, 0.2);
}
.primary ul li .q2color {
  background: rgba(191, 188, 21, 0.2);
}
.primary ul li .q3border {
  border: 2px solid rgba(26, 250, 41, 0.2);
}
.primary ul li .q3color {
  background: rgba(26, 250, 41, 0.2);
}
.primary ul li .q4border {
  border: 2px solid rgba(29, 141, 254, 0.2);
}
.primary ul li .q4color {
  background: rgba(29, 141, 254, 0.2);
}
.primary ul li .q5border {
  border: 2px solid rgba(202, 212, 229, 0.2);
}
.primary ul li .q5color {
  background: rgba(202, 212, 229, 0.2);
}
.primary ul li .q1 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  top: 50px;
  left: 20px;
  opacity: 0;
  transition: all 0.5s;
}
.primary ul li .q2 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  top: 50px;
  right: 20px;
  opacity: 0;
  transition: all 0.5s;
}
.primary ul li .q3 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  bottom: 150px;
  left: 20px;
  opacity: 0;
  transition: all 0.5s;
}
.primary ul li .q4 {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  bottom: 130px;
  right: 30px;
  opacity: 0;
  transition: all 0.5s;
}
.primary ul li:nth-of-type(1) {
  margin-left: 0;
}
.primary ul li:nth-of-type(1) .icon {
  box-shadow: 0px 16px 32px 0px rgba(255, 82, 82, 0.08);
}
.primary ul li:nth-child(2) .icon {
  box-shadow: 0px 16px 32px 0px rgba(191, 188, 21, 0.08);
}
.primary ul li:nth-child(3) .icon {
  box-shadow: 0px 16px 32px 0px rgba(26, 250, 41, 0.08);
}
.primary ul li:nth-child(4) .icon {
  box-shadow: 0px 16px 32px 0px rgba(202, 212, 229, 0.2);
}
.primary ul li:nth-child(5) .icon {
  box-shadow: 0px 16px 32px 0px rgba(29, 141, 254, 0.08);
}
.primary ul li:hover .q1 {
  top: 0;
  left: 0;
  opacity: 1;
}
.primary ul li:hover .q2 {
  top: 10px;
  right: 0;
  opacity: 1;
}
.primary ul li:hover .q3 {
  bottom: 100px;
  left: 0;
  opacity: 1;
}
.primary ul li:hover .q4 {
  bottom: 80px;
  right: 0;
  opacity: 1;
}
.primary ul li:nth-child(1):hover .icon {
  box-shadow: 0px 16px 32px 0px rgba(255, 82, 82, 0.2);
}
.primary ul li:nth-child(2):hover .icon {
  box-shadow: 0px 16px 32px 0px rgba(191, 188, 21, 0.2);
}
.primary ul li:nth-child(3):hover .icon {
  box-shadow: 0px 16px 32px 0px rgba(26, 250, 41, 0.2);
}
.primary ul li:nth-child(4):hover .icon {
  box-shadow: 0px 16px 32px 0px rgba(29, 141, 254, 0.2);
}
.content {
  min-width: 1440px;
  width: 100%;
}
.content h1 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
  text-align: center;
  margin-top: 100px;
}
.content .content1 {
  width: 100%;
}
.content .content1 .content-content {
  height: 725px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  width: 1200px;
}
.content .content1 .content-content .text h2 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
  margin-bottom: 80px;
}
.content .content1 .content-content .text p {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #697b8c;
  margin-bottom: 48px;
}
.content .content1 .content-content .text p.height {
  line-height: 28px;
}
.content .content1 .content-content .text .btn {
  width: 136px;
  height: 40px;
  background: linear-gradient(315deg, #6dabfa 0%, #4a8cf2 31%, #8d6ffb 100%);
  border-radius: 5px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  opacity: 1;
  cursor: pointer;
  transition: all 0.5s;
}
.content .content1 .content-content .text .btn a {
  color: #fff;
  text-decoration: none;
}
.content .content1 .content-content .text .btn:hover {
  box-shadow: 0px 4px 16px 0px rgba(101, 130, 247, 0.38);
  opacity: 0.8;
}
.content .content1 .content-content .text1 h2 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
  line-height: 45px;
}
.content .content1 .content-content .text1 p {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #697b8c;
  line-height: 28px;
}
.content .content1 .content-content .img {
  width: 576px;
}
.content .content1 .content-content .img img {
  display: block;
  width: 100%;
}
.content .content1 .content-content .gg-content h3 {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
  line-height: 28px;
  position: relative;
  display: flex;
  align-items: center;
}
.content .content1 .content-content .gg-content h3 img {
  height: 30px;
  margin-right: 16px;
  margin-left: 20px;
}
.content .content1 .content-content .gg-content h3:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 20px;
  background: linear-gradient(315deg, #ffd200 0%, #ffcc00 31%, #ffa533 100%);
  border-radius: 3px;
}
.content .content1 .content-content .gg-content p {
  width: 417px;
  margin-top: 12px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #697b8c;
  line-height: 28px;
  margin-bottom: 20px;
}
.content .content1 .content-content .bt,
.content .content1 .content-content .bt1 {
  position: relative;
  text-indent: 20px;
  color: #697b8c;
}
.content .content1 .content-content .bt:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 20px;
  background: linear-gradient(315deg, #ffd200 0%, #ffcc00 31%, #ffa533 100%);
  border-radius: 3px;
  left: 0;
  top: 4px;
}
.content .content1 .content-content .bt1:before {
  background: linear-gradient(315deg, #79d5ff 0%, #1d8dfe 100%);
}
.content .content1 .content-contentyl {
  background: #fff;
}
.sign {
  width: 100%;
  min-width: 1440px;
  height: 268px;
  background: linear-gradient(329deg, #6dabfa 0%, #4a8cf2 31%, #8d6ffb 100%);
  position: relative;
}
.sign h1 {
  text-align: center;
  font-size: 32px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 45px;
  padding-top: 76px;
  padding-bottom: 34px;
}
.sign .sign-btn {
  cursor: pointer;
  width: 136px;
  height: 40px;
  background: #ffffff;
  border-radius: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2f54eb;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
}
.sign .fangx {
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid rgba(250, 251, 255, 0.5);
  top: 50px;
  right: 20%;
}
.sign .yuanx {
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid rgba(250, 251, 255, 0.5);
  bottom: 50px;
  right: 40%;
  border-radius: 15px;
}
.yiliao-content {
  min-width: 1440px;
  width: 100%;
}
.yiliao-content .content1 {
  height: 583px;
}
.yiliao-content .content1 .content1-top {
  position: relative;
}
.yiliao-content .content1 .content1-top h2 {
  text-align: center;
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #0d1a26;
  padding-top: 100px;
  padding-bottom: 87px;
}
.yiliao-content .content1 .content1-top img {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 20px;
  right: 300px;
}
.yiliao-content .content1 .content1-bottom {
  height: 354px;
  background: rgba(240, 245, 251, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.yiliao-content .content1 .content1-bottom p {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #314659;
  line-height: 30px;
  width: 955px;
  height: 150px;
  position: relative;
}
.yiliao-content .content1 .content1-bottom p::after {
  content: "";
  width: 30px;
  height: 6px;
  background: linear-gradient(315deg, #8ff379 0%, #1cbdb4 100%);
  border-radius: 3px;
  position: absolute;
  top: -30px;
  left: 0;
}
.yiliao-content .content1 .content1-bottom .img1 {
  position: absolute;
  width: 64px;
  height: 29px;
  top: -29px;
}
.yiliao-content .content1 .content1-bottom .img2 {
  position: absolute;
  width: 58px;
  height: 89px;
  left: 0;
  top: 0;
}
.yiliao-content .content1 .content1-bottom .img3 {
  position: absolute;
  width: 65px;
  height: 131px;
  right: 0;
  bottom: 35px;
}
.yiliao-content .content1 .content1-bottom .img4 {
  position: absolute;
  width: 27px;
  height: 30px;
  left: 89px;
  bottom: 77px;
}
.yiliao-content .content1 .content1-bottom .img5 {
  position: absolute;
  width: 11px;
  height: 12px;
  right: 400px;
  top: 22px;
}
.yiliao-content .content1 .content1-bottom .img6 {
  position: absolute;
  width: 57px;
  height: 91px;
  left: 217px;
  bottom: -45px;
}
.yiliao-content .content2 {
  height: 510px;
  background: linear-gradient(315deg, #8ff379 0%, #1cbdb4 100%);
}
.yiliao-content .content2 h2 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  padding-top: 100px;
  padding-left: 242px;
}
.yiliao-content .content2 .youshi {
  background: #fff;
  margin-left: 144px;
  top: 50px;
  position: relative;
  height: 512px;
  box-shadow: 0px 6px 16px 0px rgba(13, 26, 38, 0.08);
}
.yiliao-content .content2 .youshi ul {
  list-style: none;
  display: flex;
  align-items: center;
  margin-left: 97px;
}
.yiliao-content .content2 .youshi ul li {
  width: 25%;
  text-align: center;
  margin-top: 95px;
}
.yiliao-content .content2 .youshi ul li > div {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.yiliao-content .content2 .youshi ul li > div img {
  display: block;
  margin: auto;
  width: 100%;
}
.yiliao-content .content2 .youshi ul li h3 {
  font-size: 26px;
  font-weight: 500;
  color: #314659;
  margin-top: 56px;
  margin-bottom: 46px;
}
.yiliao-content .content2 .youshi ul li p {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #697b8c;
  line-height: 40px;
}
.yiliao-content .content2 .youshi ul li:nth-child(2) {
  border-left: 1px solid #EBEEF5;
  border-right: 1px solid #EBEEF5;
}
.yiliao-content .content3 {
  padding-top: 300px;
  background: #f9f9f9;
}
.yiliao-content .content3 h2 {
  margin-left: 242px;
  font-size: 32px;
  font-weight: 500;
  color: #314659;
}
.yiliao-content .content3 .tab {
  margin-top: 50px;
  margin-left: 242px;
  padding-bottom: 50px;
}
.yiliao-content .content3 .tab ul {
  display: flex;
  align-items: center;
  list-style: none;
  width: 800px;
}
.yiliao-content .content3 .tab ul li {
  margin: 0 20px;
  font-size: 26px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #697b8c;
  position: relative;
  width: 110px;
  height: 37px;
  z-index: 3;
  cursor: pointer;
}
.yiliao-content .content3 .tab ul li a {
  z-index: 3;
  position: relative;
}
.yiliao-content .content3 .tab ul li:nth-child(3) {
  width: 165px;
}
.yiliao-content .content3 .tab ul li:nth-child(1) {
  margin-left: 0;
}
.yiliao-content .content3 .tab ul li.active {
  color: #314659;
}
.yiliao-content .content3 .tab ul li.active::after {
  content: '';
  position: absolute;
  left: -4px;
  bottom: 0;
  width: 112px;
  z-index: 0;
  height: 16px;
  background: linear-gradient(315deg, #8ff379 0%, #1cbdb4 100%);
}
.yiliao-content .content3 .tab ul li.active:nth-child(3)::after {
  width: 165px;
}
.yiliao-content .content3 .tab-content {
  width: 100%;
  background: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}
.yiliao-content .content3 .tab-content .img1 {
  position: absolute;
  width: 170px;
  height: 170px;
  z-index: 0;
  top: 50px;
  left: 240px;
}
.yiliao-content .content3 .tab-content .img2 {
  position: absolute;
  width: 85px;
  height: 85px;
  bottom: 150px;
  left: 92%;
}
.yiliao-content .content3 .tab-content > div {
  display: none;
  z-index: 2;
  position: relative;
}
.yiliao-content .content3 .tab-content > div img {
  display: block;
  margin: 0 auto;
  width: 85%;
}
.yiliao-content .content3 .tab-content .active {
  display: block;
}
.yiliao-content .content4 {
  position: relative;
}
.yiliao-content .content4 h4 {
  position: absolute;
  width: 500px;
  left: 50%;
  margin-left: -250px;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  color: #314659;
  padding-top: 100px;
}
.yiliao-content .content4 h4:before {
  content: "";
  width: 6px;
  height: 30px;
  background: linear-gradient(315deg, #8ff379 0%, #1cbdb4 100%);
  border-radius: 3px;
  left: -20px;
  position: absolute;
  display: block;
  top: 108px;
}
.yiliao-content .content4 img {
  display: block;
  width: 100%;
}
.dsml {
  min-width: 1440px;
  height: 800px;
  background-image: url('../image/dsbg.png');
  background-size: 100% 100%;
}
.dsml h4 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
  text-align: center;
  padding-top: 100px;
}
.dsml h5 {
  font-size: 26px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #314659;
  text-align: center;
  padding-top: 40px;
}
.dsml .cd {
  margin: 10px auto 0;
  width: 30px;
  height: 6px;
  background: linear-gradient(315deg, #ff416c 0%, #ff4b2b 100%);
  border-radius: 3px;
  margin-bottom: 54px;
}
.dsml .icon-content {
  width: 991px;
  height: 372px;
  background: url(../image/backimg.png);
  background-size: 100% 100%;
  margin: 82px auto 0;
  position: relative;
}
.dsml .icon-content .icon {
  width: 67px;
  height: 71px;
  position: absolute;
}
.dsml .icon-content span {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fb555d;
  position: absolute;
}
.dsml .icon-content .icon1 {
  left: -30px;
  top: 170px;
}
.dsml .icon-content .text1 {
  left: -100px;
  top: 250px;
}
.dsml .icon-content .icon2 {
  left: 110px;
  top: 10px;
}
.dsml .icon-content .text2 {
  left: 24px;
  top: 35px;
}
.dsml .icon-content .icon3 {
  left: 170px;
  bottom: -30px;
}
.dsml .icon-content .text3 {
  left: 58px;
  bottom: -71px;
}
.dsml .icon-content .icon4 {
  top: 127px;
  left: 228px;
}
.dsml .icon-content .text4 {
  top: 201px;
  left: 191px;
}
.dsml .icon-content .icon5 {
  top: -30px;
  left: 362px;
}
.dsml .icon-content .text5 {
  top: -10px;
  left: 461px;
}
.dsml .icon-content .icon6 {
  top: 68px;
  right: 330px;
}
.dsml .icon-content .text6 {
  top: 150px;
  right: 303px;
}
.dsml .icon-content .icon7 {
  bottom: -20px;
  right: 276px;
}
.dsml .icon-content .text7 {
  bottom: -30px;
  right: 337px;
}
.dsml .icon-content .icon8 {
  top: -10px;
  right: 99px;
}
.dsml .icon-content .text8 {
  top: 10px;
  right: -60px;
}
.dsml .icon-content .icon9 {
  bottom: 80px;
  right: 72px;
}
.dsml .icon-content .text9 {
  bottom: 77px;
  right: -20px;
}
.dsml .icon-content .icon10 {
  top: 120px;
  right: -30px;
}
.dsml .icon-content .text10 {
  right: 39px;
  top: 135px;
}
.dsal {
  width: 100%;
  min-width: 1440px;
  height: 912px;
  background: #514f6c;
}
.dsal h2 {
  text-align: center;
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 45px;
  padding-top: 160px;
  padding-bottom: 100px;
}
.dsal .alxq {
  display: flex;
  align-items: center;
  width: 1156px;
  margin: 0 auto;
}
.dsal .alxq .al2 {
  width: 1176px;
  height: 407px;
  background: #ffffff;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.dsal .alxq .al2 > .ali2-1,
.dsal .alxq .al2 .ali2-2,
.dsal .alxq .al2 .ali2-3 {
  width: 392px;
  height: 407px;
  transition: all 0.5s;
}
.dsal .alxq .al2 > .ali2-1 .img-box,
.dsal .alxq .al2 .ali2-2 .img-box,
.dsal .alxq .al2 .ali2-3 .img-box {
  width: 138px;
  height: 138px;
  border-radius: 8px;
  margin: 40px auto 30px auto ;
  transition: all 0.5s;
}
.dsal .alxq .al2 > .ali2-1 .img-box img,
.dsal .alxq .al2 .ali2-2 .img-box img,
.dsal .alxq .al2 .ali2-3 .img-box img {
  display: block;
  width: 100%;
}
.dsal .alxq .al2 > .ali2-1 .line,
.dsal .alxq .al2 .ali2-2 .line,
.dsal .alxq .al2 .ali2-3 .line {
  width: 0;
  background: #EBEEF5;
  height: 1px;
  transition: all 0.5s;
  margin-bottom: 0;
}
.dsal .alxq .al2 > .ali2-1 p,
.dsal .alxq .al2 .ali2-2 p,
.dsal .alxq .al2 .ali2-3 p {
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #697b8c;
  line-height: 30px;
  padding-left: 0;
  transition: all 0.5s;
}
.dsal .alxq .al2 > .ali2-1 a,
.dsal .alxq .al2 .ali2-2 a,
.dsal .alxq .al2 .ali2-3 a {
  display: none;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  color: #ff4b2b;
  margin-left: 24px;
  transition: all 0.5s;
}
.dsal .alxq .al2 > .ali2-1:hover,
.dsal .alxq .al2 > .ali2-2:hover,
.dsal .alxq .al2 > .ali2-3:hover {
  width: 784px;
  z-index: 1;
  background: #ffffff;
  box-shadow: 4px 0px 16px 0px rgba(251, 85, 93, 0.16);
  border: 4px solid #ffffff;
  border-radius: 8px;
  position: relative;
  z-index: 2;
}
.dsal .alxq .al2 > .ali2-1:hover .img-box,
.dsal .alxq .al2 > .ali2-2:hover .img-box,
.dsal .alxq .al2 > .ali2-3:hover .img-box {
  width: 49px;
  height: 49px;
  border-radius: 8px;
  margin: 40px auto  30px 24px;
}
.dsal .alxq .al2 > .ali2-1:hover .img-box img,
.dsal .alxq .al2 > .ali2-2:hover .img-box img,
.dsal .alxq .al2 > .ali2-3:hover .img-box img {
  display: block;
  width: 100%;
}
.dsal .alxq .al2 > .ali2-1:hover .line,
.dsal .alxq .al2 > .ali2-2:hover .line,
.dsal .alxq .al2 > .ali2-3:hover .line {
  width: 528px;
  margin-bottom: 20px;
}
.dsal .alxq .al2 > .ali2-1:hover p,
.dsal .alxq .al2 > .ali2-2:hover p,
.dsal .alxq .al2 > .ali2-3:hover p {
  text-align: left;
  padding-left: 24px;
}
.dsal .alxq .al2 > .ali2-1:hover a,
.dsal .alxq .al2 > .ali2-2:hover a,
.dsal .alxq .al2 > .ali2-3:hover a {
  display: block;
  margin-top: 40px;
}
.ggao-content {
  width: 100%;
  min-width: 1440px;
  height: 814px;
}
.ggao-content > h3 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 40px;
}
.ggao-content > h4 {
  font-size: 26px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #314659;
  padding-bottom: 10px;
  text-align: center;
}
.ggao-content .cd {
  margin: 0 auto;
  width: 30px;
  height: 6px;
  background: linear-gradient(315deg, #ffd200 0%, #ffcc00 31%, #ffa533 100%);
  border-radius: 3px;
  margin-bottom: 54px;
}
.ggao-content ul {
  list-style: none;
  display: flex;
  width: 1151px;
  margin: 0 auto;
}
.ggao-content ul li {
  width: 210px;
  height: 426px;
  background: #ffffff;
  box-shadow: 0px 16px 28px 0px rgba(164, 89, 2, 0.1);
  border-radius: 10px;
  margin-left: 13px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
  top: 0;
}
.ggao-content ul li .img {
  margin: 0 auto;
  display: block;
  width: 69px;
  height: 69px;
  margin-top: 46px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.ggao-content ul li .img img {
  display: block;
  width: 100%;
}
.ggao-content ul li h3 {
  text-align: center;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
}
.ggao-content ul li h4 {
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #314659;
}
.ggao-content ul li p {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #697b8c;
  padding: 16px;
  line-height: 24px;
}
.ggao-content ul li .bottom {
  position: absolute;
  bottom: 0;
  width: 210px;
  height: 6px;
  background: #ffa533;
}
.ggao-content ul li:nth-child(1) {
  margin-left: 0;
}
.ggao-content ul li:hover {
  background: #ffa533;
  box-shadow: 0px 14px 46px 0px rgba(196, 93, 0, 0.34);
  top: -10px;
}
.ggao-content ul li:hover h3,
.ggao-content ul li:hover h4,
.ggao-content ul li:hover p {
  color: #fff;
}
.qktab {
  min-width: 1440px;
  width: 100%;
  background: #3f3d56;
  background-image: url(../image/qkbg.png);
}
.qktab h2 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 60px;
}
.qktab ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 952px;
  margin: 0 auto;
}
.qktab ul li {
  text-align: center;
}
.qktab ul li div {
  width: 90px;
  margin: 0 auto;
  height: 90px;
  display: flex;
  align-items: center;
}
.qktab ul li div img {
  display: block;
  width: 100%;
}
.qktab ul li span {
  font-size: 26px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 37px;
  margin-top: 20px;
  display: block;
}
.qktab .qktab-content {
  height: 600px;
  background: #3f3d56;
  margin-top: 40px;
}
.qktab .qktab-content > div {
  display: none;
  padding-top: 80px;
  align-items: center;
  margin: 0 auto;
}
.qktab .qktab-content > div img {
  width: 245px;
  height: 460px;
  margin-right: 54px;
}
.qktab .qktab-content > div img:nth-last-child(1) {
  margin-right: 0;
}
.qktab .qktab-content .content1 {
  width: 1160px;
}
.qktab .qktab-content .content2 {
  width: 550px;
}
.qktab .qktab-content .content4,
.qktab .qktab-content .content3 {
  width: 860px;
}
.qktab .qktab-content .active {
  display: block;
}
.bqbh {
  width: 100%;
  min-width: 1440px;
  height: 100;
  height: 906px;
}
.bqbh > h3 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 40px;
}
.bqbh > h4 {
  font-size: 26px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #314659;
  padding-bottom: 10px;
  text-align: center;
}
.bqbh .cd {
  margin: 0 auto;
  width: 30px;
  height: 6px;
  background: linear-gradient(315deg, #79d5ff 0%, #1d8dfe 100%);
  border-radius: 3px;
  margin-bottom: 54px;
}
.bqbh p {
  width: 1053px;
  height: 68px;
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #314659;
  line-height: 34px;
  margin: 0 auto;
  text-align: center;
}
.bqbh img {
  display: block;
  margin: 0 auto;
  margin-top: 69px;
  width: 1025px;
}
.qqal {
  width: 100%;
  min-width: 1440px;
  height: 376px;
  background: #4a5077;
}
.qqal .qqal-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1000px;
  margin: 0 auto;
}
.qqal .qqal-content img {
  margin-top: -90px;
}
.qqal .qqal-content > div {
  width: 400px;
}
.qqal .qqal-content > div .qqbtn {
  width: 350px;
  height: 60px;
  background: linear-gradient(315deg, #79d5ff 0%, #1d8dfe 100%);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  margin: -90px auto 0;
}
.qqal .qqal-content > div .bs {
  font-size: 26px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  margin: 33px auto 0;
}
.qqal .qqal-content > div .cd {
  background: linear-gradient(315deg, #79d5ff 0%, #1d8dfe 100%);
  border-radius: 3px;
  width: 30px;
  height: 6px;
  margin: 15px auto 0;
}
.fays {
  width: 100%;
  min-width: 1440px;
  height: 800px;
}
.fays h3 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
  text-align: center;
  margin-top: 145px;
  margin-bottom: 10px;
}
.fays > div {
  background: linear-gradient(315deg, #79d5ff 0%, #1d8dfe 100%);
  border-radius: 3px;
  width: 30px;
  height: 6px;
  margin: 0 auto 80px;
}
.fays ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 85%;
  margin: 0 auto;
}
.fays ul li {
  width: 262px;
  height: 472px;
  background: #ffffff;
  box-shadow: 0px 8px 24px 0px rgba(105, 123, 140, 0.08);
  border-radius: 5px;
  border: 1px solid #e5eef9;
}
.fays ul li img {
  display: block;
  width: 120px;
  height: 120px;
  margin: 60px auto;
}
.fays ul li h3 {
  text-align: center;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
  margin: 0;
}
.fays ul li p {
  width: 214px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #697b8c;
  line-height: 28px;
  margin: 24px auto 0;
}
.photo {
  width: 100%;
  height: 1063px;
  min-width: 1440px;
  background: #cad4e5;
}
.photo h3 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #314659;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 73px;
}
.photo .swiper-container {
  width: 1204px;
  height: 724px;
  margin: 0 auto;
}
.photo .swiper-container img {
  display: block;
  margin: 0 auto;
}
.photo .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background-image: url(../image/prew-rightacv.png);
  cursor: auto;
  pointer-events: none;
}
.photo .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background-image: url(../image/prew-left.png);
  cursor: auto;
  pointer-events: none;
}
.photo .swiper-button-prev,
.photo .swiper-container-rtl .swiper-button-next {
  background-image: url(../image/prew-leftacv.png);
  left: 10px;
  right: auto;
}
.photo .swiper-button-next,
.photo .swiper-container-rtl .swiper-button-prev {
  background-image: url(../image/prew-right.png);
  right: 10px;
  left: auto;
}
.footer {
  min-width: 1440px;
  width: 100%;
  height: 492px;
  background: #0d1a26;
}
.footer .ft-top {
  height: 427px;
}
.footer .ft-top .top-content {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.footer .ft-top .top-content ul {
  list-style: none;
  margin-top: 86px;
}
.footer .ft-top .top-content ul li {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
}
.footer .ft-top .top-content ul li a {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  line-height: 34px;
}
.footer .ft-top .top-content ul li a.fff {
  color: #fff;
}
.footer .ft-top .top-content ul li:nth-child(1) {
  margin-bottom: 20px;
}
.footer .ft-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  height: 64px;
  text-align: center;
  line-height: 64px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
}
