@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
	html,body {
		font-size:23.75px;
	}
  }
	@media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
	html,body {
		font-size:20px;
	}
  }
	@media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
	html,body {
		font-size:15px;
	}
  }
	@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
	html,body {
		font-size:12.5px;
	}
  }
	@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
	html,body {
		font-size:10px;
	}
  }
	@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
	html,body {
		font-size:8.75px;
	}
  }
	@media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
	html,body {
		font-size:6.875px;
	}
  }
	@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
	html,body {
		font-size:5px;
	}
  }
	@media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
	html,body {
		font-size:8.9375px;
	}
  }
	@media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
	html,body {
		font-size:7.5px;
	}
  }
	@media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
	html,body {
		font-size:6.71875px;
	}
  }
	@media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
	html,body {
		font-size:6.25px;
	}
  }
	@media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
	html,body {
		font-size:10px;
	}
  }
	@media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
	html,body {
		font-size:7.5px;
	}
  }
 #fullpage {
   width: 100%;
}

#fullpage .section {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   /* min-width: 37.5rem; */
   /* min-height: 5rem; */
   background-repeat: no-repeat;
   height: 50%;
   width: 100%;
   object-fit: cover;
   overflow: hidden;
   position: relative;
   background-color: #EDEDED;
   display: table;
   table-layout: fixed;
}

#fullpage .section .fp-tableCell {
   display: table-cell;
   vertical-align: middle;
   width: 100%;
}

#fullpage .section .fp-tableCell .fp-scroller {
   /* position: static;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0; */
   /* height: 100%; */
}

#fullpage .section:first-child {
   /* background-image: url('../img/sy_bj.png'); */
   /* background-image: url('../img/he_bj.png'); */
   /* transform: scale(0.8, 1); */
   /* transform-origin: center center; */
   /* opacity: 0; */
   /* transition: all 4s; */

   position: relative;
}

#fullpage .section .one-img {
   /* width: 100%;
   height: 100%; */
   /* min-width: 37.5rem; */
   height: 100%;
   width: 100%;
   vertical-align: top;
   transform: scale(1);
   opacity: 0;
   transition: all 3s linear;
   position: absolute;
   left: 0;
   top: 0;
   /* top: 50%; */
   /* transform: translateY(-50%); */
   z-index: 1;
}

#fullpage .section .two-img {
   opacity: 1;
   /* transition: all 2s linear; */
}

#fullpage .section:nth-child(2) {
   /* background-image: url('../img/gy_bj.png'); */
   vertical-align: baseline;
}

#tabs {
   justify-content: space-around;
}

#fullpage .section:nth-child(3) {
   background-image: url('../img/yw_bj.png');
}

#fullpage .section:nth-child(4) {
   /* background-image: url('../img/he_bj.png'); */
   /* padding-top: 9rem; */
   vertical-align: baseline;
}

.head {
   height: 4rem;
   background-color: transparent;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: 999;
}

.head-con {
   height: 100%;
   width: 80%;
   min-width: 37.5rem;
   margin: 0 auto;
}

.head-con-l img {
   height: 2.4rem;
   margin-right: 6.5rem;
   user-select: none;
}

.head-con-l ul li {
   margin: 0 2.5rem;
}

.head-con-l ul li a {
   font-size: 0.8rem;
   font-weight: 400;
   font-family: Source Han Sans CN;
   color: #fff;
   text-decoration: none;
   cursor: pointer;
   user-select: none;
}

.head-con-l ul li.active a {
   color: #FC5A3C !important;
}

.head-con-r {
   display: flex;
   align-items: center;
   font-size: 0.8rem;
   font-weight: 400;
   font-family: Source Han Sans CN;
   cursor: pointer;
   color: #fff;
   user-select: none;
}

.head-con-r a {
   text-decoration: none;
   color: #fff;
}

.section-content {
   text-align: center;
   position: relative;
   /* background-color: #EDEDED; */
   /* left: 12%; */
   z-index: 2;
}

.section-content-top {
   text-align: left;
   position: relative;
   left: 12%;
   top: -1rem;
   z-index: 2;
}

.section-content-top .title {
   font-size: 3.2rem;
   font-weight: bold;
   font-weight: 500;
   font-family: PingFang SC, PingFang SC;
   margin-bottom: 4rem;
}

