@charset "UTF-8";

/*首页样式*/

body {

  max-width: 6.4rem;

  margin: 0 auto;

  padding-bottom: 1.03rem;

  position: relative; }



.bg_b {

  width: 100%;

  margin: 0 auto;

  position: relative;

  text-align: center; }

  .bg_b > img, .bg_b a img {

    display: block;

    margin: 0 auto; }



.bg_b.tel {

  background-color: #111;

  padding: 0.4rem 0; }



.bg_b.tel img {

  z-index: 2;

  top: -1rem;

  left: 1.44rem;

  width: 2.23rem;

  display: block;

  margin: 0 auto; }



.hidd1 {

  display: block; }



.hidd2 {

  display: none; }



.index_codeb {

  position: absolute;

  z-index: 2;

  right: 0.8rem;

  bottom: 0.64rem; }

  .index_codeb img {

    display: block;

    width: 1.73rem;

    height: 1.7rem; }



/*banner轮播图*/

.banners {

  width: 3.53rem;

  height: 2.82rem;

  margin: 0 auto;

  position: absolute;

  overflow: hidden;

  top: 0.35rem;

  left: 0.52rem;

  z-index: 99; }

  .banners li {

    width: 100%;

    height: auto;

    float: left;

    position: relative; }

    .banners li .img_b img {

      display: block;

      width: 100%; }

    .banners li .title {

      width: 100%;

      background: rgba(0, 0, 0, 0.5);

      color: #fff;

      font-size: 0.3rem;

      padding: 0.18rem 0;

      position: absolute;

      z-index: 20;

      margin-top: -0.71rem; }

      .banners li .title a {

        padding-left: 0.4rem;

        color: #fff; }

  .banners .img_ctrl {

    position: absolute;

    z-index: 100;

    right: 1.98rem;

    top: 2.95rem; }

    .banners .img_ctrl > div {

      width: 6px;

      height: 6px;

      border-radius: 100%;

      float: left;

      background-color: #cf0b19; }

    .banners .img_ctrl > div + div {

      margin-left: 0.04rem; }

    .banners .img_ctrl > div.now {

      background-color: #191919; }



/*首页导航*/

.index_nav {

  height: 1.83rem;

  width: 6.4rem;

  box-sizing: border-box;

  background-color: #000;

  background-position: top center;

  background-size: 100%;

  background-repeat: no-repeat; }

  .index_nav .pos_b {

    width: 6rem;

    margin: 0 auto;

    height: 100%; }

  .index_nav a {

    margin: 0;

    width: 25%;

    height: 1.43rem;

    display: block;

    float: left;

    text-align: center;

    background: url(../images/nav.jpg) no-repeat top left;

    background-size: 100%; }

    .index_nav a div {

      width: 0.7rem;

      font-size: 0.22rem;

      padding-top: 0.36rem;

      color: #090909;

      line-height: 0.4rem;

      text-align: center;

      margin: 0 auto; }



/*首页视频模块*/

.vedio_b {

  clear: both;

  background-color: #fff;

  height: auto;

  -webkit-background-size: cover;

  background-size: cover;

  position: relative;

  padding-bottom: 0.7rem; }

  .vedio_b .head_b img {

    display: block; }

  .vedio_b .item_bg {

    width: 6.4rem;

    height: 4.1rem;

    margin: 0 auto;

    -webkit-background-size: cover;

    background-size: cover;

    position: relative;

    border-box: border-box;

    width: 6rem;

    overflow: hidden; }

    .vedio_b .item_bg .item {

      width: 100% !important;

      height: 4.1rem !important;

      display: block;

      background-color: #000;

      position: relative; }

  .vedio_b .play_bg {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 999;

    cursor: pointer;

    background-color: #000;

    background-image: url(../images/videoimg.jpg);

    background-position: center;

    -webkit-background-size: cover;

    background-size: cover; }

  .vedio_b .play_btn {

    width: 1.02rem;

    height: 1.06rem;

    position: relative;

    top: 50%;

    left: 50%;

    margin-top: -0.53rem;

    margin-left: -0.51rem;

    -webkit-background-size: cover;

    background-size: cover; }



/*首页产品*/

.hot_c {

  clear: both;

  width: 100%;

  background-color: #050001;

  margin: 0 auto;

  -webkit-background-size: 100%;

  background-size: 100%; }

  .hot_c ul {

    margin: 0 auto; }

    .hot_c ul:after {

      content: ".";

      display: block;

      height: 0;

      font-size: 0;

      clear: both;

      visibility: hidden; }

  .hot_c .head_b img {

    display: block; }

  .hot_c .col_b {

    width: 2.76rem;

    height: 3rem;

    margin-left: 0.26rem;

    margin-bottom: 0rem;

    float: left;

    overflow: hidden;

    position: relative; }

    .hot_c .col_b .img_b {

      width: auto;

      height: 2.12rem;

      overflow: hidden;

      -webkit-background-size: cover;

      background-size: cover; }

      .hot_c .col_b .img_b img {

        display: block; }

  .hot_c .info {

    background-color: #de0110; }

    .hot_c .info:after {

      content: ".";

      display: block;

      height: 0;

      font-size: 0;

      clear: both;

      visibility: hidden; }

    .hot_c .info .title {

      line-height: 0.4rem;

      font-size: 0.28rem;

      color: #fff;

      overflow: hidden;

      text-align: center;

      box-sizing: border-box; }

      .hot_c .info .title div {

        width: auto;

        text-align: center; }

  .hot_c .look_btnb {

    height: 0.46rem;

    line-height: 0.46rem;

    background-color: #3b51b7;

    margin: 0 0.16rem;

    border: 0.02rem solid #0086bf;

    color: #fff;

    font-size: 0.26rem;

    text-align: center; }



.look_more {

  width: 2.8rem;

  height: 0.8rem;

  display: block;

  clear: both;

  margin: 0.3rem auto;

  font-size: 0.3rem;

  border-radius: 0.2rem;

  background-color: #ffcc00;

  color: #050001;

  text-align: center;

  line-height: 0.8rem; }



.probg {

  background: url(../images/probot.jpg) no-repeat bottom center;

  background-size: 100%;

  padding-bottom: 0.3rem; }



/*关于我们*/

.about_t {

  text-align: center;

  padding: 0.2rem 0 0.1rem; }



.about_t font {

  font-size: 0.5rem;

  color: #fff;

  display: block;

  line-height: 2;

  font-weight: bold; }



.about_t span {

  font-size: 0.2rem;

  color: #ffcc00;

  line-height: 0.46rem;

  text-transform: uppercase; }



.index_about {

  clear: both;

  background-color: #161616;

  position: relative; }

  .index_about .item {

    width: 6rem;

    margin: 0 auto;

    font-size: 0.24rem;

    line-height: 0.36rem;

    color: #ffcc00;

    padding: 0.3rem 0rem;

    margin: 0 auto; }



/*底部信息 图标加文字*/

.web_info {

  clear: both;

  background-color: #fff;

  padding-bottom: 0.25rem;

  padding-top: 0.3rem; }

  .web_info:after {

    content: ".";

    display: block;

    height: 0;

    font-size: 0;

    clear: both;

    visibility: hidden; }

  .web_info .head_b {

    font-size: 0.5rem;

    line-height: 0.52rem;

    color: #000;

    text-align: center;

    font-weight: bold;

    padding-bottom: 0.4rem; }

  .web_info .item {

    clear: both;

    width: 5.8rem;

    margin: 0 auto;

    padding-bottom: 0.25rem;

    height: 0.38rem; }

    .web_info .item .icon_tel {

      float: left;

      width: 0.4rem;

      height: 0.38rem; }

      .web_info .item .icon_tel img {

        width: 0.31rem;

        height: 0.34rem;

        display: block;

        margin-top: 0.02rem; }

    .web_info .item .icon_email {

      float: left;

      width: 0.4rem;

      height: 0.38rem; }

      .web_info .item .icon_email img {

        width: 0.34rem;

        height: 0.23rem;

        display: block;

        margin-top: 0.08rem; }

    .web_info .item .icon_addr {

      float: left;

      width: 0.4rem;

      height: 0.38rem; }

      .web_info .item .icon_addr img {

        width: 0.31rem;

        height: 0.29rem;

        display: block;

        margin-top: 0.04rem; }

    .web_info .item .msg {

      width: 5.3rem;

      height: 0.38rem;

      background-color: #fff;

      border-radius: 0.1rem;

      float: left;

      font-size: 0.24rem;

      line-height: 0.38rem;

      color: #000;

      text-align: center; }

    .web_info .item .title {

      font-size: 0.24rem;

      float: left;

      color: #000;

      line-height: 0.42rem; }



.foottip {

  color: #fff;

  font-size: 0.22rem;

  text-align: center;

  background-color: #000;

  line-height: 1.5;

  padding-bottom: 0.3rem;

  padding-top: 0.3rem; }



.foottip a {

  color: #000; }



.foottip p {

  background-color: #ffd205;

  color: #000;

  border-radius: 0.1rem;

  width: 4.2rem;

  /*height: 0.55rem;*/

  line-height: 0.55rem;

  margin: 0 auto 0.07rem; }



/*尾部*/

.footer {

  width: 100%;

  height: 1.04rem;

  position: fixed;

  bottom: 0;

  background-color: #ffcc00;

  max-width: 6.4rem;

  z-index: 999;

  display: -webkit-flex;

  display: flex; }

  .footer a {

    flex-grow: 1;

    text-align: center;

    font-size: 0.2rem;

    color: #030303;

    background-repeat: no-repeat;

    background-position: center 0.16rem; }

    .footer a span {

      display: block;

      padding-top: 0.64rem; }

    .footer a .icon {

      width: 0.34rem;

      height: 0.34rem;

      display: block;

      margin: 0 auto;

      margin-top: 0.14rem; }

  .footer a + a {

    border-left: 0.03rem solid #000; }



/*列表页*/

.header {

  width: 6.4rem;

  max-width: 6.4rem;

  height: 0.6rem;

  position: fixed;

  top: 0;

  background: rgba(0, 0, 0, 0.4);

  z-index: 100; }

  .header .return {

    width: 0.6rem;

    height: 0.6rem;

    float: left;

    background-image: url(../images/list_icon01.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 0.18rem 0.32rem; }

  .header .title {

    float: left;

    width: 5.2rem;

    text-align: center;

    line-height: 0.6rem;

    font-size: 0.3rem;

    color: #fff; }

  .header .menu {

    width: 0.6rem;

    height: 0.6rem;

    float: right;

    cursor: pointer;

    background-image: url(../images/list_icon02.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 0.34rem 0.34rem; }



.nav {

  width: 100%;

  height: 0.6rem;

  max-width: 6.4rem;

  display: -webkit-flex;

  display: flex;

  background-color: #fff; }

  .nav a {

    flex-grow: 1;

    text-align: center;

    font-size: 0.24rem;

    line-height: 0.6rem;

    color: #6c6c6c;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis; }

    .nav a .now {

      color: #1f1f1f; }

  .nav a + a {

    border-left: 0.02rem solid #e6e6e6; }



.list_title {

  text-align: left;

  padding: 0.2rem; }

  .list_title .title {

    font-size: 0.26rem;

    line-height: 0.26rem;

    color: #222;

    padding-top: 0.25rem; }

  .list_title .msg {

    font-size: 0.24rem;

    color: #8e8e8e;

    padding-top: 0.15rem; }



/*三个热门商品*/

.pros_col {

  width: 6rem;

  margin: 0 auto;

  height: 2.6rem; }

  .pros_col .col {

    float: left;

    width: 1.9rem;

    height: 2.2rem;

    background-color: #fff; }

    .pros_col .col .img {

      width: 1.9rem;

      height: 1.7rem;

      overflow: hidden; }

      .pros_col .col .img img {

        display: block;

        width: 100%; }

    .pros_col .col .title {

      font-size: 0.24rem;

      height: 0.45rem;

      line-height: 0.45rem;

      color: #5d5d5d;

      text-align: center;

      overflow: hidden;

      white-space: nowrap;

      text-overflow: ellipsis; }

  .pros_col .col + .col {

    margin-left: 0.15rem; }



/*商品列表*/

.prolist {

  clear: both;

  width: 6.2rem;

  margin: 0 auto; }

  .prolist:after {

    content: ".";

    display: block;

    height: 0;

    font-size: 0;

    clear: both;

    visibility: hidden; }

  .prolist .item {

    float: left;

    width: 2.95rem;

    height: 4.04rem;

    background-color: #fff;

    margin-left: 0.1rem;

    margin-top: 0.1rem; }

    .prolist .item .img {

      width: 2.95rem;

      height: 2.9rem;

      overflow: hidden;

      background-size: cover;

      background-position: top center;

      background-repeat: no-repeat; }

    .prolist .item .name {

      font-size: 0.24rem;

      color: #222;

      line-height: 0.46rem;

      height: 0.46rem;

      padding-left: 0.1rem;

      overflow: hidden;

      white-space: nowrap;

      text-overflow: ellipsis; }

    .prolist .item .stitle {

      font-size: 0.18rem;

      color: #aeaeae;

      width: 1.9rem;

      line-height: 0.24rem;

      padding-left: 0.1rem;

      height: 0.48rem;

      overflow: hidden;

      float: left; }

    .prolist .item .icon {

      float: right;

      width: 0.55rem;

      height: 0.55rem;

      background-image: url(../images/list_icon03.jpg);

      background-size: cover;

      margin-right: 0.12rem; }



/*商品详细*/

.cheader {

  height: 0.6rem;

  width: 6rem;

  margin: 0 auto; }

  .cheader .return {

    width: 0.6rem;

    height: 0.6rem;

    float: left;

    background-image: url(../images/view_icon01.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 0.18rem 0.32rem; }

  .cheader .links {

    float: left;

    width: 4.8rem;

    text-align: center; }

    .cheader .links a {

      display: inline-block;

      font-size: 0.24rem;

      line-height: 0.56rem;

      color: #747171; }

      .cheader .links a.now {

        color: #000;

        border-bottom: 0.04rem solid #cf0b19; }

    .cheader .links a + a {

      margin-left: 0.2rem; }



.viewban {

  width: 6.4rem;

  height: auto;

  margin: 0 auto;

  position: relative; }

  .viewban .img_ctrl {

    position: absolute;

    z-index: 100;

    right: 1.98rem;

    top: 2.95rem; }

    .viewban .img_ctrl > div {

      width: 6px;

      height: 6px;

      border-radius: 100%;

      float: left;

      background-color: #cf0b19; }

      .viewban .img_ctrl > div + div {

        margin-left: 0.04rem; }

      .viewban .img_ctrl > div.now {

        background-color: #191919; }

  .viewban .num_b {

    position: absolute;

    right: 0.1rem;

    bottom: 0.2rem;

    color: #fff;

    font-size: 0.28rem;

    background: rgba(0, 0, 0, 0.4);

    padding: 0.05rem 0.1rem;

    border-radius: 0.1rem; }



.viewbans {

  width: 6.4rem;

  height: auto;

  margin: 0 auto;

  overflow: hidden; }

  .viewbans li {

    width: 100%;

    height: auto;

    float: left;

    position: relative; }

    .viewbans li .img_b img {

      display: block;

      width: 100%; }



.vname_b {

  clear: both;

  width: 6rem;

  margin: 0 auto; }

  .vname_b:after {

    content: ".";

    display: block;

    height: 0;

    font-size: 0;

    clear: both;

    visibility: hidden; }

  .vname_b .title {

    font-size: 0.3rem;

    color: #000;

    padding-top: 0.2rem; }

  .vname_b .stitle {

    width: 4.7rem;

    font-size: 0.18rem;

    color: #f12222;

    padding-top: 0.1rem;

    float: left; }

  .vname_b .icon {

    width: 1.2rem;

    height: 0.46rem;

   /* background-image: url(../images/view_icon02.jpg);*/

    background-size: cover;

    float: right; }



/*详情页自定义参数*/

.para_b {

  clear: both;

  width: 6rem;

  margin: 0 auto;

  margin-top: 0.5rem; }

  .para_b td {

    padding-left: 0.5rem;

    height: 0.4rem;

    border-bottom: 0.02rem solid #e5e5e5;

    font-size: 0.24rem; }

    .para_b td + td {

      border-left: 0.02rem solid #e5e5e5; }

  .para_b .title {

    color: #e83437;

    width: 1.3rem; }



/*详情页内容显示*/

.cont {

  width: 6rem;

  margin: 0 auto;

  font-size: 0.24rem;

  color: #000;

  padding: 0.6rem 0; }

  .cont p {

    padding-bottom: 0.4rem; }

  .cont img {

    width: 100%;

    display: inline; }



.get_more {

  width: 6rem;

  height: 0.5rem;

  background-color: #f5f5f5;

  display: block;

  margin: 0 auto;

  text-align: center;

  line-height: 0.5rem;

  font-size: 0.26rem;

  color: #333; }



/*# sourceMappingURL=index.css.map */