/*  */

.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;
}
body {
  background-color: #1a0142;
}
.lo {
  background-color: rgb(0, 0, 0);
}
.lb {
  background-color: #ff8d00;
}
.body {
  background-color: rgba(65, 26, 9);
}
nav {
  display: fixed;
}
.nav-border {
  padding-top: 0.37037rem;
}
.navbar {
  width: 100%;
  position: fixed;
  height: 1.638889rem;
  z-index: 99;
  background-image: url(../images/guang.png);
  padding-bottom: 0.277778rem;

  width: 100%;
  /* height:100%; */
  background-size: 100% 100%;
}
.navbar-header img {
  width: 2.472222rem;
}
.nav img {
  padding-top: 0.351852rem;
  width: 0.625rem;
  /* height: 0.777778rem; */
}
.navl {
  position: absolute;
  background-color: rgba(30, 7, 68, 0.9);
  /* height: 3.25rem; */
  width: 100%;
  top: 1.77rem;
  z-index: 99;
}
.navl ul li {
  margin: 0.55rem 0;
  text-align: right;
}
.navl ul li a {
  font-size: 0.375rem;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
}
/* lon-box 开始  */
.lon-box {
  position: relative;
}
.box .img {
  width: 100%;
}
.button img {
  position: absolute;
  width: 4.25rem;
  /* height: 1.541667rem; */
  left: 50%;
  /* bottom: 4rem; */
  transform: translate(-50%, -50%);
}
.box-but {
  height: 5.925926rem;
  text-align: center;
  color: #ffffff;
}

.box-but h4 {
  padding-top: 1.291667rem;
  font-size: 0.444444rem;
  font-weight: 700;
}

.box-but p {
  width: 7.314815rem;
  padding-top: 1.840741rem;
  font-size: 0.333333rem;
  margin: 0 auto;
  font-weight: 600;
}
/* footer */
.lo footer {
  /* height: 4.222222rem; */
  /* border-top: 1px#77019b solid; */
  background-image: none;
  background-color: #000;
  width: 100%;
  /* height:100%; */
  background-size: 100% 100%;
}
.lb footer {
  /* height: 4.222222rem; */
  /* border-top: 1px#77019b solid; */
  background-image: none;
  background-color: #ff8d00;
  width: 100%;
  /* height:100%; */
  background-size: 100% 100%;
}
footer {
  /* height: 4.222222rem; */
  /* border-top: 1px#77019b solid; */
  background-image: url(../images/guang1.png);
  width: 100%;
  /* height:100%; */
  background-size: 100% 100%;
}
/* 第一版 */
/* .footer-box{
    padding-top: 0.907407rem
}
footer .footer-button  .buttonl img{
    width: 2.407407rem;
    height:0.462963rem;
    margin-right: 0.37037rem;
 
}
footer .footer-link img{
    width: 2.62963rem;
    height: 0.777778rem;
    margin-bottom: 0.148148rem;
}
.fl-mode-logo{
    margin-top: 0.796296rem;
}
.fl-mode-logo .logowe{
width: 2.777778rem;
height: 1.296296rem;
}
.linkfop{
    width: 2.777778rem;
    margin-left: 0.185185rem;
    margin-top: 0.092593rem;
}
.linkfop p{
    font-size: 12px;
    color: #ffffff;
    margin-bottom: 0.092593rem;
}

.fl-mode-logo .linkfop img{
    width: 0.462963rem;
    height: 0.462963rem;
    float: left;
    margin-right: 0.18rem;
} */

/* 第二版 */
.footer-box {
  padding-top: 0.569444rem;
  padding-bottom: 0.555556rem;
}
.footer-box-home{
  padding-top: 0.569444rem;
  padding-bottom:0.155556rem;
}

footer .footer-button .buttonl img {
  width: 2.805556rem;
  height: 0.444444rem;
  margin-right: 0.263889rem;
}

footer .footer-link img {
  width: 2.013889rem;
  height: 0.611111rem;
  margin-bottom: 0.238889rem;
}
.lon .fl-mode-logo .logowe {
  width: 3.694444rem;
  height: 0.736111rem;
}

.lon .linkfop {
  width: 2.5rem;
  margin-left: 0.277778rem;
  margin-top: 0;
}

.nc .fl-mode-logo .logowe {
  width: 3.625rem;
  /* height: 1.125rem; */
}
.fl-mode-logo .logowe {
  width: 2.5rem;
  height: 1.125rem;
}

.fl-mode-logo {
  margin-top: 0.625rem;
}

.fl-mode-logo {
  margin-top: 0.796296rem;
}
/*  */
.fl-mode-logo .linkfop img {
  width: 0.347222rem;
  height: 0.347222rem;
  float: left;
  margin-right: 0.25rem;
}

