@font-face {
  font-family: 'aparaji';
  src: url("fonts/aparaji.eot");
  src: url("fonts/aparaji.eot") format("embedded-opentype"), url("fonts/aparaji.woff2") format("woff2"), url("fonts/aparaji.woff") format("woff"), url("fonts/aparaji.ttf") format("truetype"), url("fonts/aparaji.svg#aparaji") format("svg");
}
.Arial {
  font-family: "Arial";
}

.toUpp {
  font-family: "Arial";
  text-transform: uppercase;
}

header {
  position: relative;
}
header .w-header {
  box-sizing: border-box;
  position: relative;
  z-index: 4;
  height: 1.6rem;
  line-height: 1.6rem;
  z-index: 4;
  padding: 0 .3rem;
}
header .s1 {
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 1rem;
  box-sizing: border-box;
  padding-top: .5rem;
  line-height: .3rem;
  font-size: .24rem;
}
header .s1 .header-tele1 {
  padding-left: .3rem;
  box-sizing: border-box;
  color: #d5743d;
  height: .3rem;
  background: url(../img/png1.png) left center no-repeat;
  background-size: .26rem;
}
header .s1 .header-tele1-num {
  margin-top: .1rem;
  color: #333;
  opacity: .5;
  height: .3rem;
}
header .s2 {
  position: absolute;
  width: 1.68rem;
  height: 1.16rem;
  top: .25rem;
  left: 50%;
  margin-left: -.84rem;
}
header .nav-btn {
  width: 0.35rem;
  height: 0.3rem;
  vertical-align: middle;
  position: absolute;
  cursor: pointer;
  right: .3rem;
  top: 50%;
  margin-top: -.15rem;
}
header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 0.04rem;
  background-color: #d5743d;
  left: 0;
  border-radius: .04rem;
}
header .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}
header .nav-btn .line2 {
  top: 0.129rem;
}
header .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}
header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}
header .nav-btn.hover .line {
  left: 0.06rem;
}
header .sub-menu {
  width: 100%;
  padding: 0.28rem 0 0;
  display: none;
  position: absolute;
  left: 0;
  top: 1.6rem;
  background-color: #f5f5f5;
  z-index: 3;
}
header .sub-menu ul {
  padding: 0 .24rem;
}
header .sub-menu li {
  border-bottom: 1px solid #dcdcdc;
}
header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: .2rem 3%;
  line-height: 0.66rem;
  color: #000;
  position: relative;
  font-size: .3rem;
  line-height: .36rem;
}
header .sub-menu .tit1 {
  display: block;
  width: 100%;
  padding: .2rem 3%;
  line-height: 0.66rem;
  color: #000;
  position: relative;
  font-size: .3rem;
  line-height: .36rem;
}
header .sub-menu .sub-tit:after {
  content: '';
  display: block;
  width: 0.26rem;
  height: 0.26rem;
  background-size: 100% auto;
  position: absolute;
  right: 0.3rem;
  top: 0.18rem;
}
header .sub-menu .sub-tit.on {
  background-color: #d5743d;
  color: #fff;
}
header .sub-menu .sub-tit1.on {
  background-color: #d5743d;
  color: #fff;
}
header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}
header .sub-menu .sec-list {
  line-height: 0.54rem;
  padding: 0.2rem 4.5%;
  display: none;
}
header .sub-menu .sec-list p {
  padding: .15rem 0;
  line-height: .34rem;
  background-size: 0.06rem auto;
  font-size: .26rem;
}
header .sub-menu .sec-list a {
  padding-left: .42rem;
  color: #666;
  display: block;
}
header .input-wrap {
  position: absolute;
  width: 70%;
  height: 90%;
  top: 20%;
  margin-left: .5rem;
  display: none;
}

.toTop {
  position: fixed;
  z-index: 2;
  bottom: 2rem;
  right: .3rem;
  width: .95rem;
  height: .95rem;
  border-radius: 50%;
  box-shadow: .1rem #d2d2d2;
  background: url(../img/top.png) center center no-repeat;
  background-size: cover;
  display: none;
}

footer {
  width: 100%;
  background: #000;
  position: fixed;
  z-index: 3;
  left: 0;
  bottom: 0;
}
footer div,
footer a {
  box-sizing: border-box;
}
footer .footer-flex-box {
  width: 100%;
  height: 1.2rem;
  display: flex;
  flex-wrap: no-wrap;
  justify-content: flex-start;
}
footer .footer-flex-box a {
  display: block;
  flex: 1;
  background: #333;
  color: #fff;
  text-align: center;
  font-size: .24rem;
}
footer .footer-flex-box a .icon {
  width: .38rem;
  height: .38rem;
  margin: .18rem auto .1rem;
  overflow: hidden;
}
footer .footer-flex-box a .icon img {
  display: block;
  width: 100%;
  height: 100%;
}
footer .footer-flex-box a:nth-child(2) {
  border: 1px solid #fff;
  border-top-width: 0;
  border-bottom-width: 0;
}
footer .footer-flex-box a.cur {
  background: #d5743d;
}

