* {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  text-decoration: none;
  /* box-sizing: border-box; */
}

:root {
  font-size: calc(100vw / 1440);
}

@media screen and (min-width: 750px) {
  html {
      font-size: calc(750px / 7.5);
  }
}

*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px;
}

* {
  scrollbar-width: 10px;
  scrollbar-base-color: green;
  scrollbar-track-color: red;
  scrollbar-arrow-color: blue;
}

header .nav-father {
  min-width: 1100px;
  width: 100%;
  min-height: 64px;
  height: 64rem;
  background: #000004;
  border-radius: 0px 0px 0px 0px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

header nav {
  width: 1085rem;
  min-width: 1100px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

header nav .navLogo {
  width: 167rem;
  min-width: 167px;
  min-height: 48.81px;
  margin-right: 356rem;
  height: 35.81rem;
}
header nav .navLogo img{
  width: 190px;
}
header nav ul {
  width: 562px;
  list-style: none;
}

header nav li {
  overflow: hidden;
  float: left;
  width: 90px;
  height: 100%;
  text-align: center;
  white-space: nowrap;
}

header nav ul a {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 22px;
}

header nav ul a:hover {
  text-decoration: underline;
  font-weight: bold;
}

.banner {
  width: 100%;
  min-width: 1100px;
  position: relative;
  background: url('../img/2.png');
  height: 558rem;
  min-height: 558px;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner .text {
  width: 1100px;
  display: flex;
  justify-content: center;
}

.banner .text .p-demo {
  width: 450px;
  margin-top: 110px;
}

.banner .text .p-demo .title {
  font-weight: bold;
}

.banner .text p {
  height: 90rem;
  min-height: 90px;
  font-size: 60px;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
}

.banner .text p:nth-child(3) {
  font-size: 30px;
  font-family: Bold;
  height: 40px;
}

.banner .text button {
  cursor: pointer;
  width: 213rem;
  min-width: 213px;
  vertical-align: middle;
  height: 48rem;
  min-height: 48px;
  background: #FFFFFF;
  border-radius: 37px 37px 37px 37px;
  border: none;
  font-size: 16px;
  font-family: Medium;
  font-weight: normal;
  color: #2044A8;
}

section {
  width: 100%;
  box-sizing: border-box;
  min-width: 1100px;
}

section .sec-one {
  display: flex;
  min-width: 1100px;
}

section .sec-oneLeft {
  width: 740rem;
  min-width: 740px;
  height: 448px;
  min-height: 448px;
}

section .sec-oneRight .sec-oneRight-center {
  width: 493rem;
  min-width: 411px;
}

section .sec-oneRight {
  height: 448px;
  min-height: 448px;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
}

section .sec-oneRightTitle {
  width: 378rem;
  min-width: 378px;
  height: 22rem;
  min-height: 22px;
  margin: 81rem 0 16rem;
  position: relative;
}

section .sec-oneRightTitle p {
  position: absolute;
  z-index: 2;
  font-size: 28px;
  font-family: Bold;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22rem;
}

section .sec-oneRightTitle .watermark {
  position: absolute;
  font-size: 64rem;
  font-family: Bold;
  font-weight: normal;
  color: #EEEEEE;
  line-height: 22rem;
  top: -10rem;
}

section .sec-oneRightLine {
  width: 60rem;
  min-height: 4px;
  min-width: 60px;
  background: #FF9A2E;
  margin-bottom: 40rem;
}

section .sec-oneRightText {
  width: 493rem;
  min-width: 411px;
  height: 210rem;
  min-height: 210px;
  min-height: 210px;
  font-size: 18px;
  font-family: Regular;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.6);
  line-height: 30px;
}

section .sec-two {
  width: 100%;
  background: #F3F3F3;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  height: 135rem;
  min-height: 135px;
  display: flex;
  align-items: center;
}

section .sec-twoConent {
  margin: 0 auto;
  width: 1050rem;
  min-width: 1100px;
  height: 55rem;
  min-height: 55px;
  font-size: 18px;
  font-family: Regular;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.6);
  line-height: 38px;
}

section .sec-three {
  width: 100%;
}

section .sec-threeDemo {
  min-width: 1100px;
}

section .sec-threeTitle {
  margin: 116rem auto 10rem;
  width: 594rem;
  min-width: 594px;
  /* min-width: 594px; */
  height: 22rem;
  min-height: 22px;
  position: relative;
}

section .horizontalLine {
  width: 594rem;
  margin: 0 auto;
  height: 4px;
  display: flex;
  justify-content: center;
}

section .horizontalLine div {
  width: 60px;
  height: 4px;
  margin-top: 10px;
  background: #FF9A2E;
  border-radius: 0px 0px 0px 0px;
}

section .sec-threeTitle .watermark {
  position: absolute;
  font-size: 60rem;
  font-family: Bold;
  font-weight: normal;
  color: #EEEEEE;
  line-height: 22rem;
  top: -10px;
  left: -22px;
}

section .sec-threeTitle p {
  position: absolute;
  z-index: 2;
  font-size: 32rem;
  font-family: Bold;
  font-weight: normal;
  color: #4B4B4B;
  line-height: 22px;
  text-align: center;
}

section .sec-fourTopLeftTitle .watermark {
  position: absolute;
  font-size: 64px;
  font-family: Bold;
  font-weight: normal;
  color: #242424;
  line-height: 22px;
  top: -10px;
  left: 0;
}

section .sec-three ul {
  list-style: none;
  text-align: center;
  margin: 80px auto 102px;
  font-size: 0px;
  min-width: 1100px;
}

section .sec-three li {
  display: inline-block;
  background: #FFFFFF;
  box-shadow: 0px 7px 22px 2px rgba(0, 0, 26, 0.09);
  border-radius: 7px 7px 7px 7px;
  opacity: 1;
  margin-right: 25px;
  width: 340rem;
  min-width: 340px;
  height: 331rem;
  min-height: 331px;
}

section .sec-three li .imgText {
  margin-top: 32px;
}

section .sec-three li p {
  height: 32rem;
  min-height: 32px;
  font-size: 20px;
  font-family: Regular;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.9);
  display: flex;
}

