body {
  background-color: #25014d;
  /* background-image: url(../images/arrow_r_on.png); */
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.navbar {
  position: fixed;
  width: 100%;
  height: 1.3rem;
  /* background-color: #25014d; */
  background-image: url(../images/guang.png);
  width: 100%;
  /* height:100%; */
  background-size: 100% 100%;

  /* border-bottom: 0.025rem #77019b solid; */
  z-index: 99;
}
.motop {
  margin-top: 1rem;
}
.motop img {
  width: 1rem;
}
.nav-border {
  height: 1.3rem;
  line-height: 1.2rem;
}
.navbar-header img {
  padding-top: 0.1289rem;
  /* width: 3.625rem; */
  height: 0.9rem;
}
.nav li {
  float: left;
}
.nav li a {
  font-size: 0.375rem;
  font-weight: 900;
  color: #ffffff;
  margin-left: 1.175rem;
  text-decoration: none;
  transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
}
.nav-border {
  position: relative;
}

.box-fl {
  width: 100%;
}
/* .box img {
  width: 100%;
  height: auto ;
} */
.box-but {
  position: relative;
  background-color: #25014d;
  text-align: center;
  color: #ffffff;
  padding-bottom: 0.5rem;
  /* border-bottom: 2px #77019b solid; */
}
.box-but img {
  position: absolute;
  width: 4.1625rem;
  /* height: 1.375rem; */
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);

  transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
}
.box-but h4 {
  padding-top: 1.1125rem;
  font-size: 0.375rem;
  font-weight: 700;
}
.box-but p {
  width: 15.075rem;
  padding-top: 0.8rem;
  font-size: 0.267143rem;
  margin: 0 auto;
  font-weight: 600;
}

footer {
  /* border-top: 0.025rem #77019b solid; */
  background-color: #25014d;
  /* height: 3.475rem; */
  /* padding-bottom: 0.2875rem; */
  background-image: url(../images/guangfot.png);
  width: 100%;
  background-size: 100% 100%;
  height: 1.3rem;
}
.paen1 #footer {
  /* border-top: 0.025rem #77019b solid; */
  background-color: #000;
  border-top:1px #232323 solid;
  /* height: 3.475rem; */
  padding-bottom: 0.5875rem;
  background-image: none;
  width: 100%;
  background-size: 100% 100%;
}

#footer {
  /* border-top: 0.025rem #77019b solid; */
  background-color: #fb961a;
  /* height: 3.475rem; */
  padding-bottom: 0.5875rem;
  background-image: url(../images/guang4.png);
  width: 100%;
  background-size: 100% 100%;
}

#paseindex #footer {
  /* border-top: 0.025rem #77019b solid; */
  background-color: #190704;
  /* height: 3.475rem; */
  padding-bottom: 0.5875rem;
  background-image: url(../images/guang3.png);
  width: 100%;
  background-size: 100% 100%;
}

.paen {
  background-color: rgba(251, 150, 26);
}
.paen1 {
  background-color: rgba(0, 0, 0);
}
.paen .flon {
  background-color: rgba(251, 150, 26);
  border-top: 0;
}

.paen .logowe {
  width: 4.5125rem;
  /* height: 1.125rem; */
}

.paen .Link {
  padding-top: 0.5375rem;
  padding-bottom: 0.25rem;
  /* border-bottom: 0.025rem  rgba(255, 89, 60) solid; */
}
.paen .shank2 {
  border-top: 1.2rem solid #fb961a;
  border-bottom: 0.3rem solid #fb961a;
}

.paen .shank3 {
  border-top: 1.2rem solid #000;
  border-bottom: 0.3rem solid #000;
}

.Link {
  padding-top: 0.5375rem;
  padding-bottom: 0.25rem;
  /* border-bottom: 0.025rem  #77019b solid; */
}
.Link p {
  color: #ffffff;
  font-size: 0.15rem;
}
.link-lf li {
  float: left;
  padding-right: 0.225rem;
  margin-top: 0.1rem;
}
.link-lf li img {
  width: 0.3125rem;
  height: 0.3125rem;
}
.link-ri li {
  float: left;
  margin-top: 0.1875rem;
}
.link-ri img {
  width: 2.125rem;

  height: 0.5875rem;
  margin-left: 0.325rem;
}

