@charset "utf-8";

/*首页样式*/
body { max-width: 6.4rem; margin: 0 auto; padding-bottom: 0.72rem; background: #f7f7f7; overflow-x: hidden; }
.bg_b { width: 100%; margin: 0 auto; position: relative; text-align: center; }
.bg_b  img, .bg_b1 img, .bg_b2 img { display: block; margin: 0 auto; width: 100%; }
.bg_b>a, .bg_b1>a, .bg_b2>a { display: block; margin: 0 auto; width: 100%; }
.bg_b a.a1 { width: 1.34rem; height: 0.34rem; position: absolute; right: 0.25rem; top: 0.5rem; background-image: url(../images/index_img07.jpg); background-size: 100% 100%; background-repeat: no-repeat; }
.bg_b1 { margin: 0 0.25rem 0.1rem; }
.bg_b2 { display: block; width: 100%; margin: 0 0 4% }

/*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; }
.img_ctrl { position: absolute; z-index: 100; right: 1.98rem; top: 2.95rem; }
.img_ctrl>div { width: 6px; height: 6px; border-radius: 100%; float: left; background-color: #cf0b19; }
.img_ctrl>div+div { margin-left: 0.04rem; }
.img_ctrl>div.now { background-color: #191919; }
#hidd1 { display: block; }
#hidd2 { display: none; }

/*首页导航*/
.index_nav { width: 100%; background-size: 100%; background-position: center top; background-repeat: no-repeat; position: relative; }
.index_nav .pos_b { display: block; width: 100%; margin: 0 auto; position: relative; }
.index_nav a { width: 25%; float: left; display: block; background-repeat: no-repeat; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 1rem; }
.index_nav a { color: #f7efdd; font-size: 0.35rem; font-weight: bold; }

/*.index_nav a:nth-child(1) {background-image:url(../images/img1.png); background-size:20%; border-right:0.02rem solid #c74133}

.index_nav a:nth-child(2) {background-image:url(../images/img2.png); background-size:20%}

.index_nav a:nth-child(3) {background-image:url(../images/img3.png); background-size:20%;border-right:0.02rem solid #c74133}

.index_nav a:nth-child(4) {background-image:url(../images/img4.png); background-size:20%}*/
.nav_line { display: none; width: 90%; border-bottom: 0.02rem solid #c74133; position: absolute; left: 5%; top: 50%; }

/*热门产品*/

/*

.hot_b{height:3.78rem; background-color:#f0f0f0;}

.hot_b .limg{float:left; width:3.29rem; height:2.54rem; margin-top:0.7rem; margin-left:0.04rem;}

.hot_b .limg img{display:block; width:100%;}

.hot_b .rinfo{float:left; text-align:left; padding-top:0.8rem; margin-left:0.2rem; width:2.8rem;}

.hot_b .stitle{font-size:0.2rem; color:#000;}

.hot_b .mtitle{font-size:0.26rem; color:#181818; padding-top:0.2rem;}

.hot_b .line{width:2.65rem; border-bottom:1px dashed #d5d5d5; margin-top:0.45rem;}

.hot_b .price{background-image:url(../images/index_img04.png); background-size:1.37rem 0.58rem; background-repeat:no-repeat; min-width:1.37rem; height:0.58rem; font-size:0.36rem; line-height:0.36rem; color:#e60003; margin-top:0.3rem; display:block;}

.hot_b .price div{padding-left:0.44rem;}



*/

.hot_b { clear: both; width: 6.4rem; background: #e6ebf2; padding: 0.08rem 0.1rem 0.12rem; box-sizing: border-box; }
.hot_b .d_fra { margin: 0 auto; padding-left: 0.1rem; }
.hot_b .d_fra:after, .index_about:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.hot_b .col_b { width: 2.96rem; height: 2.9rem; float: left; margin-right: 0.05rem; overflow: hidden; position: relative; margin-top: 0.06rem; }
.hot_b .col_b .img_b { width: auto; height: 2.47rem; overflow: hidden; -webkit-background-size: cover; background-size: cover; }
.hot_b .col_b .img_b img { display: block; width: 100%; }
.hot_b .info { height: 0.42rem; background-color: #cd2200; line-height: 0.42rem; color: #fff; text-align: center; font-size: 0.22rem }
.hot_b .info .intro { font-size: 0.2rem; line-height: 0.3rem; color: #666; }
.hot_b .info .price { float: right; padding-right: 0.1rem; }
.hot_b .info .col { width: 2rem; margin: 0 auto; height: 0.38rem; line-height: 0.38rem; background-color: #58876e; text-align: center; font-size: 0.24rem; color: #fff; margin-top: 0.16rem; }
.hot_b .look_more { background-image: url(../images/index_icon06.png); width: 1.97rem; height: 0.51rem; -webkit-background-size: cover; background-size: cover; display: block; margin: 0 auto; clear: both; margin-top: 0.2rem; }
.hot_b .more_b { background-color: #f4f4f4; }
.hot_b .more_b .look_more { background-image: url(../images/index_icon04.png); width: 1.32rem; height: 0.4rem; -webkit-background-size: cover; background-size: cover; display: block; margin: 0 auto; }
.ipro { background-size: 100%; background-repeat: no-repeat; }
.ipro2 { background: #b41e00; }
.ipro2 .title { background-color: #242c36; }
.hot_c { clear: both; }
.hot_c .col_b { overflow: hidden; float: left; width: 2.75rem; height: 2.70rem; position: relative; margin: 0 0 0.3rem 0.3rem; }
.hot_c .img_b { width: 2.75rem; height: 2.70rem; overflow: hidden; margin: 0 auto; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.hot_c .img_b img { display: block; width: 100%; }
.hot_c .info { display: block; width: 2.73rem; height: 0.5rem; text-align: center; }
.hot_c .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff; font-size: 0.24rem; line-height: 0.5rem; height: 0.5rem; }
.hot_c .price { min-width: 0.72rem; height: 0.43rem; background-size: 0.72rem 0.43rem; float: left; background-repeat: no-repeat; background-image: url(../images/index_img05.png); }
.hot_c .price div { font-size: 0.3rem; line-height: 0.3rem; color: #e60003; padding-left: 0.1rem; }
.hot_d { width: 100%; margin: 0 auto; height: auto; }
.hot_d>.title { text-align: center; font-size: 0.3rem; line-height: 0.3rem; color: #fff; padding: 0.25rem 0; }
.hot_d>.title span { font-weight: bold; padding-left: 0.1rem; }
.hot_d .col_b { overflow: hidden; float: left; width: 100%; position: relative; margin: 0 0 0.2rem 0; }
.hot_d .line { width: 0.02rem; height: 2.92rem; float: left; background-color: #e0e0e0; margin-top: 0.5rem; }
.hot_d .img_b { width: 5.84rem; height: 3.22rem; margin: 0 auto; overflow: hidden; }
.hot_d .img_b img { display: block; width: 100%; }
.hot_d .info { position: absolute; left: 0.04rem; bottom: 0.15rem; width: 1.8rem; background: #ae8045; height: 0.36rem; }
.hot_d li .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #222; font-size: 0.24rem; line-height: 0.36rem; height: 0.36rem; text-align: center; }
.hot_d .price { min-width: 0.72rem; height: 0.43rem; background-size: 0.72rem 0.43rem; float: left; background-repeat: no-repeat; background-image: url(../images/index_img05.png); }
.hot_d .price div { font-size: 0.3rem; line-height: 0.3rem; color: #e60003; padding-left: 0.1rem; }
.hot_e { width: 100%; height: 4.9rem; background: #000; }
.hot_e>.title { text-align: center; font-size: 0.3rem; line-height: 0.3rem; color: #fff; padding: 0.25rem 0; }
.hot_e>.title span { font-weight: bold; padding-left: 0.1rem; }
.hot_e ul { width: 6.4rem; margin: 0 auto; }
.hot_e .col_b { overflow: hidden; float: left; width: 2.11rem; position: relative; margin: 0 0.035rem 0.035rem 0 }
.hot_e .col_b:nth-child(3n) { margin-right: 0; }
.hot_e .img_b { width: 2.11rem; height: 1.58rem; margin: 0 auto; }
.hot_e .img_b img { display: block; width: 100% }

/*优势所在*/
.spec_b { width: 100%; height: 6rem; background-image: url(../images/index_img07.jpg); background-size: 6.4rem 6rem; }
.spec_b .item { width: 2.8rem; float: right; margin-right: 0.2rem; text-align: left; clear: both; padding-right: 0.1rem; }
.spec_b .name { font-size: 0.2rem; line-height: 0.2rem; color: #cf0b19; }
.spec_b .msg { font-size: 0.2rem; color: #fff; line-height: 0.24rem; padding-top: 0.18rem; }

/*底部信息*/
.web_info { width: 100%; height: auto; background-color: #383332; padding: 0.1rem 0 0.1rem; font-size: 0.24rem; }
.web_info .call { width: 94%; height: 0.5rem; margin: 0 auto; backgr/ound-image: url(../images/index_img08.jpg); backgr/ound-size: 6rem 0.5rem; display: block; text-align: left; line-height: 0.5rem; color: #fff; }
.web_info .call img { width: 0.36rem; display: inline-block; vertical-align: middle; margin-right: 0.2rem }
.web_info .call b { display: inline-block; background: #211e1d; text-align: center; width: 90%; border-radius: 0.1rem }
.d_email { width: 94%; margin: 0.1rem auto; height: 0.5rem; color: #fff; }
.d_email  img { float: left; width: 0.36rem; margin-top: 0.1rem; vertical-align: middle; margin-right: 0.2rem }
.d_email  span { float: left; background: #211e1d; text-align: center; width: 90%; border-radius: 0.1rem; color: #fff; line-height: 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.foo_er { width: 100%; padding-bottom: 20px; background: #383332 }
.foo_er img { display: block; width: 100%; }
.foo_fra { background: #383332; padding: 5% 0 0; }
.f_head { width: 100%; text-align: center; }
.f_head img { display: inline-block; width: 100% }

/*尾部*/
.footer { width: 100%; height: 0.72rem;/* padding:0.1rem 0;*/ position: fixed; bottom: 0; background-color: #242c36; max-width: 6.4rem; z-index: 999; display: -webkit-flex; display: flex; }
.footer a { flex-grow: 1; text-align: center; font-size: 0.28rem; color: #fff; background-repeat: no-repeat; background-position: 0.2rem center; background-size: 0.4rem 0.4rem; /*background-color:#f7eedd*/ }
.footer a { border-right: 0.06rem solid #cd2200; }
.footer a span { display: inline-block; padding-top: 0.16rem; padding-left: 0.3rem }
.footer a:last-child { border-right: 0; }

/*列表页*/
.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; background-image: url(../images/list_icon02.png); background-repeat: no-repeat; background-position: center; cursor: pointer; 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 { h/eight: 1.54rem; 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+.col { margin-left: 0.15rem; }
.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; }

/*商品列表*/
.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+a { margin-left: 0.2rem; }
.cheader .links a.now { color: #000; border-bottom: 0.04rem solid #cf0b19; }
.viewban { width: 6.4rem; height: auto; margin: 0 auto; position: relative; }
.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%; }
.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 }
.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 .title { color: #e83437; width: 1.3rem; }
.para_b td+td { border-left: 0.02rem solid #e5e5e5; }
.cont { width: 6rem; margin: 0 auto; font-size: 0.24rem; color: #000; text-in/dent: 2em; padding: 0.6rem 0; }
.cont p { padding-bottom: 0.4rem; }
.cont p img { width: 100%; display: inline-block; }
.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; }

/*d*/
.d_fra { width: 100%; }
.d_tou { position: relative; width: 100%; }
.d_tou img { display: block; width: 100% }
.d_tou a.a1 { width: 1.34rem; height: 0.34rem; position: absolute; right: 0.25rem; top: 0.5rem; background-image: url(../images/index_img07.jpg); background-size: 100% 100%; background-repeat: no-repeat; }
.ifra { width: 100%; background-image: url(../images/bg.jpg); background-size: 100%; background-repeat: repeat-y; }
.d_head { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; text-align: center; }
.d_head img { width: 100%; display: inline-block; }
.d_head1 { width: 100%; height: 1.06rem; background-size: cover; background-repeat: no-repeat; background-position: center top; }

/*.index_about{ width:100%; padding:2% 0; }

.index_about .head_b img{ display:block; width:100%}

.index_about .head_b{ text-align:center; font-weight:bold; font-size:0.45rem; color:#000000}

.index_about .acontent{ width:6rem; margin:2% auto; color:#000000; font-size:0.24rem; line-height:1.5; border:0.02rem dashed #a3d644; border-radius:0.2rem; padding:0.1rem; box-sizing:border-box;}

*/

/*关于我们*/

.index_about { clear: both; padding-bottom: 0.27rem; background-size: 100%; background-position: top center; background-repeat: no-repeat; padding-top: 1.2rem; background-color: #cd2200; color: #fff; padding-left: 0.2rem; padding-right: 0.2rem; padding-bottom: 0.3rem; }
.index_about .head_b { font-size: 0.62rem; text-align: center; color: #211b17; font-weight: bold; padding-top: 0.93rem; padding-bottom: 0.3rem; }
.index_about .head_b img { display: block; }
.index_about .item { font-size: 0.22rem; line-height: 0.36rem; color: #e3edff; text-indent: 2em; width: 5.8rem; margin: 0 auto; }
.index_about .msg { font-size: 0.2rem; color: #fff; line-height: 0.24rem; padding-top: 0.18rem; text-align: center; }
.foottip { text-align: center; background-color: #cd2200; color: #fff; padding: 0.3rem 0; line-height: 1.8 }
.aboutpc { display: none; }
@media only screen and (min-width:999px) {
  body { padding-bottom: 70px; width: 1000px }
  .footer { width: 1000px }
  .aboutwap { display: none; }
  .aboutpc { display: block; }
  .index_about { padding-top: 150px; font-size: 24px; }

  /*index*/
  #hidd1 { display: none; }
  #hidd2 { display: block; }
  .index_nav a { height: 122px; margin-bottom: 10px; }
  .hot_b .col_b { width: 316px; height: 305px; }
  .hot_b .col_b .img_b { width: 316px; height: 270px; }
  .hot_b .info { line-height: 37px; height: 37px; font-size: 23px }
  .hot_b .d_fra { padding-left: 0; }
  .web_info { float: left; width: 55%; font-size: 18px; }
  .foo_er { float: left; width: 45%; margin-top: 30px; }
  .d_email  img { width: 6%; margin-right: 4% }
  .web_info .call { height: 50px; line-height: 50px; }
  .web_info .call img { width: 6%; margin-right: 4% }
  .d_email { height: 50px; }
  .d_email  span { line-height: 50px; }
  .f_head img { display: inline-block; width: 50%; margin-bottom: 10px; }

  /*footer*/
  .footer { height: 72px; /*padding:10px 0*/ }
  .footer a { font-size: 28px; background-size: 40px; background-position: 80px center; }
  .footer a span { padding-top: 13px; padding-left: 10px }
  .footer a[title="电话"] { display: none; }
  .footer a[title="短信"] { display: none; }

  /*.footer a:nth-child(4){display:none;}*/

  /*商品列表*/

  .nav a { font-size: 24px }
  .list_title .title { font-size: 26px; }
  .list_title .msg { font-size: 24px; }
  .pros_col .col .title { font-size: 24px; }
  .prolist .item { width: 1.9rem; height: 2.5rem; }
  .prolist .item .img { width: 1.9rem; height: 1.7rem; }
  .prolist .item .name { font-size: 24px; line-height: 50px; height: 50px; }
  .prolist .item .stitle { font-size: 18px; width: 1.3rem; line-height: 30px; height: 60px; }
  .prolist .item .icon { width: 0.3rem; height: 0.3rem; }

  /*商品详细*/
  .para_b .title { width: 1.8rem }
  .viewban { float: left; width: 2.5rem; height: 2.3rem; margin-top: 30px; }
  .viewbans { width: 2.5rem; height: 2.3rem; }
  .vname_b { float: left; width: 3.5rem; clear: none; padding-left: 0.1rem }
  .vname_b .title { font-size: 30px }
  .vname_b .stitle { font-size: 18px; max-height: 1.8rem; overflow: hidden; }
  .vname_b .icon { width: 120px; height: 46px }
  .para_b td { font-size: 24px }
  .cont { font-size: 24px; }
  .page_fy li .syt { width: 149px !important; font-size: 24px }
  .page_fy li .syb { font-size: 24px; }
  .viewban .num_b { font-size: 28px; }
  .para_b { padding-top: 50px }
.newsPage{width:100%; padding:0 3% 0.3rem;}
.newsPage .title{ font-size:0.3rem; line-height:0.3rem; font-weight: bold; text-align: center; }
.newsPage .title span{font-weight:bold; padding-left:0.1rem;}
.newslist {width:90%; line-height:0.7rem; 
border-bottom:1px dashed #8a7e7e;font-size:16px;}
.newslist a .info{font-size:16px;}
.newslist a .newstitle{color:#333;}