/* 视觉稿宽度为 1000, 请设置html的font-size为 37.5px, 以便在布局视口宽度为 375 的页面中自适应 */

.p01 {
  background-size: cover;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  background-image: url(./images/img_38097_4_0.png);
  width: 100%;
  height: 100%;
}
.p01 .banner {
  width: 6.86rem;
  height: 7.19rem;
}/* 视觉稿宽度为 1000, 请设置html的font-size为 37.5px, 以便在布局视口宽度为 375 的页面中自适应 */

.p02 {
  background-size: cover;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-image: url(./images/img_38099_4_0.jpg);
  width: 100%;
  height: 100%;
}
.p02 .box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.p02 .logo {
  position: relative;
  width: 3.36rem;
  height: 1.01rem;
}
.p02 .text-box {
  display: flex;
  position: relative;
  flex-direction: row;
  margin-top: 0.82rem;
  width: 7rem;
  height: 6.78rem;
}
.p02 .leftimg {
  position: relative;
  margin-right: 0.23rem;
  width: 3.8rem;
  height: 5.9rem;
}
.p02 .titleimg {
  position: absolute;
  top: 0.32rem;
  right: 1.23rem;
  width: 2.29rem;
  height: 1.01rem;
}
.p02 .right-text {
  margin-top: 1.34rem;
  width: 2.97rem;
  height: 5.44rem;
  line-height: 0.39rem;
  color: #222222;
  font-size: 0.24rem;
}/* 视觉稿宽度为 1000, 请设置html的font-size为 37.5px, 以便在布局视口宽度为 375 的页面中自适应 */

.p03 {
  background-size: cover;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-image: url(./images/img_38106_4_0.png);
  width: 100%;
  height: 100%;
}
.p03 .yang {
  background-size: cover;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-image: url(./images/img_38106_4_1.png);
  width: 6.24rem;
  height: 2.36rem;
}
.p03 .yang-name {
  margin-top: 0.69rem;
  margin-left: 2.77rem;
  line-height: 0.4rem;
  color: #ff9f00;
  font-size: 0.4rem;
}
.p03 .yang-btn {
  box-sizing: border-box;
  align-items: center;
  margin-top: 0.16rem;
  margin-left: 2.79rem;
  border-width: 0.02rem;
  border-style: solid;
  border-radius: 0.05rem;
  border-color: #ffffff;
  padding-right: 0.15rem;
  padding-left: 0.15rem;
  height: 0.41rem;
  display: flex;
}
.p03 .yang-click {
  line-height: 0.38rem;
  color: #ffffff;
  font-size: 0.24rem;
}
.p03 .ge {
  background-size: cover;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 0.46rem;
  background-image: url(./images/img_38106_4_2.png);
  width: 6.24rem;
  height: 2.36rem;
}
.p03 .ge-name {
  margin-top: 0.69rem;
  margin-left: 2.76rem;
  line-height: 0.4rem;
  color: #ff9f00;
  font-size: 0.4rem;
}
.p03 .ge-btn {
  box-sizing: border-box;
  align-items: center;
  margin-top: 0.16rem;
  margin-left: 2.79rem;
  border-width: 0.02rem;
  border-style: solid;
  border-radius: 0.05rem;
  border-color: #ffffff;
  padding-right: 0.15rem;
  padding-left: 0.15rem;
  height: 0.41rem;
  display: flex;
}
.p03 .ge-click {
  line-height: 0.38rem;
  color: #ffffff;
  font-size: 0.24rem;
}
.p03 .guan {
  background-size: cover;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 0.45rem;
  background-image: url(./images/img_38106_4_3.png);
  width: 6.24rem;
  height: 2.36rem;
}
.p03 .guan-name {
  margin-top: 0.69rem;
  margin-left: 2.76rem;
  line-height: 0.4rem;
  color: #ff9f00;
  font-size: 0.4rem;
}
.p03 .guan-btn {
  box-sizing: border-box;
  margin-top: 0.16rem;
  margin-left: 2.79rem;
  border-width: 0.02rem;
  border-style: solid;
  border-radius: 0.05rem;
  border-color: #ffffff;
  padding-right: 0.15rem;
  padding-left: 0.15rem;
  height: 0.41rem;
}
.p03 .guan-click {
  line-height: 0.38rem;
  color: #ffffff;
  font-size: 0.24rem;
}/* 视觉稿宽度为 1000, 请设置html的font-size为 37.5px, 以便在布局视口宽度为 375 的页面中自适应 */

