body,
p {
  margin: 0;
}

button {
  background: none;
  cursor: pointer;
  outline: none;
  border: 0;
  padding: 0;
}

img {
  user-select: none;
}

section {
  overflow: hidden;
}

main {
  --scolor: #2E5E9F;
  color: #333;
  max-width: 1920px;
}

.minbox {
  width: 1200px;
  margin: 0 auto;
}

.title {
  text-align: center;
  margin: 80px auto 36px;
}

.title p {
  display: flex;
  justify-content: center;
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

.title p span {
  z-index: -1;
  font-weight: bold;
  font-size: 66px;
  color: #F2F2F2;
  font-style: italic;
  position: absolute;
  bottom: 6px;
}

.title strong {
  color: var(--scolor);
}

.title > span {
  font-size: 18px;
  color: #666;
}


.zero {
  height: 596px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 90px;
  background: url("/res/tdxlss/zero.png") no-repeat center/cover;
}

.zero button {
  width: 358px;
  height: 99px;
  margin-right: 48px;
  font-weight: bold;
  font-size: 26px;
  color: #2E5E9F;
  line-height: 31px;
  border-radius: 20px;
  background-image: linear-gradient(4deg, #FEFBF8, #FCC38A);
  box-shadow: 0px 5px 6px 0px rgba(2, 49, 112, 0.58);
}

.zero button:last-child {
  margin-right: 0;
}


.one {
  text-align: center;
}

.one .mobile-box {
  display: none;
}

.one1 {
  display: flex;
  justify-content: space-between;
}

.one1-item {
  width: 390px;
  height: 270px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
}

.one1-item .major {
  width: 390px;
  height: 200px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("/res/tdxlss/one1.png") no-repeat center/100%;
}

.one1-item:nth-child(2) .major {
  background: url("/res/tdxlss/one2.png") no-repeat center/100%;
}

.one1-item:nth-child(3) .major {
  background: url("/res/tdxlss/one3.png") no-repeat center/100%;
}

.one1-item button {
  width: 191px;
  height: 56px;
  color: #fff;
  font-size: 18px;
  background-color: var(--scolor);
}

.one1-item button:last-child {
  background-color: #E0913D;
}

.one2 {
  height: 235px;
  margin-top: 18px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background-color: #EDF3FC;
  box-sizing: border-box;
}

.o2i-tle {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 6px;
}

.o2i-desc {
  font-size: 14px;
}

.one3 {
  width: 450px;
  height: 60px;
  color: #fff;
  font-size: 22px;
  line-height: 60px;
  text-align: center;
  margin-top: 36px;
  background-color: #F95F55;
  border-radius: 30px;
}


.two {
  padding-bottom: 46px;
}

.two1 {
  display: flex;
  flex-wrap: wrap;
}

.two1-item {
  width: 390px;
  height: 216px;
  background-color: #fff;
  box-sizing: border-box;
  padding: 52px 28px 27px 40px;
  box-shadow: 0 0 6px 1px #00000010;
  margin: 0 15px 25px 0;
  position: relative;
}

.two1-item:nth-child(3n) {
  margin-right: 0;
}

.two1-item:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.two1-item::before {
  content: "";
  display: block;
  width: 33px;
  height: 3px;
  background: #E0913D;
  border-radius: 2px;
  position: absolute;
  top: 29px;
}

.t1i-tle {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 14px;
}

.t1i-tle img {
  height: 27px;
  margin-right: 12px;
}

.t1i-desc {
  display: block;
  font-size: 16px;
  color: #999;
}

.two1-item button {
  --width: 192px;
  width: var(--width);
  height: 44px;
  border-radius: 22px;
  border: 1px solid #F95F55;
  font-size: 18px;
  color: #F95F55;
  margin-left: 50%;
  position: absolute;
  bottom: 27px;
  left: calc(var(--width) / -2);
}

.three {
  padding-bottom: 65px;
  background-color: var(--scolor);
}

.three .title p {
  color: #fff;
}

.three .title p span {
  color: #3367AC;
}

.three .title p strong {
  color: #FBCB98;
}

.three .title > span {
  color: #E1E3E9;
}

.three1 {
  display: flex;
  flex-wrap: wrap;
}

.three1-item {
  width: 390px;
  height: 316px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 15px 29px 0;
  background-color: #fff;
}

.three1-item:nth-child(3n) {
  margin-right: 0;
}

.three1-item:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.three1-item img {
  width: 100%;
  height: 216px;
}

.three1-item .t1i-tle {
  margin: 23px 0 2px;
}

.four1 {
  display: flex;
  flex-wrap: wrap;
}

.four1 img {
  width: 390px;
  height: 260px;
  margin: 0 15px 29px 0;
}

.four1 img:nth-child(3n) {
  margin-right: 0;
}

.four1 img:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.five1 {
  padding: 70px 0 238px;
  background-color: #EDF3FC;
}

.five1 div {
  display: flex;
  justify-content: center;
}

.five1-item img {
  margin: 0 34px 42px;
}

.five2-item img {
  margin: 0 18px;
}

.btmbanner{
  z-index: 2;
  position: fixed;
  left: 0;
  bottom: 0;
}

.btmbanner img {
  width: 100%;
  vertical-align: middle;
}

.btmbanner img:nth-child(2) {
  display: none;
}

.btmbanner svg{
  width: 24px;
  height: 24px;
  fill: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
}

.popup {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00000030;
  position: fixed;
  top: -200%;
  left: 0;
}

.popup-content {
  width: 886px;
  height: 497px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: url("/res/tdxlss/popup-bg.png") no-repeat center/100%;
  position: relative;
}

.popup-content svg {
  cursor: pointer;
  width: 47px;
  height: 47px;
  fill: #629be9;
  position: absolute;
  right: 50px;
  top: 56px;
}

.popup-content img {
  box-sizing: border-box;
  border-radius: 12px;
  border: 2px solid #c1dbfd;
  transform: translateY(160px);
}

.popup-content span {
  width: 152px;
  height: 44px;
  border-radius: 22px;
  font-size: 22px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  transform: translateY(178px);
  background-image: linear-gradient(0deg, #fd7b49, #fb5548);
}

@media (max-width: 750px) {
  body {
    background-color: #efefef;
  }

  section {
    background-color: #fff;
  }

  .minbox {
    width: 350rem;
  }

  .zero {
    height: 324rem;
    padding-bottom: 34rem;
    box-sizing: border-box;
    background: url("/res/tdxlss/m-zero.png") no-repeat center/cover;
  }

  .zero button {
    width: 169rem;
    height: 49rem;
    margin-right: 16rem;
    border-radius: 10rem;
    font-size: 13rem;
    line-height: initial;
  }

  .title {
    margin: 46rem 0 16rem 0;
  }

  .title p {
    font-size: 19rem;
    margin-bottom: 3rem;
  }

  .title p span {
    font-size: 33rem;
  }

  .title > span {
    font-size: 11rem;
  }

  .one {
    margin-bottom: 12rem;
  }

  .one .pc-box {
    display: none;
  }

  .one .mobile-box {
    display: initial;
  }

  .one .mobile-box .one1 {
    height: 97rem;
    margin-bottom: 13rem;
    padding-left: 146rem;
    box-sizing: border-box;
    background: url("/res/tdxlss/m-one1.png") no-repeat center/cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .one .mobile-box .one1:nth-child(2) {
    background: url("/res/tdxlss/m-one2.png") no-repeat center/cover;
  }

  .one .mobile-box .one1:nth-child(3) {
    background: url("/res/tdxlss/m-one3.png") no-repeat center/cover;
  }

  .one .mobile-box .one1:last-child {
    margin-bottom: 0;
  }

  .one .mobile-box .m-o1-tle {
    font-size: 14rem;
    font-weight: bold;
  }

  .one .mobile-box .m-o1-desc {
    font-size: 9rem;
    color: #999;
    margin-bottom: 10rem;
  }

  .one .mobile-box .m-o1-btn {
    display: flex;
  }

  .one .mobile-box .m-o1-btn button {
    width: 80rem;
    height: 29rem;
    margin-right: 9rem;
    background-color: #5A8BCD;
    border-radius: 5rem;
    font-size: 11rem;
    color: #fff;
  }

  .one .mobile-box .m-o1-btn button:last-child {
    margin-right: 0;
    background-color: #E6A157;
  }

  .one .mobile-box .one2 {
    display: block;
    width: 265rem;
    height: 224rem;
    position: relative;
    margin: 39rem auto 22rem;
    background: url("/res/tdxlss/m-one2-bg.png") no-repeat center/100%;
  }

  .one .mobile-box .one2 img {
    width: 46rem;
    height: 46rem;
    position: absolute;
    left: 40rem;
    top: -5rem;
  }

  .one .mobile-box .one2 img:nth-of-type(2) {
    left: initial;
    right: 40rem;
    top: -5rem;
  }

  .one .mobile-box .one2 img:nth-of-type(3) {
    top: initial;
    left: -23rem;
    bottom: 67rem;
  }

  .one .mobile-box .one2 img:nth-of-type(4) {
    top: initial;
    left: initial;
    right: -23rem;
    bottom: 67rem;
  }

  .one .mobile-box .one2 > div {
    width: 74rem;
    text-align: center;
    position: absolute;
    left: -42rem;
    top: -12rem;
  }

  .one .mobile-box .one2 > div:nth-of-type(2) {
    left: initial;
    right: -42rem;
    top: -12rem;
  }

  .one .mobile-box .one2 > div:nth-of-type(3) {
    top: initial;
    left: -38rem;
    bottom: 12rem;
  }

  .one .mobile-box .one2 > div:nth-of-type(4) {
    top: initial;
    left: initial;
    right: -38rem;
    bottom: 12rem;
  }

  .one .mobile-box .one2 > div div {
    font-size: 12rem;
    font-weight: bold;
    margin-bottom: 4rem;
  }

  .one .mobile-box .one2 > div span {
    font-size: 8rem;
    color: #666;
  }

  .two {
    padding-bottom: 28rem;
  }

  .two1-item {
    width: 168rem;
    height: 151rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 14rem;
    border-radius: 10rem;
    box-sizing: border-box;
    border: 1rem solid #F9B56D;
    overflow: hidden;
    padding: 0;
  }

  .two1-item:nth-child(3n) {
    margin-right: 14rem;
  }

  .two1-item:nth-child(2n) {
    margin-right: 0;
  }

  .two1-item::before {
    display: none;
  }

  .mobile-box .t1i-tle {
    display: block;
    width: 100%;
    font-size: 14rem;
    line-height: 14rem;
    text-align: center;
    color: #fff;
    height: 42rem;
    margin-bottom: 16rem;
    position: relative;
    overflow: hidden;
    padding-top: 12rem;
    box-sizing: border-box;
    background-image: linear-gradient(0deg, #fbc388, #eb8a22);
  }

  .mobile-box .t1i-tle::before,
  .mobile-box .t1i-tle::after {
    content: "";
    width: 200%;
    height: 100%;
    background-color: #fff;
    transform: rotate(8deg);
    position: absolute;
    top: 100%;
    left: -50%;
  }

  .mobile-box .t1i-tle::after {
    transform: rotate(352deg);
  }

  .two1-item:nth-child(4n+3),
  .two1-item:nth-child(4n+4) {
    border: 1rem solid #75ABF5;
  }

  .two1-item:nth-child(4n+3) .t1i-tle,
  .two1-item:nth-child(4n+4) .t1i-tle {
    background-image: linear-gradient(0deg, #7db1f7, #4686dd);
  }

  .two1-item .t1i-tle img {
    height: 14rem;
    margin-right: 6rem;
    transform: translateX(-100rem);
    filter: drop-shadow(100rem 0 #fff);
    vertical-align: top;
  }

  .two1-item .t1i-desc {
    font-size: 11rem;
    color: #666;
    margin: 0 10rem;
    text-align: center;
  }

  .two1-item button {
    width: 96rem;
    height: 30rem;
    background: #F15645;
    border-radius: 15rem;
    font-size: 12rem;
    color: #FFFFFF;
    left: initial;
    bottom: 16rem;
    margin: 0;
  }

  .three {
    padding-bottom: 30rem;
  }

  .three1-item {
    width: 100%;
    height: 85rem;
    border-radius: 6rem;
    overflow: hidden;
    margin: 0 0 13rem 0;
    position: relative;
    justify-content: center;
    align-items: flex-start;
    padding-left: 154rem;
  }

  .three1-item:nth-child(2n) {
    padding-left: 30rem;
  }

  .three1-item img {
    width: 126rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

  .three1-item:nth-child(2n) img {
    left: initial;
    right: 0;
  }

  .three1-item:nth-last-child(-n+3) {
    margin: 0 0 13rem 0;
  }

  .three1-item:last-child {
    margin: 0;
  }

  .three1-item .t1i-tle {
    font-size: 13rem;
    line-height: 13rem;
    margin: 0 0 5rem 0;
    position: relative;
  }

  .three1-item .t1i-tle::before {
    content: "";
    width: 4rem;
    height: 13rem;
    background-color: #E6A157;
    position: absolute;
    left: -11rem;
  }

  .three1-item .t1i-desc {
    font-size: 10rem;
  }

  .four1 img {
    width: 170rem;
    height: 105rem;
    margin: 0 10rem 13rem 0;
    border-radius: 5rem;
  }

  .four1 img:nth-child(3n) {
    margin-right: 10rem;
  }

  .four1 img:nth-child(2n) {
    margin-right: 0;
  }

  .five1 {
    padding: 26rem 0 100rem;
  }

  .five1-item img {
    width: 86rem;
    height: 113rem;
    margin: 0 6rem 12rem;
  }

  .five2-item img {
    width: 111rem;
    height: 81rem;
    margin: 0 4.5rem;
  }

  .popup-content {
    width: 353rem;
    height: 420rem;
    transform: translateY(-16rem);
    background: url("/res/tdxlss/m-popup-bg.png") no-repeat center/100%;
  }

  .popup-content img {
    width: 147rem;
    height: 147rem;
    transform: translateY(190rem);
  }

  .popup-content span {
    width: 100rem;
    height: 29rem;
    font-size: 15rem;
    line-height: 28rem;
    transform: translateY(205rem);
  }

  .popup-content svg {
    width: 30rem;
    height: 30rem;
    bottom: -32rem;
    right: initial;
    top: initial;
  }

  .btmbanner img {
    display: none;
  }

  .btmbanner img:nth-child(2) {
    display: initial;
  }
  
  .btmbanner svg {
  	width: 16rem;
    height: 16rem;
    right: 3rem;
    top: 3rem;
  }

}