@charset "UTF-8";
@font-face {
  font-family: "cn";
  src: url("../font/din-bold_.otf");
}

@font-face {
  font-family: "cnBlack";
  src: url("../font/din-bold_.otf");
}

@font-face {
  font-family: "cnBold";
  src: url("../font/din-bold_.otf");
}

@font-face {
  font-family: "en";
  src: url("../font/din-bold_.otf");
}

html, body {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    overflow-x: hidden;
    display: block;
    margin: 0;
    padding: 0;
	font-family: cn;
}

.top_box {
    width: 7.5rem;
    height: 16.7rem;
    position:relative;
    padding-top: 0.6rem;
}

.top_box_title_box {
    width: 7.5rem;
    height: 0.69rem;
}

.top_box_title {
    width: 3.54rem;
    height: 1.66rem;
    background-size: 100% 100%;
    margin: 0 auto;
}

.top1_box {
    width: 7.5rem;
    height: 0.87rem;
    padding-top: 0.04rem;
    position:absolute;
    top:9.5rem;
}

.top1_box_button {
    width: 3.79rem;
    height: 1.3rem;
    background-size: 100% 100%;
    margin: 0 auto;
}

.top2_box {
    width: 7.5rem;
    height: 1.5rem;
    padding-top: 0.04rem;
    position:absolute;
    top:13.45rem;
}

.top2_box_button {
    width: 2.55rem;
    height: 1.47rem;
    background-size: 100% 100%;
    margin: 0 auto;
}

.guanyu {
    width: 7.5rem;
    height: 1.0rem;
    padding-top: 0.55rem;
    font-size:0.4rem;
    text-align:center;
    color:#fff372;
    font-weight:bold;
    text-shadow:3px 2px 2px #b13113;
}

.guanyu_detail {
    width: 6.5rem;
    height: 2.2rem;
    padding-left: 0.5rem;
    font-size:0.23rem;
    color:#0d9ce2;
    font-weight:bold;
}

.center_box03 {
    width: 7.5rem;
    height: 1.96rem;
    position:relative;
    overflow:hidden;
    top:10.38rem;
}

.center_box03_items_button {
    width: 5.20rem;
    height: 1.4rem;
    background-size: 100% 100%;

    margin: 0 auto;
    margin-top: 0.1rem;
}

.div_suspension {
    width: 7.5rem;
    height: 1.13rem;
    position: fixed;
    top: 0rem;
    z-index: 100;
    background-size: 100% 100%;
}

.div_suspension_btn {
    margin-top: 0.15rem;
    background-size: 100% 100%;
    width: 2.53rem;
    height: 0.87rem;
    float: right;
    z-index: 200;
}

.div_suspension_btn2 {
    margin-top: 0.2rem;
    margin-right: 0.1rem;
    background-size: 100% 100%;
    width: 2.277rem;
    height: 0.783rem;
    float: right;
    z-index: 200;
}

.bottom_box {
    width: 7.5rem;
    height: 1.5rem;
    text-align: center;
    color: white;
    position:relative;
    overflow:hidden;
    top:27.2rem;
}

.bottom_box_font {
    font-size: 0.2rem;
}
a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  color: #2f2f2f;
}

a:hover {
  color: #1a75f0;
}
.baseBg {
  display: none;
  z-index: 98;
  width: 7.5rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
        padding: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.baseBg .downList {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.baseBg .downList li {
  margin-bottom: 0.1rem;
}

.baseBg .downList li .link {
  cursor: pointer;
  border-radius: 0.55rem;
  background-color: #fff;
  color: #146ee7;
  height: 1.1rem;
  width: 5.96rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.34rem;
  background: url("../img/moredownbg_h5.png") no-repeat;
  background-size: contain;
}

.baseBg .downList li .linkpg {
  cursor: pointer;
  border-radius: 0.55rem;
  background-color: #fff;
  color: #fff372;
  height: 1.1rem;
  width: 5.96rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.34rem;
  background: url("../img/moredownbg_pg.png") no-repeat;
  background-size: contain;
}

.baseBg2 .downList li .link3 {
  cursor: pointer;
  background-color: #fff;
  color: #146ee7;  
  width: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.17rem;
}

.baseBg .downList li .link.tf {
  position: relative;
}

.baseBg .downList li .link.tf::after {
  content: "";
  width: 0.195rem;
  height: 0.53rem;
  position: absolute;
  top: -0.025rem;
  left: 0.2rem;
  background-image: url("../img/tficon.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.baseBg .downList li .link.js {
  background: url("../img/moredownbg.png") no-repeat;
  background-size: contain;
  color: #a25513;
  position: relative;
}

.baseBg .downList li .link.js::after {
  content: "";
  width: 0.195rem;
  height: 0.235rem;
  position: absolute;
  top: -0.025rem;
  left: 0.2rem;
  background-image: url("../img/tj.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.baseBg .downList li .link span {
  margin-left: 0.1rem;
}

.baseBg .downList li .link > img {
  width: 0.135rem;
}

.baseBg2 .downList li .link3 > img {
  width: 2rem;
}


.baseBg .close {
  width: 0.8rem;
  height: 0.8rem;
  cursor: pointer;
  position: fixed;  
  right: 46%;
  top: 20%;
}
@media (min-width: 750px) {
    .baseBg .close {
	  width: 0.8rem;
	  height: 0.8rem;
	  cursor: pointer;
	  position: fixed;  
	  right: 46%;
	  top: 15%;
}
}


.baseBg .close img {
  width: 100%;
}


footer {
  background: #1d2124;
  padding: 0.25rem 0.15rem 0.1rem 0.15rem;
  
  width: 7.5rem;
        height: 7rem;
        margin: 0 auto;
        padding: 0;
        position: relative;
}
footer .backTop {
  display: none;
  position: fixed;
  z-index: 98;
  right: 0;
  cursor: pointer;
  bottom: 0.25rem;
  width: 0.45rem;
  height: 0.45rem;
  background: url("../images/backtop.png") no-repeat;
  background-size: contain;
}

footer .icon {
  margin-top: 0.175rem;
}

footer .icon img {
  height: 0.35rem;
}

footer .text {
  padding-top: 0.4rem;
  font-size: 0.22rem;
  color: #fff;
  opacity: .5;
  line-height: 0.36rem;
}

footer .nav {
  padding-top: 0.15rem;
}

footer .nav ul li a {
  margin-top: 0.225rem;
  display: block;
  font-size: 0.15rem;
  color: #686b73;
}

footer .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

footer .top .logo_b {
  width: 1.27rem;
  height: 0.32rem;
}

footer .top .r {
  display: flex;
}

footer .top .r img {
  height: 0.25rem;
}

footer .top .r img:nth-child(1) {
  margin-right: 0.225rem;
}


@charset "utf-8";
img{border:0;}
*{padding:0;margin:0;list-style:none;}
.slides{width:7.5rem;height:6.07rem;position:relative;overflow:hidden;top:17rem;}
.slideInner{height:7rem;position:relative;left:0;margin-left:0;}
.slideInner a{display:block;height:7.0rem;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;}
.slideInner a img{width:7.5rem;position:relative;}
.navListBox{position:absolute;left:50%;top:5.5rem;z-index:99;}
.navListBox li{width:12px;height:12px;float:left;margin-left:5px;border-radius:50%;overflow:hidden;}
.navListBox li:first-child{margin-left:0;}
.navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#554de3;box-shadow:0 0 5px #666 inset;}
.navListBox li a.active{background-color:#ffffff;}