.co div,
.co span,
.co a {
  box-sizing: border-box;
}
.co .f1 .z-banner {
  overflow: hidden;
  position: relative;
}
.co .f1 .z-banner img {
  display: block;
  width: 100%;
  z-index: 1;
}
.co .f1 .z-banner .hd-1 {
  position: absolute;
  bottom: 0;
  left: 0px;
  z-index: 1;
  text-align: center;
  width: 100%;
}
.co .f1 .z-banner .hd-1 span {
  display: inline-block;
  margin: 0px .16rem;
  background: #fff;
  border-radius: 50%;
  width: .15rem;
  height: .15rem;
}
.co .f1 .z-banner .hd-1 .swiper-pagination-bullet-active {
  background: #d5743d;
}
.co .f1 .z-banner .swiper-slide a {
  position: relative;
}
.co .f2 {
  margin-top: 1.1rem;
  padding: 0 .1rem;
  box-sizing: border-box;
}
.co .f2 .top {
  margin-bottom: .56rem;
  text-align: center;
}
.co .f2 .top h3 {
  line-height: .5rem;
  margin-bottom: .36rem;
  font-size: .5rem;
  color: #4c0f12;
  font-weight: bold;
}
.co .f2 .top h6 {
  font-size: .24rem;
  color: #333;
  position: relative;
  line-height: .24rem;
  opacity: .8;
}
.co .f2 .mains1 {
  width: 100%;
  overflow: hidden;
}
.co .f2 .mains1 .swiper-wrapper .swiper-slide {
  border-bottom: 0.04rem solid #d5743d;
  box-shadow: 0 0 .05rem #f9eee8;
  transform: scale(0.85);
}
.co .f2 .mains1 .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.co .f2 .mains1 .swiper-wrapper .swiper-slide a img {
  display: block;
  width: 100%;
}
.co .f2 .mains1 .swiper-wrapper .swiper-slide a .txts {
  background: #fff;
  box-sizing: border-box;
  padding: .3rem 0 .4rem;
  font-size: .18rem;
  line-height: .18rem;
  text-align: center;
  color: #4c0f12;
}
.co .f2 .mains1 .swiper-wrapper .swiper-slide a .txts .prices1 {
    padding: 0 .05rem;
    font-size: .2rem;
    line-height: .4rem;
    color: #d5743d;
    max-height: .8rem;
    border: 1px solid #d5743d;
    width: 1.2rem;
    overflow: hidden;
    border-radius: .2rem;
    margin: .28rem auto 0;
}
.co .f2 .mains1 .swiper-wrapper .swiper-slide a .txts .prices1 .s1 {
  margin-left: .06rem;
}
.co .f2 .mains1 .swiper-wrapper .swiper-slide-active {
  transform: scale(1);
  border-bottom-width: .06rem;
}
.co .f2 .mains1 .hd-1 {
  width: 100%;
  text-align: center;
  margin-top: .7rem;
}
.co .f2 .mains1 .hd-1 .swiper-pagination-bullet {
  display: inline-block;
  width: .15rem;
  height: .15rem;
  background: #d5d4d3;
  margin: 0 .09rem;
  border-radius: 50%;
}
.co .f2 .mains1 .hd-1 .swiper-pagination-bullet-active {
  background: #d5743d;
}
.co .f3 {
  margin-top: 1.1rem;
  padding: 0 .1rem;
  box-sizing: border-box;
}
.co .f3 .top {
  margin-bottom: .56rem;
  text-align: center;
}
.co .f3 .top h3 {
  line-height: .5rem;
  margin-bottom: .36rem;
  font-size: .5rem;
  color: #4c0f12;
  font-weight: bold;
}
.co .f3 .top h6 {
  font-size: .24rem;
  color: #333;
  position: relative;
  line-height: .24rem;
  opacity: .8;
}
.co .f3 .mains1 {
  width: 92%;
  overflow: hidden;
  margin: 0 auto;
}
.co .f3 .mains1 .swiper-wrapper .swiper-slide {
  border-radius: .1rem;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 .1rem #f9eee8;
}
.co .f3 .mains1 .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
}
.co .f3 .mains1 .swiper-wrapper .swiper-slide a.more1 {
  display: block;
  position: absolute;
  left: 50%;
  top: 1.1rem;
  margin-left: -.96rem;
  width: 1.92rem;
  height: .6rem;
  line-height: .6rem;
  text-align: left;
  font-size: .24rem;
  color: #fff;
  text-indent: .3rem;
  background: url(../img/png7.png) center center no-repeat;
  background-size: cover;
}
.co .f3 .mains1 .swiper-wrapper .swiper-slide a.more1 .span-next {
  display: inline-block;
  width: .24rem;
  height: .24rem;
  margin-left: .05rem;
  background: url(../img/png8.png) center no-repeat;
  background-size: 99%;
}
.co .f3 .mains1 .swiper-wrapper .swiper-slide .txts {
  background: #fff;
  font-size: .24rem;
  line-height: .24rem;
  text-align: center;
  box-sizing: border-box;
  padding: .5rem 0 .7rem;
}
.co .f3 .mains1 .swiper-wrapper .swiper-slide .txts h5 {
  font-size: .3rem;
  line-height: .3rem;
  color: #d5743d;
  margin-bottom: .4rem;
}
.co .f3 .mains1 .swiper-wrapper .swiper-slide .txts h5 .icons1 {
  display: inline-block;
  width: .56rem;
  height: .3rem;
  margin-right: .14rem;
}
.co .f3 .mains1 .swiper-wrapper .swiper-slide .txts p {
  color: #333;
  opacity: .8;
}
.co .f3 .mains1 .hd-1 {
  width: 100%;
  text-align: center;
  margin: .6rem 0 2.26rem;
}
.co .f3 .mains1 .hd-1 .swiper-pagination-bullet {
  display: inline-block;
  width: .15rem;
  height: .15rem;
  background: #d5d4d3;
  margin: 0 .09rem;
  border-radius: 50%;
}
.co .f3 .mains1 .hd-1 .swiper-pagination-bullet-active {
  background: #d5743d;
}

.products div,
.products span,
.products a {
  box-sizing: border-box;
}
.products .f1 {
  width: 100%;
  position: relative;
}
.products .f1 img {
  display: block;
  width: 100%;
}
.products .f1 .txts1 {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -.18rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: .36rem;
  line-height: .36rem;
}
.products .begin-f2-to-end {
  padding: .82rem 0 2rem;
  box-sizing: border-box;
}
.products .begin-f2-to-end .f2 {
  margin-bottom: .9rem;
  box-sizing: border-box;
}
.products .begin-f2-to-end .f2 .mains1 {
  width: 100%;
  overflow: hidden;
}
.products .begin-f2-to-end .f2 .mains1 .swiper-wrapper .swiper-slide {
  box-shadow: 0 0 .05rem #f9eee8;
  background: #fff;
  box-sizing: border-box;
  padding-bottom: .5rem;
  border-radius: .1rem;
  overflow: hidden;
}
.products .begin-f2-to-end .f2 .mains1 .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.products .begin-f2-to-end .f2 .mains1 .swiper-wrapper .swiper-slide a .icons1 {
  display: block;
  width: 100%;
  height: 1.68rem;
}
.products .begin-f2-to-end .f2 .mains1 .swiper-wrapper .swiper-slide a p {
  font-size: .26rem;
  line-height: .26rem;
  color: #333;
  opacity: .72;
}
.products .begin-f2-to-end .f2 .mains1 .swiper-wrapper .swiper-slide-active a .txts {
  margin: .38rem 0 .45rem;
  font-size: .26rem;
  line-height: .26rem;
  text-align: center;
  color: #4c0f12;
}
.products .begin-f2-to-end .f2 .mains1 .swiper-wrapper .swiper-slide-active a .txts .prices1 {
  margin-top: .25rem;
  font-size: .24rem;
  line-height: .24rem;
  color: #d5743d;
}
.products .begin-f2-to-end .f2 .mains1 .swiper-wrapper .swiper-slide-active a .txts .prices1 .s1 {
  margin-left: .1rem;
}
.products .begin-f2-to-end .f3 {
  margin-top: 1.1rem;
  box-sizing: border-box;
}
.products .begin-f2-to-end .f3 .mains1 {
  width: 100%;
  overflow: hidden;
}
.products .begin-f2-to-end .f3 .mains1 ul {
  width: 80%;
  margin: 0 auto;
}
.products .begin-f2-to-end .f3 .mains1 ul li {
  border-radius: .1rem;
  overflow: hidden;
  margin-bottom: 1.24rem;
  box-shadow: 0 0 .1rem #f7ede6;
}
.products .begin-f2-to-end .f3 .mains1 ul li .img {
  width: 100%;
  overflow: hidden;
}
.products .begin-f2-to-end .f3 .mains1 ul li .img img {
  display: block;
  width: 100%;
}
.products .begin-f2-to-end .f3 .mains1 ul li .txts {
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  font-size: .3rem;
  line-height: .3rem;
  padding: .6rem 0 .5rem;
}
.products .begin-f2-to-end .f3 .mains1 ul li .txts h5 {
  color: #4c0f12;
  font-weight: bold;
}
.products .begin-f2-to-end .f3 .mains1 ul li .txts .lines1 {
  display: inline-block;
  width: .68rem;
  height: .04rem;
  background: #d5743d;
  margin: .25rem 0 .38rem;
}
.products .begin-f2-to-end .f3 .mains1 ul li .txts .prices1 {
  color: #d5743d;
}
.products .begin-f2-to-end .f3 .mains1 ul li .txts .prices1 .s1 {
  margin-right: .14rem;
}
.products .begin-f2-to-end .f3 .view-more {
  color: #333;
  margin: 0 auto;
  font-size: .26rem;
  width: 100%;
  height: .7rem;
  text-align: center;
  line-height: .26rem;
  background: url(../img/png12.png) center bottom no-repeat;
  background-size: .44rem;
}