.linkfop p {
  font-size: 0.194444rem;
  color: #ffffff;
  margin-bottom: 0.092593rem;
}
.nc .linkfop {
  width: 2.5rem;
  margin-left: 0.247222rem;
  margin-top: 0.308333rem;
}
.linkfop {
  width: 2.5rem;
  margin-left: 0.847222rem;
  margin-top: 0.208333rem;
}

/* 



.fl-mode-logo{
    margin-top: 0.796296rem;
}





/* about */

.Sucontent {
  background-color: #1a0142;
  color: #fff;
}
.Sucontent h3 {
  padding-top: 0.7rem;
  font-size: 0.9259259259259259rem;
  font-weight: 600;
}
.Sucontent .text-font .title {
  padding-top: 0.8333333333333334rem;
  font-size: 0.6666666666666666rem;
}

.Sucontent .text-font p {
  padding-top: 0.42592592592592593rem;
  font-size: 0.3588888888888889rem;
  line-height: 0.7rem;
  /* letter-spacing: 0.09em; */
}

.Sucontent .text-font .brfer .br {
 font-weight: 600;
  font-size: 0.4188888888888889rem;
    /* letter-spacing: 0.09em; */
}

.Sucontent .text-font .brfer p {
  padding-top: 0.1rem;
  font-size: 0.3488888888888889rem;
  line-height: 0.6rem;
  /* letter-spacing: 0.09em; */
}
.Sucontent .brfer {
  padding-bottom: 0.5rem;
}

.font-h3 {
  padding-top: 3.7037037037037037rem;
  padding-bottom: 2.1666666666666665rem;
  font-size: 0.8888888888888888rem;
}
.aLink {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.aLink a {
  color: #fff;
}
.aLink p {
  font-size: 0.4rem !important;
  text-decoration: underline;
  padding:  0.1rem 0;
}

/* 
-------------------------------------------------------------------------
contact  开始 
-------------------------------------------------------------------------
 */
.ContactIn {
  height: 17.5rem;
  background-color: #1a0142;
  color: #fff;
}
.ContactIn ul {
  padding: 0;
}
.ContactIn h3 {
  padding-top: 1.5740740740740742rem;
  font-size: 1.0185185185185186rem;
}
.ContactIn .container_fluid p {
  font-size: 0.6666666666666666rem;
  padding-top: 0.8518518518518519rem;
}
.ContactIn .container_fluid span {
  font-size: 0.4444444444444444rem;
  padding-top: 0.25925925925925924rem;
}
/*  
-------------------------------------------------------------------------
privacy  开始 
-------------------------------------------------------------------------
 */
.privacyPL {
  background-color: #1a0142;
  color: #fff;
}
.privacyPL h3 {
  padding-top: 0.5rem;
  padding-bottom: 0.3rem;
  font-size: 0.9rem;
  font-weight: 600;
}
.privacyPL h4 {
  padding-top: 0.5rem;

  padding-bottom: 0.3rem;
  font-size: 0.5rem;
  font-weight: 600;
}

.privacyPL h5 {
  font-size: 0.6rem;
  font-weight: 600;
  padding: 0.5rem 0;
}
.time {
  padding-top: 0.9629629629629629rem;
  font-size: 0.4444444444444444rem;
}

.privacyPL p {
  font-size: 0.3888888888888889rem;
}
.privacyPL .container-fluid {
  padding-bottom: 1.0185185185185186rem;
}
/* paseindex */

.shank {
  position: relative;
}
.shank .baner {
  width: 100%;
}
.shank .icon {
  height: 0.791667rem;
  position: absolute;
  top: 1.537037037037037rem;
  right: 0.7407407407407407rem;
}
.shank .logo {
  height: 1.583333rem;
  position: absolute;
  top: 3.7037037037037037rem;
  right: 0.7407407407407407rem;
}
.shank .voer {
  /* width: 1.041667rem; */
  height: 1.041667rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.linksotp {
  /* height: 4.875rem; */
  /* width: 100%; */
  position: absolute;
  left: 50%;
  top: 80%;
  transform: translate(-50%, -50%);
  width: 3.847222rem;
  /* height: 4.875rem; */
}
.linksotp img {
  width: 3.847222rem;
  height: 1.111111rem;
  margin-bottom: 0.8333333333333334rem;
}

.shank2 img {
  width: 100%;
}

/* iframe {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */

/* jssor slider arrow navigator skin 05 css */
/*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
.jssora05l,
.jssora05r {
  display: block;
  position: absolute;
  /* size of arrow element */
  width: 40px;
  height: 40px;
  cursor: pointer;
  /* background: url('images/a17.png') no-repeat; */
  overflow: hidden;
}
.jssora05l {
  background-position: -10px -40px;
}
.jssora05r {
  background-position: -70px -40px;
}
.jssora05l:hover {
  background-position: -130px -40px;
}
.jssora05r:hover {
  background-position: -190px -40px;
}
.jssora05l.jssora05ldn {
  background-position: -250px -40px;
}
.jssora05r.jssora05rdn {
  background-position: -310px -40px;
}

/* jssor slider thumbnail navigator skin 01 css */
/*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
#jssor_1 {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 1051px;
  overflow: hidden;
  visibility: hidden;
}
.lo #jssor_1 {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 1051px;
  overflow: hidden;
  visibility: hidden;
  background-image: url(../images/guangfl.png);
  z-index: 99;
}
.loading {
  position: absolute;
  top: 0px;
  left: 0px;
}
.loading-l {
  filter: alpha(opacity=70);
  opacity: 0.5;
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.loading-r {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.lo .slides {
  cursor: default;
  position: relative;
  top: -23px;
  left: 0px;
  width: 800px;
  height: 1051px;
  overflow: hidden;
}

.slides {
  cursor: default;
  position: relative;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 1051px;
  overflow: hidden;
}
.jssor1 {
  position: relative;
}
.jssort01 {
  position: absolute;
  left: 0px;
  top: 4.65rem;
  width: 800px;
  height: 100px;
  z-index: 99;
}
.jssort01 .p {
  position: absolute;
  top: 0;
  left: 0;
  width: 202px;
  height: 110px;
}

.jssort01 .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.lo .jssort01 .w {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /* border: 5px #eee solid; */
  opacity: 0.5;
}