.flon .trademark button {
  background-color: rgba(251, 150, 26, 0);
}
.trademark button {
  /* height: 25px; */
  font-size: 0.2rem;
  background-color: rgba(251, 150, 26, 0);
  border: 1px #eee solid;
  border-radius: 0.3125rem;
  padding: 0.025rem 0.25rem;
  color: #ffffff;
  margin-left: 0.5625rem;
  margin-top: 0.7rem;
}
.trademark .logowe {
  width: 7.3875rem;
  /* height: 0.925rem; */
  /* padding: 0.5rem 0; */
  padding-top: 0.3rem;
  /* margin-left: 6rem; */
  margin-left: 32%;
}

.trademark p {
  display: inline-block;
  font-size: 0.175rem;
  color: #fff;
  margin-left: 0.1rem;
  height: 0.625rem;
  line-height: 1.8875rem;
  text-align: center;

  /* margin: 0 auto; */
}
.trademark span {
  font-size: 0.175rem;
  color: #fff;
  margin-left: 0.1875rem;
  text-align: center;
  /* margin: 0 auto; */
}
/* 
------------------------------
    about css
----------------------------- 
*/
#about {
  /* background-color: #2a0151; */
}
#about footer {
  position: fixed;
  bottom: 0;
}
.Sucontent {
  position: fixed;
  height: 70%;
  /* height: 100%; */
  /* background-color: #2a0151; */
  /* padding: 2.975rem 0; */
  color: #ffffff;
}
.Sucontent {
  /* position: relative; */
}
.Sucontent h3 {
  margin: 0;
  font-size: 0.45rem;
  padding-top: 0.85rem;
  font-weight: 700;
}
.Sucontent h3:nth-child(4) {
  margin: 0;
  font-size: 0.625rem;
  padding-top: 0.5rem;
}

.Sucontent .title {
  margin: 0;
  font-size: 0.45rem;
  line-height: 0.9rem;
  font-weight: 700;
  margin-top: 0.5rem;
}
/* .fl{
  float: left;
} */
.Sucontent p {
  font-size: 0.3rem;
  /* width: 20.9rem; */
}
.Sucontent .font {
  font-size: 0.3rem;
  width: 6.975rem;
}
.op {
  /* width: 5.875rem; */
  height: 5.5875rem;
  position: fixed;
  right: 2rem;
  bottom: 1.3rem;
}

/* contact.html */
.ContactIn {
  color: #ffffff;
  padding-bottom: 2.25rem;
}
.ContactIn h3 {
  margin: 0;
  font-size: 0.625rem;
  padding-top: 0.85rem;
  font-weight: 7000;
  padding-bottom: 1.65rem;
}
.ContactIn p {
  font-size: 0.45rem;
}
.ContactIn span {
  font-size: 0.3rem;
}
.ContactIn li {
  width: 30%;
  padding-bottom: 0.875rem;
}
.bander {
  width: 100%;
}

.brfer {
  width: auto;
  float: left;
  margin-right: 1rem;
}
.brfer .br {
  font-weight: 600;
}
.privacyPL .aLink p {
  margin-bottom: 0.2rem;
  font-size: 0.3rem !important;
}
.aLink {
  margin-top: 1rem;
  /* padding-bottom: 2rem; */
}
.aLink a {
  color: #fff;
}
.aLink p {
  text-decoration: underline;
}

/* 
     ------------------------------
    privacy css
     ----------------------------- 
    */
.body {
  background-color: #190704;
}
.body footer {
  background-color: #190704;
  border-top: 0.025rem #3e1909 solid;
}

.body .Link {
  padding-top: 0.5375rem;
  padding-bottom: 0.25rem;
  border-bottom: 0.025rem #3e1909 solid;
}
.body .trademark button {
  /* height: 25px; */
  font-size: 0.2rem;
  background-color: #190704;
  border: 1px #eee solid;
  border-radius: 0.1875rem;
  padding: 0.0375rem 0.25rem;
  color: #ffffff;
  margin-right: 0.5625rem;
  margin-left: 0;
  margin-top: 0.7rem;
}