.products-info div,
.products-info span,
.products-info a {
  box-sizing: border-box;
}
.products-info .f1 {
  width: 100%;
  position: relative;
}
.products-info .f1 img {
  display: block;
  width: 100%;
}
.products-info .f1 .txts1 {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -.18rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: .36rem;
  line-height: .36rem;
}
.products-info .begin-f2-to-end {
  padding: .8rem 0 2rem;
  box-sizing: border-box;
}
.products-info .begin-f2-to-end .f2 {
  box-shadow: 0 0 0.1rem #f7ede6;
  overflow: hidden;
  border-radius: .1rem;
  box-sizing: border-box;
  width: 5rem;
  margin: 0 auto .9rem;
}
.products-info .begin-f2-to-end .f2 .imgs-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: .1rem;
}
.products-info .begin-f2-to-end .f2 .imgs-banner .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
}
.products-info .begin-f2-to-end .f2 .imgs-banner .hd-1 {
  position: absolute;
  bottom: 0;
  left: 0px;
  z-index: 1;
  text-align: center;
  width: 100%;
}
.products-info .begin-f2-to-end .f2 .imgs-banner .hd-1 span {
  display: inline-block;
  margin: 0px .16rem;
  background: #fff;
  border-radius: 50%;
  width: .13rem;
  height: .13rem;
}
.products-info .begin-f2-to-end .f2 .imgs-banner .hd-1 .swiper-pagination-bullet-active {
  background: #d5743d;
}
.products-info .begin-f2-to-end .f2 .txts {
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  font-size: .24rem;
  line-height: .36rem;
  padding: .6rem 0 .5rem;
  color: #333;
}
.products-info .begin-f2-to-end .f2 .txts h5 {
  font-size: .3rem;
  line-height: .3rem;
  color: #4c0f12;
  font-weight: bold;
  margin-bottom: .4rem;
}
.products-info .begin-f2-to-end .f2 .txts .prices1 {
  width: 1.36rem;
  height: .54rem;
  line-height: .54rem;
  border-radius: .1rem;
  overflow: hidden;
  margin: .46rem auto;
  background: #d5743d;
  color: #fff;
  font-weight: bold;
}
.products-info .begin-f2-to-end .f2 .txts .prices1 .s1 {
  font-weight: 100;
  margin-right: .1rem;
}
.products-info .begin-f2-to-end .f2 .shares {
  width: 80%;
  margin: 0 auto .6rem;
}
.products-info .begin-f2-to-end .f2 .shares .jiathis_style {
  display: flex;
  flex-wrap: no-wrap;
  justify-content: center;
}
.products-info .begin-f2-to-end .f2 .shares .jiathis_style a {
  height: 1rem !important;
  flex: 1;
}
.products-info .begin-f2-to-end .f2 .shares .jiathis_style a span {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50%;
}
.products-info .begin-f2-to-end .f2 .shares .jiathis_style.jtico {
  padding: 0 !important;
}
.products-info .begin-f2-to-end .f2 .shares .jiathis_txt.jtico.jtico_tsina {
  background: url(../img/2.png) center no-repeat;
  background-size: .6rem;
}
.products-info .begin-f2-to-end .f2 .shares .jiathis_txt.jtico.jtico_weixin {
  background: url(../img/1.png) center no-repeat;
  background-size: .6rem;
}
.products-info .begin-f2-to-end .f2 .shares .jiathis_txt.jtico.jtico_tqq {
  background: url(../img/3.png) center no-repeat;
  background-size: .6rem;
}
.products-info .begin-f2-to-end .f2 .shares .jiathis.jiathis_txt.jtico.jtico_jiathis {
  background: url(../img/4.png) center no-repeat;
  background-size: .6rem;
}
.products-info .begin-f2-to-end .f3 {
  margin-top: 1.1rem;
  box-sizing: border-box;
}
.products-info .begin-f2-to-end .f3 .returns1 {
  display: block;
  color: #333;
  margin: 0 auto;
  font-size: .24rem;
  width: 1.26rem;
  padding-top: .5rem;
  height: .7rem;
  text-align: center;
  line-height: .3rem;
  background: url(../img/5.png) center top no-repeat;
  background-size: .44rem;
}

