@charset "utf-8";

body{ background: #fff; font-size:.25rem;}
@font-face
{
font-family: myFirstFont;
}
.dn { display:none;}
/* --------------index-start-------------- */
.header { position:relative; background:#950019; background-size:100%; height:.94rem; box-sizing:border-box; padding-top:.15rem;}
.header img { width:2.15rem; display:block; margin:0 auto;}
.menu { position:absolute; display:block; background:url("./menu.png") center no-repeat; width:.38rem; height:.32rem; background-size:100%; left:.2rem; top:.3rem;}
.header .resign { line-height:.94rem; top:0; position:absolute; right:.2rem; color:#fff; font-size:.28rem; color:#fff;}
.banner .swiper-container {
  width: 100%;
  height: 100%;
}
.banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.notice { overflow:hidden; height:.5rem; background:#b4a072; line-height:.5rem; font-size:.24rem;}
.notice>p { float:left; background:url("./notice.jpg") left center no-repeat; background-size:.28rem auto; margin-left:.2rem; padding-left:.32rem; font-size:.24rem; color:#eb0000;}
.txtMarquee-left{ width:5.5rem;  position:relative; float:left  }
.txtMarquee-left .bd .tempWrap{ width:5.5rem !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:.5rem; line-height:.5rem;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a { color:#fff;}
/**/
.appIntro { overflow:hidden;padding:.2rem 0 .14rem 0; }
.nextBar img { width:.88rem; margin:0 auto;}
.nextBar p { font-size:.32rem; text-align:center; line-height:.42rem; color:#141414;}
.newBar { width:6.55rem; margin:0 auto .33rem;}
.appTxt { position:relative; font-family:myFirstFont;}
.appIcon { width:1.6rem; margin-right:.32rem; font-family:myFirstFont; float:left; position:relative;}
.appTxt h2 { font-size:.3rem; color:#642422; font-family:myFirstFont;}
.appTxt p { line-height:.6rem; margin-bottom:.08rem; font-size:.39rem; color:#642422; font-family:myFirstFont }
.appTxt p span.blue { color:#0753ff;}
.appTxt p span.red { color:#ff0e09; font-size:.63rem; font-weight:bold;}
.noticeb { position:absolute; right:-.6rem; padding:0 .14rem; border-radius:.38rem 0 0 .38rem; top:0; background:#d8ad46; color:#483300; font-size:.24rem; line-height:.38rem;}
.downBtn {display:block;}
/**/
.textTit { padding-left:.26rem; background:url("./lines.jpg") left center no-repeat; background-size:.11rem auto; line-height:.8rem; overflow:hidden;}
.textTit p{ float:left; font-size:.3rem;}
.textTit span { float:right; font-size:.2rem; color:#676767;}
.grayBox { float:left; background:#e8e8e8; width:5.25rem; height:.6rem; line-height:.6rem; overflow:hidden; border-radius:4px; overflow:hidden;}
.grayBox>span{ float:left; width:1.28rem; display:block; text-align:center; background:#dcc07d; color:#644700; font-size:.26rem; border-radius:4px;}
.grayBox p { font-weight:bold; width:3.97rem; float:left; font-size:.26rem; color:#4f4f4f; text-align:center;}
.grayBox p>a { color:#4f4f4f; font-size:.3rem; font-weight:bold;}
.text li> a {
    border-radius: 4px;
    display: block;
    float: right;
    color: #654b0e;
    text-align: center;
    line-height: .6rem;
    height: .6rem;
    width: 1.6rem;
    font-size: .24rem;
    background: #d8ad46;
}
.text li> a:hover {
    border-radius: 4px;
    display: block;
    float: right;
    color: #f00;
    text-align: center;
    line-height: .6rem;
    height: .6rem;
    width: 1.6rem;
    font-size: .24rem;
    background: #ffdb86;
}
.text li { overflow:hidden; margin-bottom:.2rem;}
.text { padding:0 .2rem .2rem; border-bottom:.1rem solid #efefef; background:url("./bg3.jpg") left top no-repeat; background-size:100%;}
.textTit .online {background:url("./kf.gif") left center no-repeat; background-size:1.5rem auto; float:right; color:#f00; font-size:.26rem; padding-left:.34rem; display:block; width:1.2rem; height:.8rem;}
.grayBox a span { font-weight:bold; color:#fa0000;}
.chosetit { text-align:center;}
.chosetit span { display:inline-block; cursor:pointer; margin:0 .44rem; line-height:.8rem; color:#686868; font-size:.28rem;}
.chosetit span.on { font-size:.36rem; color:#0f0f0f; background:url("./downline.png") center .7rem no-repeat; background-size:.7rem auto;}
.choseBox {  margin:.1rem auto 0;}
.good { position:relative; border-top:.12rem solid #efefef; padding-bottom:.18rem;}
.choseBo {padding:0 .2rem .2rem; border-bottom:.1rem solid #efefef;}
.goodTit { text-align:center; font-size:.36rem; line-height:.9rem; background:url("../assets/titlen.d0b02089.202574.jpg") center no-repeat; background-size:4.6rem auto; font-weight:bold;}
.nav { background:#f1f1f1;}
.nav ul{ overflow:hidden; padding:.2rem .2rem 0}
.nav li { float:left; border-radius:3px; margin-bottom:.15rem; margin-right:.13rem; overflow:hidden;}
.nav li:nth-child(3n){ margin-right:0;}
.nav li a { display:block; line-height:.76rem; height:.76rem; width:2.28rem; text-indent:.9rem; color:#4a4a4a; font-size:.24rem;}
.nav li:nth-child(1) a{ background:url("../assets/icon1.eed3ef28.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.nav li:nth-child(2) a{ background:url("../assets/icon2.4c1ba916.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.nav li:nth-child(3) a{ background:url("../assets/icon3.3a3fc93f.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.nav li:nth-child(4) a{ background:url("../assets/icon4.519e5498.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.nav li:nth-child(5) a{ background:url("../assets/icon5.7c8b5687.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.nav li:nth-child(6) a{ background:url("../assets/icon6.4cbb7ad0.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.good2 { padding-bottom:.4rem;}
.good2 .swiper-pagination { bottom:.1; width:100%; }
.good2 .swiper-pagination span { margin:0 .05rem;}
.swiper-pagination-bullet-active { background:#740013;}
.goodBox .swiper-container {
  width: 100%;
  padding-top: .1rem;
  padding-bottom: .55rem;
}
.goodBox .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 5.65rem;
  height: 2.58rem;
}
.goodBox { padding:0 .2rem;}
.goodBox span { width:.12rem; height:.12rem;}
.goodBox .swiper-pagination-bullet-active { background:#950019; height:.18rem; width:.18rem}
.footer { text-align:center; background:#740013; padding:.25rem 0 .2rem; color:#feebc2;}
.footer img { width:1.75rem; margin:0 auto .1rem;}
.menuList { z-index:10; height:100vh; width:2.96rem; background:#fff; position:fixed; left:-2.96rem; top:0; }
.menuList li a { display:block;width:2.65rem; border-bottom:1px solid #d2d2d2; margin-bottom:.15rem; line-height:.78rem; color:#2a2a2a; text-indent:.85rem; font-size:.26rem;}
.menuList ul { padding-top:.5rem;}
.menuList li:nth-child(1) a{ background:url("../assets/icon7.d6dc7e38.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.menuList li:nth-child(2) a{ background:url("../assets/icon1.eed3ef28.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.menuList li:nth-child(3) a{ background:url("../assets/icon2.4c1ba916.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.menuList li:nth-child(4) a{ background:url("../assets/icon3.3a3fc93f.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.menuList li:nth-child(5) a{ background:url("../assets/icon4.519e5498.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.menuList li:nth-child(6) a{ background:url("../assets/icon5.7c8b5687.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.menuList li:nth-child(7) a{ background:url("../assets/icon6.4cbb7ad0.202574.png") .35rem center no-repeat #fff; background-size:.38rem;}
.cont { position:relative; box-shadow:0 0 40px #d8ccb1; z-index:40;}
/**/
.choseBar { padding:0 .2rem;}
.choseBar .swiper-container {
  width: 100%;
  height: 100%;
}
#sw2 { padding-left:1rem;}
.choseBar .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/**/
.grayBox { float:left; background:#e8e8e8; width:5.25rem; height:.6rem; line-height:.6rem; overflow:hidden; border-radius:4px; overflow:hidden;}
.grayBox>span{ float:left; width:1.28rem; display:block; text-align:center; background:#f4bcbc; color:#cd1212; font-size:.26rem; border-radius:4px;}
.grayBox p { font-weight:bold; width:3.97rem; float:left; font-size:.26rem; color:#4f4f4f; text-align:center;}
.grayBox p>a { color:#4f4f4f; font-size:.3rem; font-weight:bold;}
.menu { position:absolute; display:block; background:url("./menu.png") center no-repeat; width:.38rem; height:.32rem; background-size:100%; left:.2rem; top:.3rem;}
.textTit { padding-left:.26rem; background:url("./lines.jpg") left center no-repeat; background-size:.11rem auto; line-height:.8rem; overflow:hidden;}
.textTit p{ float:left; font-size:.3rem;}
.text { padding:0 .2rem .2rem; border-bottom:.1rem solid #efefef; background:url("./bg3.jpg") left top no-repeat; background-size:100%;}
.text li> a {
    border-radius: 4px;
    display: block;
    float: right;
    color: #fff;
    text-align: center;
    line-height: .6rem;
    height: .6rem;
    width: 1.6rem;
    font-size: .24rem;
    background: url("./lina.png");
	background-size: contain;
}
.text li> a:hover {
    border-radius: 4px;
    display: block;
    float: right;
    color: #f00;
    text-align: center;
    line-height: .6rem;
    height: .6rem;
    width: 1.6rem;
    font-size: .24rem;
    background: #f4bcbc;
}
.text li { overflow:hidden; margin-bottom:.2rem;}
.textTit .online {background:url("./kf.gif") left center no-repeat; background-size:1.5rem auto; float:right; color:#f00; font-size:.26rem; padding-left:.34rem; display:block; width:1.2rem; height:.8rem;}
.tj { width:1px;}