.jssort01 .w {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /* border: 5px #eee solid; */
  opacity: 0.5;
}

.jssort01 .w:hover {
  position: absolute;

  /* border: 5px #eee solid; */
  opacity: 1;
}
.body .jssort01 .c {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 202px;
  height: 110px;
  /* border: rgba(49, 21, 8) 12px solid; */
  box-sizing: content-box;
  /* background: url('../images/kli.png') 5px 1px no-repeat; */
  _background: none;
}

.body .jssort01 .pav .c {
  width: 195px;
  height: 110px;
  background: url("../images/kli.png") no-repeat;
  background-size: 100% 100%;
  opacity: 1;
}

.lo .jssort01 .c {
  position: absolute;
  /* top: 0px;
            left: 0px; */
  /* box-sizing: content-box; */
  /* _background: none; */
  /* width: 202px;
            height: 110px; */
  /* border: rgba(251, 151, 26) 12px solid; */

  width: 195px;
  height: 110px;
  background: url("../images/kli1.png") no-repeat;
  background-size: 100% 100%;
}

.lo .jssort01 .pav .c {
  /* top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 210px;
            height: 120px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%; */
  /* transform: scale(1.1);  */
  background: url("../images/index_ya_s1.jpg") 5px 1px no-repeat;
  background-size: 100% 100%;
}

.lo .jssort01 .pav .c {
  top: 2px;
  _top: 0px;
  left: 2px;
  _left: 0px;
  width: 210px;
  height: 120px;
  /* border: #000 0px solid; */
  _border: #fff 2px solid;
  background-position: 50% 50%;
}

.jssort01 .pav .c {
  top: 2px;
  _top: 0px;
  left: 2px;
  _left: 0px;
  width: 210px;
  height: 120px;
  /* border: #000 0px solid; */
  _border: #fff 2px solid;
  background-position: 50% 50%;
}

.jssort01 .p:hover .c {
  top: 0px;
  left: 0px;
  /* width: 210px;
            height: 105px; */
  /* border: rgb(99, 35, 35) 5px solid; */
  background-position: 50% 50%;
}

.jssort01 .p.pdn .c {
  background-position: 50% 50%;
  width: 220px;
  height: 110px;
  border: #000 2px solid;
}

* html .jssort01 .c,
* html .jssort01 .pdn .c,
* html .jssort01 .pav .c {
  /* ie quirks mode adjust */
  width/**/: 202px;
  height/**/: 110px;
}

.jssor_deo {
  position: relative;
}
.scrollbg-title {
  position: absolute;
  color: #fff;
  text-align: center;
  top: 6.125rem;
}
.scrollbg-title h3 {
  font-size: 40px;
  margin-top: 62px;
  margin-bottom: 1px;
}

.scrollbg-title p {
  font-size: 22px;
  margin: 0 100px;
}

.fopase {
  background-color: #2f1508;
  border-top: 1px solid #772310;
}

.fopase .button button {
  background-color: #2f1508;
}
.footer {
  /* height: 4.222222rem; */
  /* border-top: 1px#772310 solid;
            background-color: #2f1508;
             */
  margin-top: 0;
  position: relative;
  background-color: #2f1508;
  background-image: url(../images/guang2.png);
  width: 100%;
  /* height:100%; */
  background-size: 100% 100%;
}
.lon {
  margin-top: -0.4875rem;
  position: relative;
  background-color: rgba(251, 151, 26);
  background-image: url(../images/guang3.png);
  width: 100%;
  /* height:100%; */
  background-size: 100% 100%;
}