.contacts div,
.contacts span,
.contacts a,
.contacts ul,
.contacts li {
  box-sizing: border-box;
}
.contacts .f1 {
  width: 100%;
  position: relative;
}
.contacts .f1 img {
  display: block;
  width: 100%;
}
.contacts .f1 .txts1 {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -.18rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: .36rem;
  line-height: .36rem;
}
.contacts .begin-f2-to-end {
  padding: .82rem 0 1.42rem;
  box-sizing: border-box;
}
.contacts .begin-f2-to-end .f2 {
  padding: 0 .3rem;
  margin-bottom: .9rem;
  box-sizing: border-box;
  font-size: .26rem;
  line-height: .46rem;
  color: #333;
}
.contacts .begin-f2-to-end .f2 .mains1 {
  width: 100%;
  overflow: hidden;
}
.contacts .begin-f2-to-end .f2 .mains1 video{
   width: 100%;
  overflow: hidden;
  margin-top: 20px;
}
.contacts .begin-f2-to-end .f2 .mains1 .imgs1 {
  width: 100%;
}
.contacts .begin-f2-to-end .f2 .mains1 .imgs1 img {
  display: block;
  width: 100%;
}
.contacts .begin-f2-to-end .f2 .mains1 h3 {
  margin: 1rem 0 .8rem;
  text-align: center;
  color: #d5743d;
  font-size: .5rem;
  line-height: .5rem;
  font-weight: bold;
}
.contacts .begin-f2-to-end .f3 {
  margin-top: 1.1rem;
  box-sizing: border-box;
}
.contacts .begin-f2-to-end .f3 h3 {
  margin: 1rem 0 .8rem;
  text-align: center;
  color: #d5743d;
  font-size: .5rem;
  line-height: .5rem;
  font-weight: bold;
}
.contacts .begin-f2-to-end .f3 .mains1 {
  width: 92%;
  margin: 0 auto;
  font-size: .26rem;
  color: #fff;
}
.contacts .begin-f2-to-end .f3 .mains1 ul {
  overflow: hidden;
  width: 100%;
}
.contacts .begin-f2-to-end .f3 .mains1 ul li {
  box-sizing: border-box;
  width: 100%;
  padding: 0  .78rem 0 1.52rem;
}
.contacts .begin-f2-to-end .f3 .mains1 ul li:first-child {
  height: 1.4rem;
  background: url(../img/pic3-1.png) no-repeat 11% center;
  background-size: .44rem;
  line-height: 1.4rem;
}
.contacts .begin-f2-to-end .f3 .mains1 ul li:nth-child(2) {
  border: 1px solid #717172;
  border-width: 1px 0;
  padding: .2rem .78rem .2rem 1.52rem;
  line-height: .48rem;
  background: url(../img/pic3.png) no-repeat 11% center;
  background-size: .44rem;
}
.contacts .begin-f2-to-end .f3 .mains1 ul li:last-child {
  margin-top: .42rem;
  background: url(../img/pic3-2.png) no-repeat 11% top;
  background-size: .44rem;
}
.contacts .begin-f2-to-end .f3 .mains1 .contact-to-top {
  display: block;
  width: 100%;
  height: 1.14rem;
  background: url(../img/png13.png) center center no-repeat;
  background-size: .44rem;
}
.contacts .begin-f2-to-end .f4 {
  padding: 0 .3rem;
  margin-bottom: .9rem;
  box-sizing: border-box;
  font-size: .26rem;
  line-height: .46rem;
  color: #333;
}
.contacts .begin-f2-to-end .f4 .mains1 {
  width: 100%;
  overflow: hidden;
  margin-bottom: .4rem;
}
.contacts .begin-f2-to-end .f4 .mains1 h3 {
  margin: 1rem 0 .8rem;
  text-align: center;
  color: #d5743d;
  font-size: .5rem;
  line-height: .5rem;
  font-weight: bold;
}
.contacts .begin-f2-to-end .f4 .mains1 ul > li {
  background: #fff;
  margin: .4rem auto;
  line-height: .6rem;
  color: #333;
  font-size: .24rem;
  padding: 0 .3rem;
  box-shadow: 0 0 .1rem #f9eee8;
}
.contacts .begin-f2-to-end .f4 .mains1 ul > li .img {
  width: 100%;
  margin-bottom: .4rem;
}
.contacts .begin-f2-to-end .f4 .mains1 ul > li .img img {
  display: block;
  width: 100%;
}
.contacts .begin-f2-to-end .f4 .mains1 ul > li p {
  border-top: 1px solid #f8f8f8;
}
.contacts .begin-f2-to-end .f4 .view-more {
  color: #333;
  margin: 0 auto;
  font-size: .26rem;
  width: 100%;
  height: .7rem;
  text-align: center;
  line-height: .26rem;
  background: url(../img/png12.png) center bottom no-repeat;
  background-size: .44rem;
}