.title-down {
   /* width: 29rem;
   height: 6.3rem; */
   font-family: PingFang SC, PingFang SC;
   float: left;
   line-height: 2.5rem;
   font-size: 1.2rem;
   /* font-weight: 800; */
   color: #FFFFFF;
   letter-spacing: 0.5rem;
   /* -webkit-background-clip: text; */
   /* -webkit-text-fill-color: transparent; */
}

.title-input {
   /* top: 10%;
   z-index: 20;
   right: 18%;
   position: relative;
   width: 400px;
   height: 5.9rem;
   background: #FFFFFF;
   border-radius: 15px 15px 15px 15px;
   padding: 0 1rem;
   opacity: 1;
   display: flex;
   justify-content: space-between;
   text-align: center;
   align-items: center; */
   display: flex;
   align-items: center; 
   background: #FFFFFF;
   border-radius: 15px 15px 15px 15px;
   justify-content: space-around;
   padding: 1rem;
   width: 50rem;
   z-index: 20;
   position: relative;
   text-align: center;
   left: -12%;
   top: 5rem;
   z-index: 2;
}

.title-input .title-input-img{
   width: 2.55rem;
   height: 2.55rem;
}

.title-input .title-input-text{
   font-size: 1.2rem;
   font-family: PingFang SC, PingFang SC;
   font-weight: 800;
   color: #333333;
   line-height: 1.4rem;
   letter-spacing: 0.2rem;
}	

.title-input .title-input-button{
   width: 8.75rem;
   height: 4rem;
   background: #A02020;
   border-radius: 10px 10px 10px 10px;
   opacity: 1;
   font-size: 1.2rem;
   font-family: PingFang SC, PingFang SC;
   font-weight: 800;
   color: #FFFFFF;
   line-height: 4rem;
   /* margin: auto; */
   letter-spacing: 0.2rem;
   text-align: center;
   align-items: center;
}

.title-dow-text {
   top: 7.5rem;
   z-index: 2;
   left: 12%;
   position: relative;
   display: flex;
   font-size: 1.2rem;
   font-family: PingFang SC, PingFang SC;
   /* font-weight: 800; */
   color: #FFFFFF;
   /* line-height: 1.25rem; */
   letter-spacing: 0.5rem;
}

.title-dow-text .title-dow-one {
   font-size: 1.8rem;
   font-family: PingFang SC, PingFang SC;
   /* font-weight: 800; */
   color: #FFFFFF;
   line-height: 0.75rem;
   letter-spacing: 0.5rem;
}


.section-content-one {
   transform: translateY(-3rem);
}

.info-box {
   /* margin:10rem auto; */
   /* width: 60%; */
   /* margin: 10rem 10rem; */
   /* margin: 10rem 5rem; */
   margin: 10rem auto;
   width: 65%;
   min-width: 50rem;
   height: 40rem;
   background: #FFFFFF;
   box-shadow: 0.7rem 0.75rem 0.75rem 0px rgba(0,0,0,0.07);
   border-radius: 10px 10px 10px 10px;
   /* opacity: 1; */
   position: relative;
}

.info-top {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: space-around;
	position: relative;
	height: 34rem;
	border-bottom: 2px solid #999999;
 }

.info-box .info-top .info-left {
   position: relative;
   top: 3rem;
   width: 22.05rem;
   height: 26.8rem;
   background: #A02020;
   border-radius: 10px 10px 10px 10px;
   margin-left: 2.5rem;
   opacity: 1;
}

.info-box .info-top .info-right {
   position: relative;
   width: 39.5rem;
   left: 2.5rem;
   text-align: center;
   align-items: center;
}

.info-right-dow {
   float: left;
   font-size: 1.2rem;
   font-family: PingFang SC, PingFang SC;
   font-weight: 400;
   display: flex;
   color: #333333;
   line-height: 2.05rem;
   letter-spacing: 0.3rem;
   width: 90%;
   /* width: 20rem;
   max-width: 30rem;; */
   text-align: left;
   align-items: center;
   margin-bottom: 1rem;
}

.info-right-top {
   align-items: center;
   text-align: center;
   margin: 3rem auto;
   /* padding: 1rem; */
   width: 15rem;
   /* position: relative; */
}

