.banner {
  width: 100%;
}
.banner .swiper-slide {
  width: 100%;
  height: 10.72rem;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  box-sizing: border-box;
  padding-top: .82rem;
}
.banner .swiper-slide .title {
  font-size: .6rem;
  font-weight: 500;
  line-height: .8rem;
  text-align: center;
  color: #333333;
  margin-bottom: .32rem;
}
.banner .swiper-slide .p1 {
  font-size: .24rem;
  font-weight: 300;
  line-height: .4rem;
  color: #666A6E;
  text-align: center;
}
.banner .swiper-slide .p2 {
  font-size: .24rem;
  font-weight: normal;
  line-height: .4rem;
  color: #666;
  text-align: center;
}
.banner .btn {
  width: 3.18rem;
  height: .8rem;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: .36rem;
  font-weight: 500;
  background: #1472FF;
  border-radius: .08rem .08rem .4rem;
  padding-left: .36rem;
  box-sizing: border-box;
  margin: .6rem auto;
}

.banner .btn .arrow {
  width: .6rem;
  height: .02rem;
  background-color: #fff;
  display: block;
  margin-left: .32rem;
}

.banner .btn .arrow::after {
  content: "";
  display: block;
  width: .12rem;
  height: .12rem;
  border-color: transparent #fff #fff transparent;
  border-style: solid;
  border-width: .02rem;
  transform: rotate(-45deg);
  position: relative;
  bottom: .06rem;
  left: .48rem;
}

.banner .banner-pagination {
  padding-bottom: .4rem;
}

.banner .swiper-pagination-bullet {
  width: .7rem;
  height: .08rem;
  border-radius: .2rem;
  background: #C6D3EC;
  margin: 0 .08rem;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #1472FF;
}

.gradation {
  position: relative;
  z-index: 1;
}

.gradation::after {
  content: '';
  display: block;
  position: absolute;
  bottom: .06rem;
  left: 0;
  width: 100%;
  height: .12rem;
  background: linear-gradient(270deg, #246DFF 0%, #00E1E1 100%);
  border-radius: 2rem;
  z-index: -1;
}

.main_content {
  background: #EDF1FA;
}

.e60819 {
  color: #012F73;
}

.btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main_content .sec .common-title {
  font-size: .48rem;
  color: #333;
  text-align: center;
  font-weight: 500;
}

.main_content .sec .common-subtitle  {
  font-size: .24rem;
  color: #2E2F34;
  margin-top: .2rem;
  text-align: center;
}

.main_content {
  overflow: hidden;
}

.main_content .sec {
  padding: 1.18rem 0 .9rem;
}

.main_content .sec .sec-content {
  padding-top: .6rem;
}

.sec1 .item {
  background: #FFFFFF;
  height: 3.54rem;
  border-radius: .16rem;
  margin: .4rem .2rem;
  box-shadow: 0rem .08rem .2rem 0rem rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding: .48rem;
  position: relative;
}

.sec1 .item:nth-child(1) {
  margin-top: 0;
  background-image: url(../../images/home/sec1_01.png);
  background-repeat: no-repeat;
  background-position: 4.18rem .54rem;
  background-size: 2.78rem 2.5rem;
}

.sec1 .item:nth-child(2) {
  background-image: url(../../images/home/sec1_02.png);
  background-repeat: no-repeat;
  background-position: 3.98rem 1.28rem;
  background-size: 3.1rem 1.92rem;
}

.sec1 .item:nth-child(3) {
  background-image: url(../../images/home/sec1_03.png);
  background-repeat: no-repeat;
  background-position: 4.46rem .54rem;
  background-size: 2.44rem 2.56rem;
}

.sec1 .item .name-box {
  display: flex;
  align-items: center;
}

.sec1 .item .name-box .name {
  display: inline-block;
  font-size: .36rem;
  font-weight: 500;
  color: #535151;
  line-height: .5rem;
}

.sec1 .item .name-box .tag {
  font-size: .2rem;
  color: #666666;
  line-height: 100%;
  padding: .04rem .16rem;
  padding-right: .2rem;
  background: #E6F3FF;
  border-radius: .16rem .16rem .64rem .16rem;
  margin-left: .16rem;
}

.sec1 .item .title {
  font-size: .44rem;
  font-weight: 500;
  line-height: .6rem;
  color: #333333;
  margin-top: .08rem;
}

.sec1 .item .subtitle {
  margin-top: .08rem;
  font-size: .28rem;
  font-weight: normal;
  line-height: .44rem;
  color: #999;
}

.sec1 .item .btn-box {
  margin-top: .4rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sec1 .item .btn-box a {
  font-size: .28rem;
  font-weight: normal;
  line-height: .44rem;
  color: #004BE1;
  margin-right: .56rem;
}

.main_content .sec2 {
  background: #fff;
}

.main_content .sec2 .swiper-slide {
  padding-bottom: .68rem;
}

.main_content .sec2 .swiper-slide .img-box {
  height: 2.72rem;
  position: relative;
  z-index: 1;
  margin: 0 .2rem;
  box-shadow: 0rem 0rem .2rem 0rem rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  border: solid .12rem #fff;
  border-radius: .16rem;
  padding: .36rem;
}

.main_content .sec2 .swiper-slide img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  border-radius: .16rem;
}

.main_content .sec2 .swiper-slide .img-box .p1 {
  font-size: .24rem;
  color: #fff;
  line-height: .34rem;
}

.main_content .sec2 .swiper-slide .img-box .p2 {
  font-size: .36rem;
  font-weight: 500;
  color: #fff;
  line-height: .5rem;
  margin-top: .2rem;
}

.main_content .sec2 .swiper-slide .desc {
  margin: .32rem .48rem .6rem;
  height: 1.26rem;
  color: #666;
  font-size: .28rem;
  line-height: .44rem;
}

.main_content .sec2 .swiper-slide .btn-box {
  margin-top: .6rem;
}

.main_content .sec2 .swiper-slide .btn-box .btn {
  color: #004BE1;
  font-size: .28rem;
  font-weight: normal;
  line-height: .44rem;
  margin: 0 .4rem;
}

.main_content .sec2 .sec2-pagination {
  bottom: 0;
  position: absolute;
  z-index: 1;
  text-align: center;
}

.main_content .sec2 .sec2-pagination .swiper-pagination-bullet {
  width: .7rem;
  height: .08rem;
  margin: 0 .08rem;
  background: #B2BAC5;
  border-radius: .2rem;
}

.main_content .sec2 .sec2-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #1472FF;
}