section .sec-three li span {
  display: block;
  width: 24px;
  height: 17px;
  margin-left: 33px;
}

section .sec-four {
  width: 100%;
  height: 697px;
  background: #01090C;
  border-radius: 0px 0px 0px 0px;
}

section .sec-fourTop {
  height: 430px;
  display: flex;
  justify-content: center;
}

section .sec-fourTop .sec-fourTopLeft {
  width: 800px;
  height: 345px;
}

section .sec-fourTop .sec-fourTopRight {
  width: 423px;
  height: 345px;
  position: absolute;
  top: 79px;
  right: 15px;
  text-align: center;
}
section .sec-fourTop .sec-fourTopRight img{
  width: auto;
}
section .sec-fourTop .sec-fourTopDemo {
  width: 1100px;
  position: relative;
  padding-left: 40px;
}

section .sec-fourTop .sec-fourTopDemo .sec-fourTopLeftTitle {
  position: relative;
  width: 697px;
  height: 22px;
  margin-top: 79px;
}

section .sec-fourTopLeftTitle p {
  z-index: 2;
  position: absolute;
  font-size: 31px;
  font-family: Bold;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 22px;
}

section .sec-fourTopLeftLine {
  width: 60px;
  height: 4px;
  margin: 18px 0 67px;
  background: #FF9A2E;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
}

section .sec-fourTop ul {
  font-size: 0;
  line-height: 68px;
}

section .sec-fourTop li {
  display: inline-block;
  width: 183px;
  height: 60px;
  font-size: 13px;
  font-family: Regular;
  font-weight: normal;
  color: #FFFFFF;
  white-space: nowrap;
}

section .sec-fourTop li div {
  display: flex;
  align-items: center;
}