.info-three-top {
   /* align-items: center;
   text-align: center;
   margin: 3rem auto;
   width: 15rem; */
   background-color: #F95335;
   display: flex;
   align-items: center;
   text-align: center;
   margin: 0 auto;
   justify-content: space-evenly;
   /* margin-top: -1.4rem; */
   width: 52.5rem;
}

.info-three-top .info-border {
   width: 3.3rem;
   height: 0px;
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
   border: 2px solid #333333;
}

.info-cont-three .info-text {
	width: 30rem;
	height: 1.4rem;
	font-size: 1.2rem;
	font-family: PingFang SC, PingFang SC;
	font-weight: 800;
	color: #000000;
	line-height: 1.15rem;
	letter-spacing: 0.2rem;
}

.info-three-top .info-text {
   width: 7.5rem;
   height: 1.4rem;
   font-size: 1rem;
   font-family: PingFang SC, PingFang SC;
   font-weight: 800;
   color: #333333;
   line-height: 1.15rem;
   letter-spacing: 0.2rem;
}

.info-title {
   font-size: 2.4rem;
   font-family: PingFang SC, PingFang SC;
   font-weight: 500;
   color: #333333;
   line-height: 2.8rem;
   letter-spacing: 0.45rem;
}

.info-title-three {
   font-size: 2.4rem;
   font-family: PingFang SC, PingFang SC;
   font-weight: 500;
   color: #333333;
   line-height: 2.8rem;
   letter-spacing: 0.45rem;
   padding-top: 2.5rem;
}

.info-cont {
   display: flex;
   align-items: center;
   text-align: center;
   padding: 0.5rem;
   /* position: relative; */
   margin: 0 auto;
}

.info-border-three {
   width: 3.4rem;
   height: 0px;
   background: #ffffff;
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
   border: 2px solid #fffcfc;
}

.info-border-four {
   width: 3.3rem;
   height: 0px;
   background: #000000;
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
   border: 2px solid #000000;
}

.info-cont-three {
   display: flex;
   align-items: center;
   text-align: center;
   margin: 0 auto;
   padding: 0.5rem;
   justify-content: space-evenly;
   margin-top: -1.4rem;
   width: 25rem;
}

.info-right-top .info-cont .info-border {
   width: 3.3rem;
   height: 0px;
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
   border: 2px solid #333333;
}

.info-right-top .info-cont .info-text {
   width: 7.5rem;
   height: 1.4rem;
   font-size: 1.2rem;
   font-family: PingFang SC, PingFang SC;
   font-weight: 800;
   color: #333333;
   line-height: 1.15rem;
   letter-spacing: 0.2rem;
}


.info-dow {
   /* position: relative; */
   z-index: 10;
   text-align: center;
   align-items: center;
   justify-content: space-evenly;
   height: 6rem;
   display: flex;
   /* width: 70rem; */
   margin: 0 auto;
   padding: 0 5rem;
}

.info-dow-text {
   margin:  0.5rem auto;
   display: block;
   font-size: 1rem;
   font-family: Inter, Inter;
   font-weight: 400;
   color: #333333;
   line-height: 1.15rem;
   letter-spacing: 0.2rem;
}

.info-dow-border {
   width: 0.45rem;
   height: 0.45rem;
   background: #7C7C7C;
   border-radius: 10px 10px 10px 10px;
   opacity: 1;
}

.info-left-img {
	width: 100%;
	height: 100%;
   position: relative;
   margin-left: 1rem;
   bottom: 1rem;
}

.logo2 {
   display: none;
}

.contact-box {
   /* width: 3.6rem; */
   width: 19rem;
   height: 3.6rem;
   /* background: #E5573D; */
   background: #f95335;
   /* box-shadow: 0px 0px 0.15rem 0px #E2E2E2; */
   border-radius: 6px 0px 0px 6px;
   position: fixed;
   top: 52%;
   right: -15.1rem;
   z-index: 99;
   text-align: center;
   display: flex;
   align-items: center;
   transition: all 1s;
}

.contact-box:hover {
   right: 0;
}

.contact-box span {
   font-size: 0.7rem;
   font-family: Source Han Sans CN;
   font-weight: 500;
   color: #FFFFFF;
}

