.public_w {
  max-width: 1400px;
  width: 85%;
  margin: 0 auto;
}
.titleName {
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleName h2 {
  font-size: calc(12px + 2rem);
  font-family: PingFang;
  font-weight: 800;
  color: #222323;
  margin: 0 calc(10px + 0.6rem);
}
.titleName::before,
.titleName::after {
  display: block;
  content: "";
  width: calc(22px + 1rem);
  height: 3px;
  background: #FF6A00;
  opacity: 0.8;
}
.ind_banner {
  position: relative;
  margin-bottom: 5rem;
}
.ind_banner .banner_wap {
  display: none;
}
.ind_banner .banner_wap img {
  width: 100%;
}
.ind_banner .banner_bg {
  width: 100%;
}
.ind_banner .ind_banner_cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ind_banner .ind_banner_cont .public_w {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.ind_banner .ind_banner_cont .banner_indLe {
  width: 38%;
}
.ind_banner .ind_banner_cont .banner_indLe .banner_indLeName {
  display: flex;
  font-size: calc(10px + 0.7rem);
  font-family: PingFangSCLight;
  font-weight: 400;
  color: #fff;
  align-items: center;
  margin-bottom: 1.7rem;
}
.ind_banner .ind_banner_cont .banner_indLe .indLeName_start {
  color: #FF6A00;
}
.ind_banner .ind_banner_cont .banner_indLe .line {
  display: block;
  width: calc(50px + 2.5rem);
  height: 1px;
  background: #FFFFFF;
  margin-left: calc(7px + 0.4rem);
}
.ind_banner .ind_banner_cont .banner_indLe h5 {
  font-size: calc(10px + 1.6rem);
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ind_banner .ind_banner_cont .banner_indLe p {
  font-size: calc(10px + 0.6rem);
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #FFFFFF;
  margin-bottom: 1.7rem;
}
.ind_banner .ind_banner_cont .banner_indLe a {
  display: flex;
  width: calc(100px + 7rem);
  font-size: calc(10px + 0.4rem);
  font-family: PingFang;
  font-weight: 500;
  color: #FFFFFF;
  justify-content: space-between;
  align-items: center;
  background-color: #F06402;
  padding: calc(5px + 1rem) calc(15px + 2rem);
  border-radius: 3px;
}
.ind_banner .ind_banner_cont .banner_indRi {
  width: 56.42%;
}
.ind_banner .ind_banner_cont .banner_indRi img {
  width: 100%;
}
.ind_about {
  margin-bottom: 5.5rem;
}
.ind_about .titleName {
  margin-bottom: 2.5rem;
}
.ind_about .about_Conten {
  display: flex;
  justify-content: space-between;
}
.ind_about .about_left {
  width: 50%;
  padding: 3.5rem 3.7rem;
  background-color: #424242;
}
.ind_about .about_left .manage_about {
  font-size: calc(10px + 0.5rem);
  font-family: CenturyGothic;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 0.6rem;
}
.ind_about .about_left h5 {
  font-size: calc(14px + 1.5rem);
  font-family: CenturyGothicB;
  color: #999999;
  margin-bottom: 1rem;
}
.ind_about .about_left p {
  font-size: calc(10px + 0.3rem);
  font-family: PingFang;
  font-weight: 400;
  color: #ffffff98;
  line-height: calc(10px + 1rem);
  text-indent: 2em;
}
.ind_about .about_ri_img {
  width: 50%;
}
.ind_about .about_ri_img img {
  width: 100%;
}
.ind_purchase {
  padding: 3.5rem 0;
  background-image: url("../images/purchase_img.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 5rem;
}
.ind_purchase .public_w {
  display: flex;
  height: 100%;
  padding: 0 calc(30px + 2.35rem);
  align-items: center;
  justify-content: space-between;
}
.ind_purchase .purchase_click {
  font-size: calc(10px + 1.3rem);
  font-family: PingFang;
  font-weight: 800;
  color: #FFFFFF;
}
.ind_purchase .whipptree {
  display: block;
  width: 20%;
  height: 1px;
  background: #FFFFFF;
}
.ind_purchase .purchase_but {
  display: flex;
  align-items: center;
}
.ind_purchase .pur_but1 {
  display: flex;
  width: calc(74px + 11rem);
  height: calc(26px + 2rem);
  align-items: center;
  background: #F06402;
  border-radius: calc(6px + 0.3rem);
  padding-left: 1.2rem;
  margin-right: calc(10px + 0.5rem);
}
.ind_purchase .pur_but1 .pur_icon {
  width: calc(10px + 1rem);
  position: relative;
  margin-right: calc(16px + 1.2rem);
  transition: 0.3s;
}
.ind_purchase .pur_but1 .pur_icon img {
  width: 100%;
}
.ind_purchase .pur_but1 .pur_icon .pur_icon_img {
  position: relative;
  transition: 0.3s;
}
.ind_purchase .pur_but1 .pur_icon .pur_icon_bg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s;
}
.ind_purchase .pur_but1 .amazonSore {
  font-size: calc(10px + 0.4rem);
  font-family: PingFang;
  font-weight: bold;
  color: #fff;
}
.ind_purchase .pur_but1:hover {
  background-color: #222323;
}
.ind_purchase .pur_but1:hover .pur_icon .pur_icon_img {
  opacity: 0;
}
.ind_purchase .pur_but1:hover .pur_icon .pur_icon_bg {
  opacity: 1;
}
.ind_purchase .pur_but1:hover .amazonSore {
  color: #ff6a00d8;
}
.ind_pic {
  margin-bottom: 3.5rem;
}
.ind_pic .titleName {
  margin-bottom: 4.2rem;
}
.ind_pic .picList .picitem {
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
}
.ind_pic .picList .picitem .picImg {
  width: 47.14%;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0px 0px 21px 0px rgba(98, 98, 98, 0.11);
}
.ind_pic .picList .picitem .picImg img {
  width: 100%;
}
.ind_pic .picList .picitem .pic_con {
  display: flex;
  width: 52.86%;
  height: 100%;
  align-items: center;
  padding-left: 10%;
}
.ind_pic .picList .picitem .pic_con .title {
  position: relative;
  font-size: calc(10px + 1.8rem);
  font-family: PingFang;
  font-weight: bold;
  color: #222323;
  margin-bottom: 2.25rem;
}
.ind_pic .picList .picitem .pic_con .title .title_rel {
  position: relative;
  z-index: 10;
}
.ind_pic .picList .picitem .pic_con .title .pic_nem {
  position: absolute;
  top: -90%;
  left: 0;
  font-size: calc(20px + 3.5rem);
  font-family: PingFang;
  font-weight: bold;
  color: #222323;
  background: linear-gradient(180deg, #E2E2E2 33.95996094%, #FFFFFF 75.56152344%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 5;
}
.ind_pic .picList .picitem .pic_con .pic_cont {
  display: flex;
  width: calc(60px + 9rem);
  height: calc(20px + 2.25rem);
  font-size: calc(10px + 0.4rem);
  padding: 0 calc(6px + 2.2rem);
  font-family: PingFang;
  font-weight: bold;
  color: #000000b7;
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #0000009f;
  justify-content: space-between;
  transition: 0.3s;
}
.ind_pic .picList .picitem .pic_con .pic_cont img {
  width: calc(12px + 0.5em);
}
.ind_pic .picList .picitem .pic_con .pic_cont:hover {
  background-color: #eeeeee38;
}
.ind_pic .picList .picitem:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.ind_pic .picList .picitem:nth-of-type(2n) .pic_con {
  padding-right: 10%;
  padding-left: 0;
  justify-content: end;
}
.ind_contact {
  margin-bottom: 8rem;
}
.ind_contact .titleName {
  margin-bottom: 4rem;
}
.ind_contact .contact_cont {
  display: flex;
  justify-content: space-between;
}
.ind_contact .contact_left {
  width: 50%;
}
.ind_contact .contact_left h5 {
  font-size: calc(10px + 0.7rem);
  font-family: Arial;
  font-weight: 400;
  color: #222323;
  margin-bottom: 2.1rem;
}
.ind_contact .contact_left li {
  display: flex;
  margin-bottom: 2rem;
}
.ind_contact .contact_left li .mess_icon {
  width: calc(6px + 0.9rem);
  margin-right: 1.3rem;
}
.ind_contact .contact_left li .mess_icon img {
  width: 100%;
}
.ind_contact .contact_left li .mess_cont {
  width: 72.85%;
  font-size: calc(10px + 0.4rem);
  font-family: PingFang;
  font-weight: 500;
  color: #868686;
}
.ind_contact .contact_right {
  width: 50%;
  padding: 2.5rem 4rem;
  box-shadow: 0px 0px 15px 1px rgba(0, 22, 59, 0.08);
}
.ind_contact .contact_right .mess_form {
  background: #FFFFFF;
}
.ind_contact .contact_right .mess_form .input1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ind_contact .contact_right .inp_box {
  width: 47%;
  margin-bottom: 0.9rem;
}
.ind_contact .contact_right .inp_box .inp_tit {
  display: flex;
  font-size: calc(10px + 0.3rem);
  font-family: PingFang;
  font-weight: 400;
  color: #7B7B7B;
}
.ind_contact .contact_right .inp_box .inp_tit.inp_tit2::after {
  display: block;
  content: "*";
  font-size: calc(10px + 0.35rem);
  font-family: HelveticaTextbookLT;
  font-weight: normal;
  color: #F54336;
  opacity: 0.7;
  margin-left: 0.2rem;
}
.ind_contact .contact_right .inp_box input,
.ind_contact .contact_right .inp_box textarea {
  width: 100%;
  height: calc(16px + 1rem);
  outline: none;
  border: 1px solid #00000044;
  border-radius: 4px;
  padding: 0 5px;
  font-size: calc(10px + 0.3rem);
  font-family: PingFang;
}
.ind_contact .contact_right .inp_box.inp_box2 {
  width: 100%;
}
.ind_contact .contact_right .inp_box.inp_box2 textarea {
  height: calc(30px + 2rem);
  padding: 5px;
}
.ind_contact .contact_right .form_btn input {
  font-size: 14px;
  font-family: PingFang;
  font-weight: 400;
  color: #EEF4FF;
}
@media screen and (max-width: 1100px) {
  .ind_about .about_Conten {
    display: block;
  }
  .ind_about .about_left {
    width: 100%;
  }
  .ind_about .about_ri_img {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .ind_banner .banner_wap {
    display: block;
    width: 100%;
  }
  .ind_banner .banner_pc {
    display: none;
  }
  .ind_purchase .public_w {
    padding: 0;
  }
  .ind_contact .contact_cont {
    display: block;
  }
  .ind_contact .contact_left {
    width: 100%;
  }
  .ind_contact .contact_right {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .ind_purchase .purchase_but {
    width: 60%;
    flex-wrap: wrap;
    justify-content: end;
  }
  .ind_purchase .purchase_but .pur_but1 {
    margin-bottom: 10px;
  }
  .ind_purchase .purchase_but .pur_but1:last-of-type {
    margin-bottom: 0px;
  }
  .ind_pic .picList .picitem {
    display: block;
  }
  .ind_pic .picList .picitem .picImg {
    width: 100%;
  }
  .ind_pic .picList .picitem .pic_con {
    width: 100%;
    display: block;
    padding: 0 ;
    padding-left: calc(10px + 0.5rem);
    margin: 30px 0;
  }
  .ind_pic .picList .picitem:nth-of-type(2n) .pic_con {
    padding: 0;
    padding-left: calc(10px + 0.5rem);
  }
}