.main_content .sec3 .itme-box {
  background: #fff;
  border-radius: .16rem;
  overflow: hidden;
  margin: 0 .48rem;
  border: .02rem solid #E2E6F1;
}

.main_content .sec3 .itme-box .item {
  display: none;
}

.main_content .sec3 .itme-box.showAll .item {
  display: block;
}

.main_content .sec3 .itme-box .item:nth-child(-n+5) {
  display: block;
}

.main_content .sec3 .itme-box .item  .top  {
  border-bottom: .02rem solid #E2E6F1;
}

.main_content .sec3 .itme-box .item:last-child  .top {
  border-bottom: 0;
}

.main_content .sec3 .itme-box .item .top {
  width: 100%;
  height: 1.12rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 .56rem;
}

.main_content .sec3 .itme-box .item .top .img {
  width: .48rem;
  height: .48rem;
}

.main_content .sec3 .itme-box .item .top .text {
  font-size: .36rem;
  color: #333333;
  margin-left: .36rem;
}

.main_content .sec3 .itme-box .item .top .icon {
  width: .36rem;
  height: .36rem;
  margin-left: auto;
  transition: all .3s;
}

.main_content .sec3 .itme-box .item .content {
  width: 100%;
  height: 0;
  transition: all .3s;
  overflow: hidden;
}

.main_content .sec3 .itme-box .item.show_cotent .top .icon {
  transform: rotate(180deg);
}

.main_content .sec3 .itme-box .item.show_cotent .content {
  height: 2.92rem;
  border-bottom: .02rem solid #E2E6F1;
}

.main_content .sec3 .itme-box .item .content .img-box {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 2.92rem;
  box-sizing: border-box;
  padding: .38rem;
}

.main_content .sec3 .itme-box .item .content .img-box .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.main_content .sec3 .itme-box .item .content .img-box .text {
  font-size: .28rem;
  color: #fff;
  line-height: .4rem;
}