section .sec-fourTop li img {
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

section .sec-fourBot {
  height: 267px;
  background: url('../img/Rectangle\ 3995.png') no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
}

section .sec-fourBot ul {
  font-size: 0;
  width: 1100px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 0 15px; */
}

section .sec-fourBot li {
  float: left;
  height: 113px;
  width: 267px;
  min-width: 267px;
  color: white;
  font-size: 20px;
  padding: 0 49px;
}

section .sec-fourBot h3 {
  width: 168px;
  min-width: 168px;
  height: 32px;
  font-size: 24px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 32px;
  margin-bottom: 10px;
}

section .sec-fourBot p {
  font-size: 14px;
  font-family: PingFang SC-Semibold, PingFang SC;
  /* font-weight: 600; */
  color: #FFFFFF;
  line-height: 24px;
}

section .sec-fourBot li:nth-child(2) {
  border-left: 2px #FF9A2E solid;
  border-right: 2px #FF9A2E solid;
}

section .sec-five {
  width: 100%;
  display: flex;
  justify-content: center;
}

section .sec-fiveDemo {
  width: 1100px;
  padding: 0 15px;
}

section .sec-fiveTitle {
  margin: 101px auto 0px;
  width: 765px;
  height: 22px;
  margin-bottom: 17px;
  position: relative;
}

section .sec-fiveTitle p {
  z-index: 2;
  position: absolute;
  font-size: 31px;
  font-family: Bold;
  font-weight: normal;
  color: #383838;
  line-height: 22px;
}

section .sec-fiveTitle .watermark {
  position: absolute;
  font-size: 64px;
  font-family: Bold;
  font-weight: normal;
  color: #EEEEEE;
  line-height: 22px;
  top: -10px;
  left: -40px;
}

section .sec-five ul {
  width: 960px;
  margin: 63px auto 63px;
  line-height: 37px;
}

section .sec-five li {
  display: inline-block;
  width: 204px;
  height: 58px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
}

section .sec-five li:nth-child(2) {
  margin: 0 165px;
}

section .sec-five li:nth-child(4) {
  margin: 0 188px 0 177px;
}

section .sec-six {
  width: 100%;
  height: 512px;
  background: #F5F8FA;
  display: flex;
  justify-content: center;
}

section .sec-six .sec-sixDemo {
  width: 1100px;
  text-align: center;
  padding: 0 15px;
}

section .sec-sixTitle {
  width: 221px;
  height: 22px;
  padding-top: 68px;
  margin: 0 auto 16px;
  font-size: 31px;
  font-family: Bold;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
  position: relative;
}

section .sec-sixTitle p {
  position: absolute;
  z-index: 2;
}

section .sec-sixTitle .watermark {
  position: absolute;
  font-size: 64px;
  font-family: Bold;
  font-weight: normal;
  color: #EEEEEE;
  line-height: 22px;
  top: 58px;
  left: -40px;
}

section .sec-six ul {
  display: inline-block;
  width: 716px;
  font-size: 0;
  margin-top: 57px;
  line-height: 21px;
}

section .sec-six li {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-right: 132px;
}

section .sec-six li:nth-child(4) {
  margin-right: 0px;
}

section .sec-six li:nth-child(8) {
  margin-right: 0px;
}

section .sec-six li:nth-child(12) {
  margin-right: 0px;
}

section .sec-seven {
  width: 100%;
  min-width: 1100px;
  height: 605px;
  background: url('../img/7.png') no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

section .sec-sevenBox {
  width: 1100px;
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}

section .sec-sevenLeft {
  width: 546px;
  min-width: 546px;
  height: 559px;
}

section .sec-sevenLeft P {
  font-size: 48px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 36px;
  margin-top: 247px;
}

section .inputPhone {
  display: block;
  position: relative;
}

section .sec-sevenRight .inputPhone-text {
  position: absolute;
  top: 0;
  left: 30px;
  width: 70px;
  height: 48px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
  display: flex;
  align-items: center;
}

section .sec-sevenRight .inputPhone-text img {
  width: 14px;
}

section #phone {
  padding-left: 75px;
  width: 285px;
}

section .sec-sevenRight input {
  width: 345px;
  height: 48px;
  display: inline-block;
  background: #F3F3F3;
  border-radius: 2px 2px 2px 2px;
  padding-left: 15px;
  border: none;
  opacity: 1;
  margin-bottom: 24px;
}

section .sec-sevenRight textarea {
  resize: none;
  height: 129px;
  width: 330px;
  display: inline-block;
  background: #F3F3F3;
  border-radius: 2px 2px 2px 2px;
  padding-left: 15rem;
  border: none;
  padding: 10px 15px;
}

section .sec-sevenRight button {
  width: 213px;
  height: 48px;
  background: #0F4E98;
  border-radius: 37px 37px 37px 37px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-family: Medium;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 24px;
  margin-top: 24px;
}

section .sec-sevenRight {
  width: 421px;
  text-align: center;
  height: 559px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
}

footer {
  width: 100%;
  min-width: 1100px;
  height: 249px;
  background: #111502;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

footer .footerDemo {
  width: 1100px;
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}

footer ul {
  width: 452rem;
  min-width: 452px;
}

footer .footerDemo_nav {
  margin-left: 90px;
}

footer .footerDemo_nav a {
  color: #EEEEEE;
  font-size: 16px;
  line-height: 28px;
}

footer .footerDemo_nav a:hover {
  text-decoration: underline;
  font-weight: bold;
}

footer li {
  font-size: 18px;
  font-family: Regular;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 28px;
}

footer li:nth-child(1) {
  width: 220px;
  height: 64px;
  margin-bottom: 10px;
}
footer li:nth-child(1) img{
  width: 190px;
}
footer .footerRight {
  display: flex;
  width: 269px;
  justify-content: center;
}

footer .footerRight_one {
  width: 120px;
  text-align: center;
  margin-right: 29rem;
}

.footerRight_one span {
  font-size: 12rem;
  font-family: Regular;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 22rem;
}


@media screen and (max-width:768px) {
  header .nav-father{
    min-width: auto;
  }
  header nav{
    min-width: auto;
  }
  header nav .navLogo{
    margin: 0;
  }
  .banner{
    min-width: auto;
    height: 558rem;
    min-height: 400px;
  }
  .banner .text{
    width: 100%;
  }
  .banner .text p{
    font-size: 26px !important;
  }
  .banner .text .p-demo{
    width: 100%;
    margin-top: 0;
  }
  section{
    min-width: 100%;
  }
  section .sec-one{
    min-width: 100%;
    flex-wrap: wrap;
  }
  section .sec-oneRight{
    height: auto;
    min-height: auto;
    padding-bottom: 40px;
    padding: 0 0 40px 4px;
  }
  section .sec-oneRight .sec-oneRight-center{
    width: 100%;
    min-width: auto;
  }
  section .sec-oneLeft{
    width: 100%;
    min-width: auto;
    min-height:auto;
    height: 100%;
  }
  section .sec-oneRightText{
    min-width: auto;
    width: 100%;
  }
  section .sec-two{
    height: auto;
  }
  section .sec-twoConent{
    min-width: auto;
    height: auto;
    width: auto;
    padding: 0 0 0 4px;
  }
  section .sec-threeDemo{
    min-width: auto;
  }
  section .sec-three ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    min-width: auto;
    margin: 40px auto 0;
  }
  section .sec-three li{
    width: 100%;
    min-width: auto;
    height: auto;
    margin: 0;
  }
  section .sec-three li .imgText{
    display: flex;
  }
  section .sec-three li span{
    margin-left: 10px;
  }
  section .sec-three li p{
    font-size: 16px;
    padding-right: 4px;
    padding-bottom: 20px;
  }
  section .sec-threeTitle p{
    font-size: 20px;
  }
  section .sec-threeTitle .watermark{
    font-size: 40px;
    top: 3px;
    left: 5px;
  }
  section .sec-threeTitle{
    width: 100%;
    min-width: auto;
  }
  section .sec-three li img{
    width: 100%;
  }
  section .sec-fourTop{
    height: 652px;
  }
  section .sec-fourTop .sec-fourTopDemo{
    width: 100%;
    padding: 0;
  }
  section .sec-fourBot{
    margin-top: 90px;
    height: 400px;
  }
  section .sec-fourTop .sec-fourTopLeft{
    width: 100%;
  }
  section .sec-fourTopLeftTitle p{
    font-size: 20px;
  }
  section .sec-fourTopLeftTitle .watermark{
    font-size: 45px;
    top: -4px;
  }
  section .sec-fourTopLeftLine{
    z-index: 2;
  }
  section .sec-fourTop ul{
    line-height: 30px;
    margin-top: 360px;
    text-align: center;
  }
  section .sec-fourTop li{
    margin-left: 4px;
    width: 48%;
  }
  section .sec-fourTop li img{
    width: 40px;
    height: 40px;
  }
  section .sec-fourTop li span{
    font-size: 14px;
  }
  section .sec-fourBot ul{
    width: 100%;
    flex-wrap: wrap;
  }
  section .sec-four{
    height: auto;
  }
  section .sec-fourBot li{
    width: 100%;
  }
  section .sec-fourTop .sec-fourTopDemo .sec-fourTopLeftTitle{
    width: auto;
    margin-left: 4px;
    margin-top: 30px;
  }
  section .sec-fourTop .sec-fourTopRight{
    width: 100%;
    right: 0;
  }
  section .sec-fourTop .sec-fourTopRight img{
    width: 370px;
  }
  section .sec-fiveDemo{
    width: 100%;
    padding: 0;
  }
  section .sec-fiveTitle{
    width: auto;
    margin: 40px 0 0 40px;
  }
  section .sec-fiveTitle p{
    font-size:20px;
    line-height: 34px;
  }
  section .sec-fiveTitle .watermark{
    font-size: 40px;
    top: -4px;
    left: -30px;
  }
  section .sec-five ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  section .sec-five li{
    width: 140px;
  }
  section .sec-five li:nth-child(2){
    margin: 0;
  }
  section .sec-five li:nth-child(4){
    margin: 0;
  }
  section .sec-five ul{
    width: 100%;
    margin: 63px auto 10px;
  }
  section .sec-seven{
    min-width: auto;
    margin-top: 20px;
    text-align: center;
  }
  section .horizontalLine{
    width: 100%;
  }
  section .sec-sevenLeft{
    width: 100%;
    min-width: auto;
    height: auto;
  }
  section .horizontalLine div{
    margin: 0;
  }
  section .sec-sixTitle p{
    font-size: 20px;
  }
  section .sec-six ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0;
  }
  section .sec-sixTitle .watermark{
    font-size: 40px;
    left: 4px;
  }
  section .sec-six li{
    margin: 0;
    width: 25%;
    padding: 10px;
  }
  section .sec-six li img{
    width: 80px;
  }
  section .sec-sevenLeft P{
    font-size: 30px;
    margin-top: 0px;
  }
  section .sec-six .sec-sixDemo{
    width: 100%;
  }
  section .sec-six li:nth-child(4){
    margin: 0;
  }
  section .sec-sevenBox{
    width: 100%;
    flex-wrap: wrap;
    padding: 0;
    justify-content: center;
  }
  section .sec-sevenRight .inputPhone-text{
    left: 26px;
  }
  
  footer{
    min-width: auto;
    height: auto;
  }
  footer .footerDemo{
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-bottom: 20px;
  }
  footer ul{
    width: 100%;
    min-width: auto;
  }
  footer .footerDemo_nav{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  footer .footerDemo_nav div{
    width: 90px;
  }
}