@charset "utf-8";
.pb55{ padding-bottom:55px;}
.pd40{ padding:40px 0 55px;}
.wrap{ position:relative; width:100%; max-width:640px; min-width:320px; margin:0 auto;}
.header{ padding:0.1rem 0.4rem 0; width:5.6rem;}
.home img{ width:0.2rem; height:0.2rem;}
.tel{ padding-left:0.44rem; padding-bottom:0.05rem; font-size:0.22rem; color:#d03b00; background:url(../images/tel.png) no-repeat left top; background-size:0.37rem 0.25rem; }
.logo{ padding:0 0.4rem; margin-top:0.1rem}
.logo,.logo img{ width:5.6rem; height:0.37rem;}
.nav{ margin-top:0.13rem; width: 100%;}
.nav li{ float:left; margin:0.02rem 0.03rem 0 0;}
.nav li a{ display:block; width:1.57rem; height:0.44rem; font-size:0.18rem; color:#fff; font-weight: bold; text-align: center; line-height: 0.44rem; background:url(../images/navbg.png) left top; background-size:100% 100%;}

.banner{ width:100%; height:3.1rem; position: relative; }
.mainCell{ width:100%; height:3.1rem; overflow: hidden;}
.mainCell img{ width:100%; height:3.1rem; }
.titCell{ position: absolute; width:100%; left:0; bottom:10px; z-index:99; text-align: center; }
.titCell span{ display: inline-block; width:0.1rem; height:0.1rem; border-radius: 50%; background:#999999; margin:0 3px; text-indent:-9999px; }
.titCell .on{ background:#cc002d}

.qcshow{ width:100%;}
.showtl{ width:100%; background: url(../images/titlebg.jpg) no-repeat left center; height:0.52rem; line-height:0.52rem; background-size:100% 100%; position: relative;}
.showtl h2{ padding-left:0.48rem; font-size:0.18rem; color:#fff;}
.showtl a{ position:absolute; right:0;top:0; padding-right:0.4rem; font-size:0.18rem; font-weight: normal; display: block; color:#fff;}
.showtl a span{ font-family: "宋体";}

.qcList{ padding:0 0.38rem; margin-top:0.09rem;}
.qcList li{ float:left; margin:0 0.09rem 0.16rem;}
.qcList li a{ display:block; width:2.64rem; height:2.64rem;}
.qcList li img{ width:2.62rem; height:2.62rem; border:1px solid #f25329; object-fit: cover;}
.qcList li p{ margin-top:0.2rem; font-size:0.18rem; line-height:0.30rem; text-align:center; color:#000}

.intr{ padding:0 0.38rem;}
.intrTl { border-bottom:1px solid #ddd; text-align:center;}
.intrTl h2{ display:inline-block; font-size:0.18rem; color:#d03b00; padding-bottom:0.06rem;border-bottom:2px solid #d03b00; position:relative; top:1px}
.intrBox{ margin-top:0.17rem;}
.intrImg img{ width:5.64rem; }
.intrTail{ position: relative; margin-top:0.1rem; font-size:0.18rem; line-height:0.30rem; height:1.8rem; overflow:hidden; color:#000;}
.intrMore{ font-size:0.18rem; color:#f15228;position:absolute; bottom:0.03rem;right:0}

.sale{ margin-top:0.2rem;}
.title{ border-bottom:2px solid #f7933f; position:relative;}
.title h2{ background:url(../images/titlebg01.png) no-repeat left top; padding-left:0.1rem; background-size:1.38rem; height:0.28rem; font-size:0.18rem; color:#fff; line-height:0.28rem; position: relative; top:2px;}
.title .titleMore{ display:block; font-size:0.18rem; color:#000; position: absolute; right:0; top:0; line-height:0.30rem;}
.saleBox{ margin-top:16px; width:100%; height:2rem; overflow:hidden}
.saleList { width:100%; height:2rem;}
.saleList li{ line-height:0.4rem; font-size:0.18rem; color:#000; margin:0.2rem 0;}
.saleList li span{ display:inline-block; text-align:center;}
.saleTime{ width:1.2rem;}
.saleName{ width:0.8rem;}
.saleText{ width:2.4rem;}
.saleZt{ width:1rem;}

.con{ padding:0 0.38rem; margin-top:0.2rem;}
.conBox{ margin-top:0.2rem;}
.newsList{ margin-top:0.2rem;}
.newsList li{ padding-left:0.12rem; background: url(../images/listbg.png) no-repeat left center;}
.newsList li a{ font-size:0.22rem; line-height: 0.5rem;}

.footer{ z-index:999; position:fixed; bottom:0; left:0; padding:0 0.39rem; width:100%; height:50px; background:url(../images/footerbg.png) repeat-x; background-size:3px 100%;}
.footer ul{ width:5.62rem; background: url(../images/footerli.png) no-repeat right top;}
.footer li{ float:left; background: url(../images/footerli.png) no-repeat left top;}
.footer li a{ display:block; width:1.4rem; text-align:center; padding-top:5px;}
.footer li img{ width:0.33rem; height:0.33rem;}
.footer li p{ margin-top:5px; color:#fff; font-size:0.18rem}

.topNav{ z-index:999; width:100%; height:30px; padding:10px 0.38rem 0; background:url(../images/footerbg.png) repeat-x; background-size:2px 100%; position:fixed; top:0; left:0;}
.back{ margin-right:0.5rem;}
.back a{ display:block; width:0.30rem; height:0.30rem; text-align:center}
.back a img{ width:0.30rem; height:0.30rem; vertical-align: middle;}
.topTitle { color:#fff; font-size:0.24rem; padding-top:3px;}

.content{ padding:0.1rem 0.38rem;}
.ctTitle{ font-size:0.24rem; color:#000; text-align:center}
.ctTime{ font-size:0.22rem; color:#595959; margin-top:0.1rem; text-align: center;}
.ctTail{ margin-top:0.2rem; font-size:0.18rem; color:#000; line-height:0.4rem;text-align: justify;}
.ctTail img{ max-width:5.6rem;}


/**/
.banner{width:100vw; height:3.1rem; position: relative; line-height: 1; text-transform: uppercase; margin:0 auto; overflow: hidden;}
.banner .swiper-slide{position: relative; width: 100vw; height: 3.1rem; color:#FFFFFF; background-position:center; background-repeat: no-repeat; background-size: cover; line-height: 1;display: block;}

.banner .banner-a{width:100%; height:1px; position: absolute; left:0; bottom:24px; text-align: center; z-index: 10;}
.banner .banner-a .swiper-pagination-bullet{ width:18px; height:3px; border-radius:0; vertical-align: top; background:#fff; opacity: 1; margin:0 10px 0 0; position: relative; transition: all .4s ease 0s; }
.banner .banner-a .swiper-pagination-bullet:after{content: ""; width:0%; height: 3px; background: #ff851b; position: absolute; top: 0; left: 0; z-index: 2; transition: all .6s ease 0s;}
.banner .banner-a .swiper-pagination-bullet-active{ opacity: 1; background:none;}
.banner .banner-a .swiper-pagination-bullet-active:after{-webkit-animation:banner_w 4s linear 0s 1 normal ; animation:banner_w 4s linear 0s 1 normal ; width: 100%}
@keyframes banner_w {
  from {
      width: 0%;
  }
  to {
      width: 100%；
  }
}
.banner_w {
  animation-name: banner_w;
}
/**/