.stores1 div,
.stores1 span,
.stores1 a,
.stores1 ul,
.stores1 li,
.stores1 h6 {
  box-sizing: border-box;
}
.stores1 .f1 {
  width: 100%;
  position: relative;
}
.stores1 .f1 img {
  display: block;
  width: 100%;
}
.stores1 .f1 .txts1 {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -.18rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: .36rem;
  line-height: .36rem;
}
.stores1 .begin-f2-to-end {
  padding: .82rem 0 2.12rem;
  box-sizing: border-box;
}
.stores1 .begin-f2-to-end .f2 {
  padding: 0 .3rem;
  margin-bottom: .9rem;
  box-sizing: border-box;
  font-size: .26rem;
  line-height: .46rem;
  color: #333;
}
.stores1 .begin-f2-to-end .f2 .top {
  font-weight: 100;
  text-align: center;
}
.stores1 .begin-f2-to-end .f2 .top h4 {
  font-size: .3rem;
  line-height: .3rem;
  color: #333;
  margin-bottom: .48rem;
}
.stores1 .begin-f2-to-end .f2 .top h4 span {
  color: #d5743d;
}
.stores1 .begin-f2-to-end .f2 .top h6 {
  padding: 0 .36rem;
  color: #888;
  font-weight: 100;
  font-size: .26rem;
  line-height: .48rem;
}
.stores1 .begin-f2-to-end .f2 .forms1 {
  width: 100%;
  overflow: hidden;
  margin: .6rem 0 1.1rem;
}
.stores1 .begin-f2-to-end .f2 .forms1 .tr {
  padding: 0 .4rem;
  line-height: .9rem;
  text-indent: .5rem;
  font-size: .26rem;
  color: #888;
}
.stores1 .begin-f2-to-end .f2 .forms1 .tr .sele {
  float: left;
  text-indent: .74rem;
  width: 2.52rem;
  height: .9rem;
  border: 1px solid #aaa;
  border-radius: .1rem;
  background: none;
}
.stores1 .begin-f2-to-end .f2 .forms1 .tr .sele option {
  width: 100%;
  height: .9rem;
  line-height: .9rem;
}
.stores1 .begin-f2-to-end .f2 .forms1 .tr .province {
  float: left;
}
.stores1 .begin-f2-to-end .f2 .forms1 .tr .city {
  float: right;
}
.stores1 .begin-f2-to-end .f2 .forms1 .tr .areas-input1 {
  display: block;
  border-radius: .1rem;
  height: .9rem;
  padding: 0 .2rem;
  overflow: hidden;
  box-sizing: border-box;
  width: 6rem;
  background: none;
  border: 1px solid #aaa;
  margin: .6rem auto .68rem;
}
.stores1 .begin-f2-to-end .f2 .forms1 .tr .areas-search-submit {
  float: left;
  width: 3.5rem;
  height: .9rem;
  border: none;
  font-size: 0;
  background: url(../img/png14.png) no-repeat center;
  background-size: .4rem;
  background-color: #d5743d;
}
.stores1 .begin-f2-to-end .f2 .forms1 .tr .label1 {
  float: right;
}
.stores1 .begin-f2-to-end .f2 .forms1 .tr .label1 .area-span {
  color: #d5743d;
  text-decoration: underline;
}
.stores1 .begin-f2-to-end .f3 {
  margin: 1.1rem .3rem 0;
  box-sizing: border-box;
  background: #fff;
  border-radius: .1rem;
  box-shadow: 0 0 .1rem #f9eee8;
}
.stores1 .begin-f2-to-end .f3 ul {
  overflow: hidden;
  width: 100%;
  padding: 0 .3rem .7rem;
  border-radius: .1rem;
  box-shadow: 0 0 .1rem #faf1ec;
}
.stores1 .begin-f2-to-end .f3 ul li {
  box-sizing: border-box;
  width: 100%;
  padding: .68rem  .08rem .68rem .44rem;
  border-bottom: 1px solid #ddd;
  font-size: .26rem;
  color: #333;
  background: url(../img/png16.png) no-repeat right 0.08rem center;
  background-size: .5rem;
  transition: all .5s linear;
}
.stores1 .begin-f2-to-end .f3 ul li .icon1 {
  display: inline-block;
  position: relative;
  top: .1rem;
  width: .4rem;
  height: .44rem;
  background: url(../img/png15.png) no-repeat center;
  background-size: .4rem;
  margin-right: .4rem;
}
.stores1 .begin-f2-to-end .f3 ul li .icon2 {
  background: url(../img/png17.png) no-repeat left top;
  background-size: .44rem;
  padding-left: .8rem;
  margin: .28rem 0;
}
.stores1 .begin-f2-to-end .f3 ul li .icon3 {
  background: url(../img/png18.png) no-repeat left top;
  background-size: .32rem;
  padding-left: .8rem;
}
.stores1 .begin-f2-to-end .f3 ul li .label1 {
  display: inline-block;
  width: 75%;
  line-height: .46rem;
  color: #333;
  font-weight: bold;
}
.stores1 .begin-f2-to-end .f3 ul li .label1 span {
  color: #888;
  font-weight: 100;
}
.stores1 .begin-f2-to-end .f3 ul li .area-li-mains1 {
  display: none;
}
.stores1 .begin-f2-to-end .f3 ul li.cur {
  background: url(../img/png19.png) no-repeat right 0.08rem center;
  background-size: .5rem;
  transition: all .5s linear;
}

.stores2 div,
.stores2 span,
.stores2 a,
.stores2 ul,
.stores2 li,
.stores2 h6 {
  box-sizing: border-box;
}
.stores2 .f1 {
  width: 100%;
  position: relative;
}
.stores2 .f1 img {
  display: block;
  width: 100%;
}
.stores2 .f1 .txts1 {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -.18rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: .36rem;
  line-height: .36rem;
}
.stores2 .begin-f2-to-end {
  padding: .82rem 0 2.12rem;
  box-sizing: border-box;
}
.stores2 .begin-f2-to-end .f2 {
  padding: 0 .3rem;
  margin-bottom: .9rem;
  box-sizing: border-box;
  font-size: .26rem;
  line-height: .46rem;
  color: #333;
}
.stores2 .begin-f2-to-end .f2 .top {
  margin-bottom: .56rem;
  text-align: center;
}
.stores2 .begin-f2-to-end .f2 .top h3 {
  line-height: .5rem;
  margin-bottom: .36rem;
  font-size: .5rem;
  color: #4c0f12;
  font-weight: bold;
}
.stores2 .begin-f2-to-end .f2 ul {
  width: 90%;
  margin: 0 auto;
}
.stores2 .begin-f2-to-end .f2 ul li {
  font-size: .24rem;
  color: #333;
  line-height: .46rem;
  padding: 0 .3rem;
  background: #fff;
  border-radius: .1rem;
  overflow: hidden;
  box-shadow: 0 0 .1rem #f9eee8;
}
.stores2 .begin-f2-to-end .f2 ul li .img {
  width: 100%;
  margin-bottom: .3rem;
}
.stores2 .begin-f2-to-end .f2 ul li .img img {
  display: block;
  width: 100%;
}
.stores2 .begin-f2-to-end .f2 ul li .more-btn-t {
  width: 2rem;
  display: block;
  margin: .4rem auto;
  border-radius: .4rem;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  color: #d5743d;
  border: 1px solid #d5743d;
}
.stores2 .begin-f2-to-end .f3 {
  margin: 1.1rem .3rem 0;
  box-sizing: border-box;
  border-radius: .1rem;
}
.stores2 .begin-f2-to-end .f3 .top {
  margin-bottom: .56rem;
  text-align: center;
}
.stores2 .begin-f2-to-end .f3 .top h3 {
  line-height: .5rem;
  margin-bottom: .36rem;
  font-size: .5rem;
  color: #4c0f12;
  font-weight: bold;
}
.stores2 .begin-f2-to-end .f3 ul {
  width: 100%;
  padding: 0 .3rem .7rem;
}
.stores2 .begin-f2-to-end .f3 ul li {
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
  font-size: .26rem;
  color: #333;
  border-radius: .1rem;
  box-shadow: 0 0 0.1rem #f9eee8c;
}
.stores2 .begin-f2-to-end .f3 ul li .img {
  width: 100%;
}
.stores2 .begin-f2-to-end .f3 ul li .img img {
  display: block;
  width: 100%;
}
.stores2 .begin-f2-to-end .f3 ul li .tit {
  text-align: center;
  padding: .3rem;
}