.p04 {
  background-size: cover;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-image: url(./images/img_38116_4_0.png);
  width: 100%;
  height: 100%;
}
.p04 .box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.p04 .floorBg {
  position: relative;
  width: 6.58rem;
  height: 0.67rem;
}
.p04 .team-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 1.38rem;
  text-align: center;
}
.p04 .title {
  height: 0.32rem;
  line-height: 0.3rem;
  color: #222222;
  font-size: 0.3rem;
}
.p04 .title_2 {
  margin-top: 0.42rem;
  line-height: 0.3rem;
  color: #222222;
  font-size: 0.3rem;
}
.p04 .title_3 {
  margin-top: 0.43rem;
  line-height: 0.3rem;
  color: #222222;
  font-size: 0.3rem;
}
.p04 .actionBg {
  position: relative;
  margin-top: 0.62rem;
  width: 2.8rem;
  height: 0.65rem;
}
.p04 .bt-text {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 0.42rem;
  width: 6.75rem;
  line-height: 0.39rem;
  color: #222222;
  font-size: 0.24rem;
}
.p04 .article {
  margin-top: 0.23rem;
}/* 视觉稿宽度为 1000, 请设置html的font-size为 37.5px, 以便在布局视口宽度为 375 的页面中自适应 */

.p05 {
  background-size: cover;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-image: url(./images/img_38159_4_0.png);
  width: 100%;
  height: 100%;
}
.p05 .box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.p05 .ti{
  text-align: center;
  position: relative;
  width: 6.58rem;
  height: 0.67rem;
}
.ti h2{
  font-weight: 600;
}
.ti .ll{
background-color: #00000017;
height: 0.02rem;
position: absolute;
width: 2rem;
top: 50%;
left: 0;
}
.ti .rr{
  background-color: #00000017;
  height: 0.02rem;
  top: 50%;
  width: 2rem;
  position: absolute;
  right: 0;
}
.ti i{
  font-weight: 600;
  color: #ff9f00;
}
.p05 .bd {
  background-size: cover;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 0.53rem;
  background-image: url(./images/img_38159_4_1.png);
  width: 7.1rem;
  height: 8.4rem;
}
.p05 .itemLongWrap {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 0.2rem;
  margin-left: 0.49rem;
  width: 6.38rem;
  height: 6.23rem;
}
.p05 .itemLong {
  width: 3.5rem;
  height: 6.2rem;
}
.p05 .wrap {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 0.9rem;
  height: 5.33rem;
}
.p05 .actionBg {
  position: relative;
  margin-left: 0.12rem;
  width: 2.17rem;
  height: 0.66rem;
}
.p05 .info {
  position: relative;
  margin-top: 0.39rem;
  line-height: 0.24rem;
  color: #ffffff;
  padding-left: 0.1rem;
  border-left: 0.03rem solid#ff9f00;
  font-size: 0.24rem;
}
.p05 .text {
  position: relative;
  margin-top: 0.22rem;
  line-height: 0.24rem;
  color: #ffffff;
  font-size: 0.24rem;
  padding-left: 0.1rem;
  border-left: 0.03rem solid#ff9f00;
}
.p05 .txt {
  position: relative;
  margin-top: 0.22rem;
  line-height: 0.24rem;
  color: #ffffff;
  padding-left: 0.1rem;
  border-left: 0.03rem solid#ff9f00;
  font-size: 0.24rem;
}
.p05 .word {
  position: relative;
  margin-top: 0.23rem;
  padding-left: 0.1rem;
  border-left: 0.03rem solid#ff9f00;
  line-height: 0.24rem;
  color: #ffffff;
  font-size: 0.24rem;
}
.p05 .text_2 {
  margin-top: 0.22rem;
  padding-left: 0.1rem;
  border-left: 0.03rem solid#ff9f00;
  line-height: 0.24rem;
  color: #ffffff;
  font-size: 0.24rem;
}
.p05 .shopTitle {
  position: relative;
  margin-top: 0.23rem;
  padding-left: 0.1rem;
  border-left: 0.03rem solid#ff9f00;
  line-height: 0.24rem;
  color: #ffffff;
  font-size: 0.24rem;
}
.p05 .desc {
  position: relative;
  margin-top: 0.23rem;
  padding-left: 0.1rem;
  border-left: 0.03rem solid#ff9f00;
  line-height: 0.24rem;
  color: #ffffff;
  font-size: 0.24rem;
}
.p05 .summary {
  margin-top: 0.23rem;
  width: 2.58rem;
  float: left;
  line-height: 0.38rem;
  color: #ffffff;
  font-size: 0.24rem;
}
.text_2 i{
  color: #ff9f00;
}
.shopTitle i{
  color: #ff9f00;
}
.summary hr{
  float: left;
  margin-right: 0.02rem;
  height: 0.2rem;
  margin-top:0.06rem;
  background-color: #ff9f00;
 border-color: #ff9f00;
  width: 0.01rem;
}
.p05 .title {
  position: relative;
  margin-top: 0.55rem;
  margin-left: 0.64rem;
  line-height: 0.26rem;
  width: 5rem;
  padding-left: 0.1rem;
  border-left: 0.03rem solid#ff9f00;
  color: #ffffff;
  font-size: 0.26rem;
}/* 视觉稿宽度为 1000, 请设置html的font-size为 37.5px, 以便在布局视口宽度为 375 的页面中自适应 */