.privacyPL {
  /* height: 10.2875rem; */
  padding-bottom: 1.3875rem;
  color: #ffffff;
}

.privacyPL h3 {
  font-size: 0.625rem;
  margin-top: 0.8125rem;
  margin-bottom: 0.5375rem;
  font-weight: 800;
}

.privacyPL .title {
  font-size: 0.3rem;
}
.privacyPL h5 {
  font-size: 0.3375rem;
  margin-bottom: 0.5375rem;
}
.privacyPL p {
  width: 100%;
  font-size: 0.175rem;
  margin-bottom: 0.5375rem;
}

/* paseindex.html  */
.shank {
  /* height: 13.0125rem; */
  position: relative;
}

.iconlink {
  position: absolute;
  top: 1.3rem;
  right: 2.0125rem;
}
.iconlink li {
  float: left;
  padding-left: 0.5rem;
}
.iconlink li img {
  width: 0.6875rem;
  float: left;
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  transform: translate(-50%, -50%);
}
.video img {
  width: 1.4rem;
}

#paseindex .video {
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#paseindex .ilink {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* z-index: 99999; */
}

.ilink {
  position: absolute;
  bottom: 1.7625rem;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ilink li {
  float: left;
  padding-left: 0.5rem;
}

.ilink li img {
  float: left;
  width: 3.325rem;
}
.pander {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}
#iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  background-color: #eee;
}
.shank2 img {
  /* position: relative; */
  width: 100%;
  z-index: 999;
}
.shank3 img {
  /* position: relative; */
  width: 100%;
  z-index: 999;
}
.shank3 {
  position: relative;
}
.shank3 p {
  font-size: 0.2rem;
  line-height: 0.4rem;
  position: absolute;
  top: 5rem;
  left: 2rem;
  width: 10rem;
  /* transform: translate(-50%); */
  color: #f9f9f9;
  font-weight: 800;
  text-align: center;
  font-size: 0.3rem;
}
.shank2 {
  position: relative;
}
.shank2 p {
  font-size: 0.2rem;
  line-height: 0.4rem;
  position: absolute;
  top: 2rem;
  left: 50%;
  width: 10rem;
  transform: translate(-50%);
  color: #74452b;
  font-weight: 800;
  text-align: center;
  font-size: 0.3rem;
}

.foter {
  background-image: url(../images/guang3.png);
  width: 100%;
  background-size: 100% 100%;
}
.foter .logowe {
  width: 3.1875rem;
  /* height:1.125rem; */
}

.flon {
  /* background-image: url(../images/guang4.png); */
  width: 100%;
  background-size: 100% 100%;
}
.flon .logowele {
  margin-left: 2rem;
}

.logowele {
  margin-left: 2rem;
}
/*  */
#privacyof h5 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}
#privacyof h4 {
  font-size: 18px;
}
#privacyof p {
  font-size: 12px;
  font-weight: 300;
  /* line-height: 18px;
  margin-bottom: 8px; */
  /* word-spacing:2px */
}
.paen .ShutDown {
  position: absolute;
  top: 22%;
  right: 7%;
  transform: translate(-50%, -50%);
  display: none;
  width: 0.714286rem;
  z-index: 999;

  /* background-color: #eee; */
}
/*  内容详情页  */
.MimicryBox {
  position: absolute;
  width: 6.285714rem;
  height: 3rem;
  background-color: #fff;
  border-radius: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 1px 3px 9px rgb(110, 110, 110);
  display: none
}
.MimicryBox .title {
  font-size: 0.7rem;
  text-align: center;
  color: #190704;
  font-weight: 700;
  margin-top: 0.9rem;
  /* text-shadow: 1px 3px 9px #190704; */
}

.MimicryBox .button {
  position: absolute;
  width: 0.8rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.2rem;
  color: #fff;
  background-color: #191919;
  right: 0.5rem;
  bottom: 0.5rem;
  cursor:pointer
}