.contact-box .su {
   width: 0.05rem;
   height: 2.1rem;
   background: #FFFFFF;
   margin-right: 0.6rem;
}

.contact-box .contact-box-left {
   width: 3.9rem;
   text-align: center;
}

.contact-box .contact-box-left img {
   margin: 0 auto 0.3rem;
}

.contact-box .contact-box-right img {
   margin-right: 0.4rem;
}

.contact-box .contact-box-right > div:first-child {
   margin-bottom: 0.5rem;
}


/* 第一页 */
.title, .sub-title {
   font-size: 2.9rem;
   font-family: Source Han Sans CN;
   font-weight: 500;
   color: #FFFFFF;
}

.sub-title {
   margin-top: 2.3rem;
}

.slide-box {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 2rem;
   animation: slidemove 1.5s infinite;
   z-index: 9999;
}

.slide-box > div {
   font-size: 0.8rem;
   font-family: Source Han Sans CN;
   font-weight: 400;
   color: #FFFFFF;
}

.slide-box > img {
   margin: 0.4rem auto 0;
   height: 1rem;
}

@keyframes slidemove {
   from {
	   bottom: 2rem;
	   opacity: 1;
   }

   to {
	   bottom: 0.5rem;
	   opacity: 0;
   }
}

@-webkit-keyframes slidemove { /*Safari and Chrome*/
   from {
	   bottom: 2rem;
	   opacity: 1;
   }

   to {
	   bottom: 0.5rem;
	   opacity: 0;
   }
}

/* 第二页 */
.title-two {
   width: 32.9rem;
   height: 8.5rem;
   background: url('../img/abt.png') no-repeat;
   margin: 0 auto;
   padding: 3.3rem 0 0;
}

.title-two > h3 {
   font-size: 2.5rem;
   font-family: Source Han Sans CN;
   font-weight: 500;
   color: #FFFFFF;
   text-align: center;
   margin-bottom: 1.9rem;
}

.title-two > .xian {
   display: block;
   width: 3.7rem;
   height: 0.15rem;
   background: #F95335;
   margin: 0 auto;
}

.two-paragraph {
   margin-top: 2.3rem;
}

.two-paragraph-duo {
   width: 38.1rem;
   height: 7.55rem;
   font-size: 1.2rem;
   font-family: PingFang SC, PingFang SC;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 3rem;
   letter-spacing: 0.3rem;
   text-align: center;
   align-items: center;
   margin: 0 auto;
   margin-top: 2.5rem;
}

.two-paragraph p {
   text-align: center;
   font-size: 0.8rem;
   font-family: Source Han Sans CN;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 1.8rem;
}

#fullpage .section:nth-child(2) .fp-tableCell {
   vertical-align: baseline;
   /* padding-top: 6.5rem; */
}

/* 第三页 */
.title-three {
   width: 36.2rem;
   height: 3.9rem;
   background: url('../img/Introduction.png') no-repeat;
   margin: 1rem auto 0;
   padding-top: 1.8rem;
}

.title-three h3 {
   font-size: 2.5rem;
   font-family: Source Han Sans CN;
   font-weight: 500;
   color: #FFFFFF;
}

.three-xian {
   width: 3.7rem;
   height: 0.15rem;
   background: #F95335;
   margin: 2rem auto 3.4rem;
}

.product-box {
   /* width: 61.5rem; */
   /* height: 30.5rem; */
   margin: 0 auto;
   position: relative;
   z-index: 300;
   padding: 4rem;
   justify-content: space-between;
   display: flex;
   /* background-color: rgb(212, 35, 35); */
   /* box-shadow: 0px 0.9rem 1.9rem 0px rgba(237, 237, 237, 0.46); */
}

.product-box-info {
   width: 61.5rem;
   height: 26.5rem;
   margin: 0 auto;
   padding: 1.8rem;
   display: flex;
   background-color: rgb(46, 33, 33);
   box-shadow: 0px 0.9rem 1.9rem 0px rgba(237, 237, 237, 0.46);
}

.back-color {
   position: relative;
   background-color: #A02020;
   height: 15rem;
   bottom: 10rem;
   border-radius: 0 0 10px 10px;
   /* z-index: 3; */
}