.p06 {
  background-size: cover;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-image: url(./images/img_38167_4_0.png);
  width: 100%;
  height: 100%;
}
.p06 .box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.p06 .hd {
  position: relative;
  align-self: center;
  width: 6.58rem;
  height: 0.67rem;
}
.p06 .bd {
  position: relative;
  margin-top: 0.34rem;
  width: 100%;
  height: 5rem;
}
.p06 .p06-swiper-container {
  margin-top: 0.39rem;
  width: 100%;
  height: 3.1rem;
  overflow: hidden;
}
.p06-swiper-container .swiper-slide{
  height: auto;
  width: 7rem;
}
.p06-swiper-container .swiper-wrapper{
  width: 7rem;
}
.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right:0.2rem;
  top: 1%;
  z-index: 50;
  width:0.02rem;
  height: 98%;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: absolute;
 background-color: rgba(255, 255, 255, 0.836);
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  width: 0.08rem;
  position: absolute;
  background-color: #ff9f00;
  border-radius: 10px;
  left: -0.02rem;
  top: 0;
}
.p06 .box-text {
  width: 6.7rem;
}
.p06 .main {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-left: 0.2rem;
}
.p06 .icon {
  margin-right: 0.1rem;
  width: 0.29rem;
  height: 0.3rem;
}
.p06 .summary {
  width: 6.44rem;
  line-height: 0.27rem;
  color: #ffffff;
  font-size: 0.24rem;
}
.p06 .submain {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 0.14rem;
  margin-left: 0.2rem;
}
.p06 .icon_2 {
  margin-right: 0.09rem;
  width: 0.29rem;
  height: 0.3rem;
}
.p06 .article {
  width: 6.46rem;
  line-height: 0.29rem;
  color: #ffffff;
  font-size: 0.24rem;
}
.p06 .box-text2 {
  width: 6.7rem;
}
.p06 .row {
  display: flex;
  align-items: flex-start;
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 0.25rem;
  margin-left: 0.2rem;
}
.p06 .icon_3 {
  width: 0.29rem;
}
.p06 .summary_2 {
  line-height: 0.24rem;
  color: #ffffff;
  font-size: 0.24rem;
}
.p06 .ft {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 0.1rem;
  margin-left: 0.2rem;
}
.p06 .icon_4 {
  margin-right: 0.09rem;
  width: 0.29rem;
  height: 0.3rem;
}
.p06 .article_2 {
  width: 6.54rem;
  line-height: 0.27rem;
  letter-spacing: 0;
  color: #ffffff;
  font-size: 0.24rem;
}/* 视觉稿宽度为 1000, 请设置html的font-size为 37.5px, 以便在布局视口宽度为 375 的页面中自适应 */

.p07 {
  background-size: cover;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-image: url(./images/img_38171_4_0.png);
  width: 100%;
  height: 100%;
}
.p07 .box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.p07 .hd {
  position: relative;
  width: 6.58rem;
  height: 0.67rem;
}
.p07 .bd {
  background-size: contain;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  margin-top: 0.22rem;
  background-image: url(./images/img_38171_4_1.jpg);
  width: 100%;
  height: 4.1rem;
}
.p07 .mcbd {
  background-size: contain;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  margin-top: 0.22rem;
  background-image: url(./images/mc001.jpg);
  width: 100%;
  height: 4.1rem;
}
.p07 .mfbd {
  background-size: contain;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  margin-top: 0.22rem;
  background-image: url(./images/gmf001.jpg);
  width: 100%;
  height: 4.1rem;
}
.p07 .entryPic {
  width: 3.75rem;
  height: 2.4rem;
}
.p07 .main {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-top: 0.01rem;
  width: 100%;
  height: 4.59rem;
}
.p07 .item {
  margin-right: 0.01rem;
  width: 3.74rem;
  height: 4.59rem;
}
.p07 .wrap {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  height: 4.59rem;
}
.p07 .entryPic_2 {
  position: relative;
  width: 3.75rem;
  height: 2.29rem;
}
.p07 .entryPic_3 {
  position: relative;
  margin-top: 0.01rem;
  width: 3.75rem;
  height: 2.29rem;
}

.bn{
  display: none;
}
.tn{
  display: none;
}
.back{
  height: 1.5rem;
  width: 1.5rem;
  background-color: #ff9f00;
  position: fixed;
  top: 1.8rem;
  z-index:999;
  border-radius: 50%;
  right: 0rem;
  text-align: center;
  color:#fff;
  font-size: 0.28rem;
}
.back p{
  margin-top: 0.3rem;
}
.back{
  display: none;
}