.brand div,
.brand span,
.brand a,
.brand ul,
.brand li,
.brand h6 {
  box-sizing: border-box;
}
.brand .f1 {
  width: 100%;
  position: relative;
}
.brand .f1 img {
  display: block;
  width: 100%;
}
.brand .f1 .txts1 {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -.18rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: .36rem;
  line-height: .36rem;
}
.brand .begin-f2-to-end {
  padding: .82rem 0 2.3rem;
  box-sizing: border-box;
}
.brand .begin-f2-to-end .f2 {
  padding: 0 .3rem;
  margin-bottom: .9rem;
  box-sizing: border-box;
  font-size: .26rem;
  line-height: .46rem;
  color: #333;
}
.brand .begin-f2-to-end .f2 .top {
  margin-bottom: .56rem;
  text-align: center;
}
.brand .begin-f2-to-end .f2 .top h3 {
  line-height: .5rem;
  margin-bottom: .36rem;
  font-size: .5rem;
  color: #4c0f12;
  font-weight: bold;
}
.brand .begin-f2-to-end .f2 .top h6 {
  font-weight: 100;
  font-size: .24rem;
  color: #333;
  position: relative;
  line-height: .24rem;
  opacity: .8;
}
.brand .begin-f2-to-end .f2 .mains1 {
  width: 100%;
  overflow: hidden;
  background: #fff;
  padding: 1rem .4rem 1.46rem;
  margin: .6rem 0 1.1rem;
  font-size: .26rem;
  line-height: .46rem;
  color: #333;
}
.brand .begin-f2-to-end .f2 .mains1 .img {
}
.brand .begin-f2-to-end .f2 .mains1  img {
  display: block;
  width: 4.94rem;
  margin: 0 auto;
  /*margin: 0 auto .85rem;*/
  /*width: 90%;*/
}
.brand .begin-f2-to-end .f3 {
  margin-top: 1.1rem;
  box-sizing: border-box;
  color: #fff;
  padding-top: 1.16rem;
      height: 14rem;
}
.brand .begin-f2-to-end .f3 h3 {
  font-weight: bold;
  font-size: .5rem;
  line-height: .5rem;
  text-align: center;
  margin-bottom: .4rem;
}
.brand .begin-f2-to-end .f3 ul {
  overflow: hidden;
  width: 100%;
  padding: 0 .3rem .7rem;
}
.brand .begin-f2-to-end .f3 ul li {
  box-sizing: border-box;
  width: 100%;
  padding: .94rem  0 .74rem;
  font-size: .26rem;
  border-bottom: 1px solid #6a6a6a;
  line-height: .46rem;
  color: #fff;
}
.brand .begin-f2-to-end .f3 ul li h5 {
  line-height: .48rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: .2rem;
}
.brand .begin-f2-to-end .f3 ul li h5 span {
  font-family: 'aparaji';
  display: inline-block;
  margin-right: .2rem;
  font-weight: 100;
  font-size: .8rem;
  line-height: .48rem;
}
.brand .begin-f2-to-end .f3 .view-more {
  display: block;
  color: #fff;
  padding: 1.14rem 0 1.9rem;
  margin: 0 auto;
  font-size: .26rem;
  width: 100%;
  height: .7rem;
  text-align: center;
  line-height: .26rem;
  background: url(../img/png20.png) center 60% no-repeat;
  background-size: .44rem;
}
.brand .begin-f2-to-end .f4 {
  margin-top: 1.1rem;
  box-sizing: border-box;
}
.brand .begin-f2-to-end .f4 .top {
  margin-bottom: .56rem;
  text-align: center;
}
.brand .begin-f2-to-end .f4 .top h3 {
  line-height: .5rem;
  margin-bottom: .36rem;
  font-size: .5rem;
  color: #4c0f12;
  font-weight: bold;
}
.brand .begin-f2-to-end .f4 .top h6 {
  font-weight: 100;
  font-size: .24rem;
  color: #333;
  position: relative;
  line-height: .24rem;
  opacity: .8;
}
.brand .begin-f2-to-end .f4 .mains1 {
  width: 92%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 .1rem #faf1ec;
}
.brand .begin-f2-to-end .f4 .mains1 .swiper-wrapper .swiper-slide {
  border-radius: .1rem;
  overflow: hidden;
  position: relative;
}
.brand .begin-f2-to-end .f4 .mains1 .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
  font-size: .26rem;
  line-height: 1.22rem;
  color: #d5743d;
  font-weight: bold;
  text-align: center;
  background: #fff;
}
.brand .begin-f2-to-end .f4 .mains1 .swiper-wrapper .swiper-slide a img {
  display: block;
  width: 100%;
}
.brand .begin-f2-to-end .f4 .mains1 .prevs {
  position: absolute;
  z-index: 2;
  left: -.3rem;
  top: 50%;
  margin-top: -.62rem;
  width: 109%;
}
.brand .begin-f2-to-end .f4 .mains1 .prevs .swiper-button-prev {
  display: inline-block;
  width: 1.24rem;
  height: 1.24rem;
  border-radius: 50%;
  left: 0;
  background: url(../img/png21.png) center center no-repeat;
  background-size: 100%;
}
.brand .begin-f2-to-end .f4 .mains1 .prevs .swiper-button-next {
  display: inline-block;
  width: 1.24rem;
  height: 1.24rem;
  border-radius: 50%;
  right: 0;
  background: url(../img/png22.png) center center no-repeat;
  background-size: 100%;
}