.main_content .sec3 .itme-box .item .content .img-box .btn-box {
  margin-top: .54rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.main_content .sec3 .itme-box .item .content .img-box .btn-box .btn {
  width: 1.64rem;
  height: .6rem;
  border-radius: .04rem;
  box-sizing: border-box;
  border: .012rem solid #FFFFFF;
  margin-right: .4rem;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  font-size: .24rem;
}

.main_content .sec3 .more {
  margin-top: .6rem;
  color: #004BE1;
  line-height: .44rem;
  font-size: .32rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main_content .sec3 .more .arrow {
  width: .6rem;
  height: .02rem;
  background-color: #004BE1;
  display: block;
  margin-left: .16rem;
}

.main_content .sec3 .more .arrow::after {
  content: "";
  display: block;
  width: .12rem;
  height: .12rem;
  border-color: transparent #004BE1 #004BE1 transparent;
  border-style: solid;
  border-width: .02rem;
  transform: rotate(-45deg);
  position: relative;
  bottom: .06rem;
  left: .48rem;
}

.sec4 {
  background: #E0F2FF;
}

.sec4 .data-ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec4 .data-ul .data-li {
  margin: 0 .3rem;
}

.sec4 .data-ul .data-li .num-box {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.sec4 .data-ul .data-li .num-box .num {
  font-size: .72rem;
  font-weight: bold;
  color: #3D3D3D;
  line-height: 100%;
}

.sec4 .data-ul .data-li .num-box .unit {
  font-size: .4rem;
  color: #3D3D3D;
  margin-left: .06rem;
} 

.sec4 .data-ul .data-li .text {
  font-size: .24rem;
  color: #3D3D3D;
  margin-top: .16rem;
}

.sec4 .map {
  width: 100%;
  height: 6.06rem;
  margin-top: .26rem;
}

.sec4 .btn {
  width: 2.5rem;
  height: .6rem;
  border-radius: .04rem;
  background: #1472FF;
  margin: .32rem auto 0;
  text-align: center;
  line-height: .6rem;
  color: #fff;
  font-size: .24rem;;
}

.sec5 {
  background: #fff;
}

.sec5 .sec5-thumbs .swiper-wrapper {
  justify-content: center;
  align-items: flex-end;
}


.sec5 .sec5-thumbs .swiper-slide {
  width: 1.62rem;
}

.sec5 .sec5-thumbs .swiper-slide img {
  width: 100%;
}

.sec5 .sec5-thumbs .swiper-slide img:last-child {
  display: none;
}

.sec5 .sec5-thumbs .swiper-slide-thumb-active img:first-child {
  display: none;
}

.sec5 .sec5-thumbs .swiper-slide-thumb-active img:last-child {
  display: block;
}


.sec5-gallery .swiper-slide {
  padding: 0 .18rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
}

.sec5-gallery .swiper-slide .img-box {
  width: 100%;
  height: 2.5rem;
  box-sizing: border-box;
  padding: .4rem;
  border: solid #fff .06rem;
  border-radius: .16rem;
  box-shadow: 0rem 0rem .2rem 0rem rgba(0, 0, 0, 0.16);
  position: relative;
}

.sec5-gallery .swiper-slide .img-box .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: .16rem;
}

.sec5-gallery .swiper-slide .img-box .name {
  font-size: .36rem;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
}

.sec5-gallery .swiper-slide .img-box .name span {
  color: #fff;
  font-size: .24rem;
  margin-left: .08rem;
}

.sec5-gallery .swiper-slide .desc {
  margin-top: .4rem;
  font-size: .24rem;
  color: #333333;
  line-height: .34rem;
  padding: 0 .12rem;
}

.sec5-swiper {
  margin-top: .4rem;
  padding-bottom: .5rem;
}

.sec5-swiper .item {
  height: 3.34rem;
  border-radius: .16rem;
  background: linear-gradient(270deg, #F0F5FF 0%, #FFFFFF 100%);
  box-sizing: border-box;
  margin: 0 .2rem;
  padding: .28rem .3rem;
  margin-top: .28rem;
  position: relative;
}

.sec5-swiper .item:first-child {
  margin-top: 0;
}

.sec5-swiper .item .logo {
  width: auto;
  height: .48rem;
}

.sec5-swiper .item .desc {
  font-size: .24rem;
  color: #3D3D3D;
  margin-top: .14rem;
}

.sec5-swiper .item .brand {
  margin-top: .24rem;
  font-size: .24rem;
  color: #3D3D3D;
  text-align: right;
  position: absolute;
  bottom: .5rem;
  right: .3rem;
}

.sec5-swiper .sec5-pagination {
  bottom: 0;
}

.sec5-swiper .swiper-pagination-bullet {
  width: .7rem;
  height: .08rem;
  border-radius: .2rem;
  background: #C6D3EC;
  margin: 0 .08rem;
}

.sec5-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #1472FF;
}

.sec5 .case {
  margin: .52rem .2rem 0;
}

.sec5 .btn {
  width: 2.5rem;
  height: .6rem;
  border-radius: .04rem;
  background: #1472FF;
  margin: .6rem auto 0;
  text-align: center;
  line-height: .6rem;
  color: #fff;
  font-size: .24rem;;
}

.sec6 {
  background: linear-gradient(180deg, #4943FA 0%, #7423FC 100%);
}

.sec6 .common-title img {
  width: auto;
  height: .48rem;
}

.sec6 .common-subtitle {
  color: #fff !important;
}

.sec6 .swiper-slide {
  width: 4.84rem;
  height: 7.14rem;
  border-radius: .16rem;
  background: #fff;
  box-sizing: border-box;
  padding: .48rem .38rem;
  position: relative;
  margin: 0 .2rem;
}

.sec6 .swiper-slide .title {
  font-size: .36rem;
  font-weight: 600;
  color: #333;
  text-align: center;
}

.sec6 .swiper-slide .desc {
  font-size: .24rem;
  color: #999;
  margin-top: .2rem;
}

.sec6 .swiper-slide img {
  width: 2.78rem;
  display: block;
  margin: .2rem auto 0;
}

.sec6 .swiper-slide .btn {
  position: absolute;
  right: .4rem;
  bottom: .4rem;
  font-size: .24rem;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.sec6 .swiper-slide .btn img {
  width: .48rem;
  height: .48rem;
  margin-left: .16rem;
  margin-top: 0;
}

.sec7 {
  background: #fff;
}

.sec7 .sec-content {
  padding: .6rem .2rem 0;
}

.sec7 .top {
  width: 100%;
  height: 5.52rem;
  border-radius: .16rem;
  background: url(../../images/home/sec7_01.png) no-repeat center/cover;
  box-sizing: border-box;
  padding: .44rem .48rem;
}

.sec7 .subtitle {
  font-size: .24rem;
  color: #666666;
}

.sec7 .title {
  font-size: .32rem;
  font-weight: 500;
  margin-top: .2rem;
  color: #333;
}

.sec7 .top .btn {
  display: block;
  margin-top: 1.18rem;
  width: 2.08rem;
  height: .8rem;
  border-radius: 2rem;
  background: #1A1A1A;
  text-align: center;
  line-height: .8rem;
  color: #fff;
  font-size: .32rem;
  font-weight: 500;
}

.sec7 .bottom {
  margin-top: .4rem;
  height: 3.76rem;
  border-radius: .16rem;
  background: #F3F3FF;
  box-sizing: border-box;
  padding: .5rem;
}

.sec7 .bottom .ul {
  margin-top: .4rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 .2rem;
  justify-content: space-between;
}

.sec7 .bottom .ul .li {
  width: 50%;
  display: flex;
  align-items: center;
  font-size: .24rem;
  color: #666666;
  margin-top: .22rem;
}

.sec7 .bottom .ul .li:nth-child(-n+2) {
  margin-top: 0;
} 

.sec7 .bottom .ul .li img {
  width: .24rem;
  margin-right: .08rem;
}

.sec8 .article-list {
  background: #fff;
  border-radius: .16rem;
  padding: .4rem .32rem;
  margin: 0 .24rem;
}

.sec8 .article {
  display: flex;
  align-items: center;
  margin-top: .4rem;
}

.sec8 .article:first-child {
  margin-top: 0;
}

.sec8 .article .img-box {
  width: 2.04rem;
  height: 1.36rem;
  flex-shrink: 0;
  margin-right: .24rem;
}

.sec8 .article .img-box a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec8 .article .img-box img {
  max-width: 100%;
  max-height: 100%;
  border-radius: .08rem;
}

.sec8 .article .text-box {
  width: 100%;
  overflow: hidden;
}

.sec8 .article .title {
  font-size: .28rem;
  font-weight: 500;
  color: #3D3D3D;
  line-height: .4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sec8 .article .descr {
  font-size: .24rem;
  margin-top: .12rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sec9 {
  height: 9.32rem;
  padding: .8rem 0 0;
  background: url(../../images/home/sec9_01.png) no-repeat center bottom/cover;
}

.sec9 .common-title {
  color: #fff !important;
  font-size: .48rem;
  font-weight: 500;
  line-height: .66rem;
}

.sec9 .common-title span {
  background: linear-gradient(270deg, #7AFFF2 2%, #FF9DFA 73%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.sec9 .sec-content {
  padding-top: 0 !important;
}

.sec9 .form {
  margin: .8rem .72rem 0;
}

.sec9 .input {
  height: .96rem;
  display: flex;
  align-items: center;
  border-radius: .96rem;
  background: #fff;
}

.sec9 .input .left {
  width: 1.7rem;
  height: .4rem;
  display: flex;
  align-items: center;
  padding-left: .54rem;
  box-sizing: border-box;
  font-size: .24rem;
  color: #666;
  border-right: .02rem solid #D8D8D8;
  flex-shrink: 0;
}

.sec9 .input .left img {
  width: .24rem;
  margin-left: 8px;
}

.sec9 .input .right {
  width: 100%;
  overflow: hidden;
  padding-right: .8rem;
}

.sec9 .input .right input {
  width: 100%;
  height: .4rem;
  padding-left: .34rem;
  font-size: .32rem;
  box-sizing: border-box;
}

.sec9 .submit {
  width: 100%;
  height: .96rem;
  margin-top: .36rem;
  background: #333;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .32rem;
  border-radius: .96rem;
}