.product-item {
   flex: 1;
   background-color: #ffffff;
   border-radius: 10px;
   padding: 1rem;
   box-shadow: inset 0px -0.1rem 0.4rem 0px rgba(0,0,0,0.36);
}

.product-item:first-child {
   margin-right: 2rem;
}

.product-item:last-child {
   margin-left: 2rem;
}

.product-item ul {
   padding: 1rem 0 0 1.5rem;
   color: #0685CD;
   /* border-radius: 100px; */
   font-size: 1.25rem;
   width: 100%;
   text-align: center;
}

.product-item ul li {
   align-items: center;
   text-align: left;
   position: relative;
   border-radius: 100px;
   /* display: flex; */
   list-style: disc;
}

.product-item ul li p {
   font-size: 0.8rem;
   font-family: Source Han Sans CN;
   font-weight: 400;
   color: #333333;
   line-height: 1.8rem;
}

/* .product-item ul li::before {
   display: block;
   content: '';
   height: 0.4rem;
   width: 0.4rem;
   background-color: #F96C35;
   margin-top: 0.2rem;
} */

.product-item .img-box {
   overflow: hidden;
}

.product-item img {
   width: 100%;
   margin: 0 auto;
   transition: all 1.3s;
   border-radius: 10px;
}

.product-item img:hover {
   border-radius: 10px;

   transform: scale(1.3);
}

.slide-box.three > div {
   color: #333;
}

/* 第四页 */
.title-three.four {
   width: 21.4rem;
   height: 3.5rem;
   background: url('../img/Partner.png') no-repeat;
   padding-top: 1.4rem;
   margin: 0 auto;
}

.brand-box .brand-item {
   width: 11rem;
   height: 4.4rem;
   margin: 1.6rem 1.6rem 0 0;
}

.brand-box .brand-item:last-child {
   margin-right: 0;
}

.brand-box .brand-item img {
   width: 100%;
}

.brand-col-one .brand-item {
   margin-top: 0;
}

.go-register {
   height: 9rem;
   width: 100%;
   background: url('../img/zc_bj.png') no-repeat;
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   margin-top: 4.4rem;
   background-size: 100% 100%;
}

.go-register h3 {
   font-size: 1.4rem;
   font-family: Source Han Sans CN;
   font-weight: 500;
   color: #FEFDFD;
}

.go-register .register-btn a {
   display: block;
   margin-top: 1.5rem;
   width: 9rem;
   height: 2rem;
   line-height: 2rem;
   border: 1px solid #FFFFFF;
   border-radius: 20px;
   font-size: 20px;
   font-family: Source Han Sans CN;
   font-weight: 400;
   color: #FEFDFD;
   cursor: pointer;
   text-decoration: none;
}

.bottom-box {
   height: 14rem;
   width: 100%;
   background: #111820;
}

.bottom-box ul {
   height: 100%;
   display: flex;
   justify-content: space-between;
   width: 80%;
   max-width: 61.5rem;
   margin: 0 auto;
}

.bottom-box ul li {
   padding-top: 1.8rem;
   text-align: left;
   max-width: 14.7rem;
}

.bottom-box ul li h4 {
   font-size: 0.9rem;
   font-family: Source Han Sans CN;
   font-weight: 400;
   color: #FEFEFE;
   margin-bottom: 1.1rem;
}

.bottom-box ul li p {
   font-size: 0.7rem;
   font-family: Source Han Sans CN;
   font-weight: 400;
   color: #999999;
   line-height: 1.4rem;
}

.address-p {
   margin-bottom: 0.5rem;
   width: 40rem;
}

.address-name {
   min-width: 2.1rem;
}

.bottom-box ul li .logo {
   width: 8.3rem;
   height: 8.3rem;
   border-radius: 10px;
   margin-bottom: 0.6rem;
}

.qr-code {
   height: 4.8rem;
   width: 4.8rem;
   margin: 0 0 1rem;
}

.guohui {
   margin-right: 0.4rem;
}

.bottom-box ul li.bottom-last-item p {
   line-height: 1.7rem;
}

.bottom-box ul li.bottom-last-item p a {
   color: #999;
   text-decoration: none;
}

.title-three.four h3 {
   color: #333;
}