.news div,
.news span,
.news a,
.news ul,
.news li,
.news h6 {
  box-sizing: border-box;
}
.news .f1 {
  width: 100%;
  position: relative;
}
.news .f1 img {
  display: block;
  width: 100%;
}
.news .f1 .txts1 {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -.18rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: .36rem;
  line-height: .36rem;
}
.news .begin-f2-to-end {
  padding: .4rem 0 2.3rem;
}
.news .begin-f2-to-end .f2 {
  box-sizing: border-box;
  padding: 0 .3rem;
  overflow: hidden;
}
.news .begin-f2-to-end .f2 .top {
  margin-top: .4rem;
  text-align: center;
}
/*.news .begin-f2-to-end .f2 .top h6 {
  line-height: .5rem;
  margin-bottom: .36rem;
  font-size: .5rem;
  font-weight: bold;
}*/
.news .begin-f2-to-end .f2 .top h6 {
  display: inline-block;
  margin: 0 .2rem;
  color: #4c0f12;
  font-size: .3rem;
  color: #333;
  position: relative;
  line-height: .4rem;
  /*opacity: .8;*/
}
.news .begin-f2-to-end .f2 .top h6.cur{
  color: #d5743d;
}
.news .begin-f2-to-end .f2 .items-tab {
  width: 92%;
  margin: 0 auto;
  overflow: hidden;
}
.news .begin-f2-to-end .f2 .items-tab ul {
  display: flex;
  flex-wrap: no-wrap;
  justify-content: flex-start;
}
.news .begin-f2-to-end .f2 .items-tab ul li {
  flex: 1;
  height: .8rem;
  line-height: .8rem;
  background: #fff;
  text-align: center;
  box-shadow: 0 0 0.1rem #faf1ec;
}
.news .begin-f2-to-end .f2 .items-tab ul li a {
  color: #333;
}
.news .begin-f2-to-end .f2 .items-tab ul li.cur {
  background: #d5743d;
}
.news .begin-f2-to-end .f2 .items-tab ul li.cur a {
  color: #fff;
}
.news .begin-f2-to-end .f2 .items-con {
  padding-top: .4rem;
}
.news .begin-f2-to-end .f2 .items-con li {
  box-shadow: 0 0 0.1rem #f7ede6;
  border-radius: .1rem;
  overflow: hidden;
  margin-bottom: .4rem;
}
.news .begin-f2-to-end .f2 .items-con li a {
  display: block;
  background: #fff;
  padding-bottom: .5rem;
  box-shadow: 0 0 0.1rem #faf1ec;
}
.news .begin-f2-to-end .f2 .items-con li a .pic {
  width: 100%;
  margin-bottom: .4rem;
}
.news .begin-f2-to-end .f2 .items-con li a .pic img {
  display: block;
  width: 100%;
}
.news .begin-f2-to-end .f2 .items-con li a .box {
  padding: .4rem .4rem 0 .4rem;
}
.news .begin-f2-to-end .f2 .items-con li a .box h2 {
  display: block;
  font-size: .26rem;
  color: #d5743d;
  line-height: .26rem;
  margin-bottom: .3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news .begin-f2-to-end .f2 .items-con li a .box .txts {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: .24rem;
  line-height: .46rem;
  color: #999;
  padding: .16rem 0 0;
}
.news .begin-f2-to-end .f2 .items-con li a .box .times {
  display: inline-block;
  font-size: .24rem;
  line-height: .24rem;
  color: #999;
  padding-left: .4rem;
  background: url(../img/time11.png) left center no-repeat;
  background-size: .24rem;
}
.news .begin-f2-to-end .f2 .view-more {
  color: #333;
  margin: .5rem auto 0;
  font-size: .26rem;
  width: 100%;
  height: .7rem;
  text-align: center;
  line-height: .26rem;
  background: url(../img/png12.png) center bottom no-repeat;
  background-size: .44rem;
}

.news-details div,
.news-details span,
.news-details a,
.news-details ul,
.news-details li,
.news-details h6 {
  box-sizing: border-box;
}
.news-details .f1 {
  width: 100%;
  position: relative;
}
.news-details .f1 img {
  display: block;
  width: 100%;
}
.news-details .f1 .txts1 {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -.18rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: .36rem;
  line-height: .36rem;
}
.news-details .begin-f2-to-end {
  padding: .4rem 0 2.3rem;
}
.news-details .begin-f2-to-end .f2 {
  box-sizing: border-box;
  width: 92%;
  margin: 0 auto;
  overflow: hidden;
}
.news-details .begin-f2-to-end .f2 .top {
  margin-bottom: .56rem;
  text-align: center;
}
.news-details .begin-f2-to-end .f2 .top h3 {
  line-height: .5rem;
  margin-bottom: .36rem;
  font-size: .5rem;
  color: #4c0f12;
  font-weight: bold;
}
.news-details .begin-f2-to-end .f2 .top h6 {
  font-size: .24rem;
  color: #333;
  position: relative;
  line-height: .24rem;
  opacity: .8;
}
.news-details .begin-f2-to-end .f2 .f2-details {
  background: #fff;
  padding: .4rem .3rem;
  box-shadow: 0 0 0.1rem #f7ede6;
  border-radius: .1rem;
}
.news-details .begin-f2-to-end .f2 .f2-details .show-title h3 {
  font-size: .36rem;
  line-height: .36rem;
  color: #d5743d;
  margin-bottom: .4rem;
  padding: 0 .4rem;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-details .begin-f2-to-end .f2 .f2-details .show-title .show-time {
  padding-left: .4rem;
  font-size: .24rem;
  line-height: .36rem;
  color: #666;
}
.news-details .begin-f2-to-end .f2 .f2-details .show-content {
  padding: .4rem;
  font-size: .24rem;
  color: #666;
  line-height: .4rem;
}
.news-details .begin-f2-to-end .f2 .f2-details .show-bottom {
  border-top: 1px solid #fafafa;
}
.news-details .begin-f2-to-end .f2 .f2-details .show-bottom .show-bottom-left {
  padding: .4rem;
  font-size: .24rem;
  color: #666;
  line-height: .4rem;
}
.news-details .begin-f2-to-end .f2 .f2-details .show-bottom .show-bottom-left a {
  display: block;
  color: #d5743d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-details .begin-f2-to-end .f2 .f2-details .show-bottom .back {
  float: right;
  margin-right: .4rem;
  padding-right: .5rem;
  font-size: .28rem;
  color: #666666;
  line-height: .36rem;
  display: block;
  background: url(../img/back_ico.png) no-repeat right center;
  background-size: 36%;
}

.activity div,
.activity span,
.activity a,
.activity ul,
.activity li,
.activity h6 {
  box-sizing: border-box;
}
.activity .f1 {
  width: 100%;
  position: relative;
}
.activity .f1 img {
  display: block;
  width: 100%;
}
.activity .f1 .txts1 {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -.18rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: .36rem;
  line-height: .36rem;
}
.activity .begin-f2-to-end {
  padding: .82rem 0 1.42rem;
  box-sizing: border-box;
}
.activity .begin-f2-to-end .f2 {
  padding: 0 .3rem;
  margin-bottom: .9rem;
  box-sizing: border-box;
  font-size: .26rem;
  line-height: .46rem;
  color: #333;
}
.activity .begin-f2-to-end .f2 .top {
  text-align: center;
}
.activity .begin-f2-to-end .f2 .top h3 {
  line-height: .5rem;
  margin-bottom: .36rem;
  font-size: .5rem;
  color: #4c0f12;
  font-weight: bold;
}
.activity .begin-f2-to-end .f2 .top h6 {
  font-size: .24rem;
  color: #333;
  position: relative;
  line-height: .24rem;
  opacity: .8;
}
.activity .begin-f2-to-end .f2 .mains1 {
  width: 100%;
  overflow: hidden;
  margin: 0 0 1.1rem;
  font-size: .26rem;
  line-height: .46rem;
  color: #333;
}
.activity .begin-f2-to-end .f2 .mains1 li {
  background: #fff;
  margin: .26rem auto .4rem;
  line-height: .46rem;
  color: #333;
  font-size: .24rem;
  padding: .3rem;
  box-shadow: 0 0 0.1rem #f9eee8;
}
.activity .begin-f2-to-end .f2 .mains1 li .img {
  width: 100%;
  margin-bottom: .2rem;
}
.activity .begin-f2-to-end .f2 .mains1 li .img img {
  display: block;
  width: 100%;
}
.activity .begin-f2-to-end .f2 .mains1 li .activity-times {
  font-size: .2rem;
  color: #d5743d;
  line-height: .46rem;
}
.activity .begin-f2-to-end .f2 .view-more {
  color: #333;
  margin: 0 auto;
  font-size: .26rem;
  width: 100%;
  height: .7rem;
  text-align: center;
  line-height: .26rem;
  background: url(../img/png12.png) center bottom no-repeat;
  background-size: .44rem;
}

.join div,
.join span,
.join a,
.join ul,
.join li,
.join h6 {
  box-sizing: border-box;
}
.join .f1 {
  width: 100%;
  position: relative;
}
.join .f1 img {
  display: block;
  width: 100%;
}
.join .f1 .txts1 {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -.18rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: .36rem;
  line-height: .36rem;
}
.join .begin-f2-to-end {
  padding: .82rem 0 1.42rem;
  box-sizing: border-box;
}
.join .begin-f2-to-end .f2 {
  padding: 0 .3rem;
  margin-bottom: .9rem;
  box-sizing: border-box;
  font-size: .26rem;
  line-height: .46rem;
  color: #333;
}
.join .begin-f2-to-end .f2 .top {
  margin-bottom: .56rem;
  text-align: center;
}
.join .begin-f2-to-end .f2 .top h3 {
  line-height: .5rem;
  margin-bottom: .36rem;
  font-size: .5rem;
  color: #4c0f12;
  font-weight: bold;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 {
  width: 100%;
  border-top: 1px solid #e3e3e3;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .li1,
.join .begin-f2-to-end .f2 .join-forms .ul1 .li1-wrap,
.join .begin-f2-to-end .f2 .join-forms .ul1 .li1-wrap .hide-list {
  width: 100%;
  overflow: hidden;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .li1 {
  border-bottom: 1px solid #e3e3e3;
  border-width: 1px 0;
  color: #d5743d;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .li1 .d-title {
  width: 100%;
  height: .9rem;
  padding: 0 .3rem;
  box-sizing: border-box;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .li1.cur .d-title {
  background: #d5743d;
  color: #fff;
  box-sizing: border-box;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .list1-wrap {
  width: 100%;
  border-bottom: 1px #e3e3e3 solid;
  padding: 0 .3rem;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .list1 {
  width: 3rem;
  margin: .1rem 0;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .list1 .s1-detail,
.join .begin-f2-to-end .f2 .join-forms .ul1 .list2 .s1-detail,
.join .begin-f2-to-end .f2 .join-forms .ul1 .list1 .s1,
.join .begin-f2-to-end .f2 .join-forms .ul1 .list2 .s1 {
  height: .6rem;
  line-height: .6rem;
  font-size: .24rem;
  color: #333333;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .list1 .s1-detail,
.join .begin-f2-to-end .f2 .join-forms .ul1 .list2 .s1-detail {
  color: #6d6d6d;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .li1 .icon {
  display: inline-block;
  position: relative;
  top: .3rem;
  right: 0;
  width: .3rem;
  height: .3rem;
  background: url(../img/png161.png) center center no-repeat;
  background-size: 100%;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .list2 {
  width: 100%;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .list21 {
  width: 3.4rem;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .li1-title1 {
  font-size: .28rem;
  line-height: .9rem;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .li1-title2 {
  font-size: .24rem;
  line-height: .9rem;
  margin-right: .1rem;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .li1.on .li1-title2 {
  display: none;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .hide .h1 {
  font-size: .28rem;
  color: #272727;
  line-height: .36rem;
  margin: .3rem 0 .26rem;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .hide .detail {
  font-size: .26rem;
  line-height: .26rem;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .hide .btn a {
  display: block;
  height: .6rem;
  width: 3rem;
  line-height: .6rem;
  font-size: .24rem;
  color: #fff;
  background: #d5743d;
  text-align: center;
  margin: .56rem 0 .46rem .3rem;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .hide .detail .d1 {
  margin: .2rem .4rem;
  line-height: .4rem;
  color: #666666;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .hide {
  display: none;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .fonts,
.join .begin-f2-to-end .f2 .join-forms .ul1 .list2,
.join .begin-f2-to-end .f2 .join-forms .ul1 .d-title {
  padding: 0 .3rem;
}
.join .begin-f2-to-end .f2 .join-forms .ul1 .li1.cur .icon {
  background: url(../img/png191.png) center center no-repeat;
  background-size: 100%;
}
.join .begin-f2-to-end .f2 .view-more {
  color: #333;
  margin: .8rem auto 0;
  font-size: .26rem;
  width: 100%;
  height: .7rem;
  text-align: center;
  line-height: .26rem;
  background: url(../img/png12.png) center bottom no-repeat;
  background-size: .44rem;
}

/*# sourceMappingURL=style.css.map */
.side { 
  position: fixed;
  width: 2rem; 
  height: 2.4rem; 
  right: 0; 
  bottom:6rem; 
  z-index: 100; 
  background: #d5743d;
  border-radius: .1rem;
  box-shadow: 0 0 .1rem rgba(0,0,0,0.1);
}

.side ul li { 
  width: 2rem; 
  height: .8rem;
  line-height: .8rem;
  border-bottom: 1px solid #DE9064;
  font-size: .2rem;
}
.side ul li:last-child{
  border-bottom: none;
}
.side ul li a{
  padding-left: .5rem;
  display: block;
  width: 2rem;
  height: .8rem;
  color: #fff;
}
/*.side ul li a:hover{
  color: #d5743d;
}*/
.side ul li a.a1{
  background: url(../img/z_13.png) no-repeat .1rem center;
  background-size: .3rem;
}
.side ul li a.a2{
  background: url(../img/z_12.png) no-repeat .1rem center;
  background-size: .3rem;
}