@charset 'utf-8';

/*首页样式*/
body { max-width: 6.4rem; margin: 0 auto; padding-bottom: 1.04rem; }
.bg_b { position: relative; width: 100%; margin: 0 auto; text-align: center; }
.bg_b>img, .bg_b a img { display: block; max-width: 100%; margin: 0 auto; }

/*banner轮播图*/
.banners { position: absolute; z-index: 99; top: .35rem; left: .52rem; overflow: hidden; width: 3.53rem; height: 2.82rem; margin: 0 auto; }
.banners li { position: relative; float: left; width: 100%; height: auto; }
.banners li .img_b img { display: block; width: 100%; }
.banners li .title { font-size: .3rem; position: absolute; z-index: 20; width: 100%; margin-top: -.71rem; padding: .18rem 0; color: #fff; background: rgba(0, 0, 0, .5); }
.banners li .title a { padding-left: .4rem; color: #fff; }
.img_ctrl { position: absolute; z-index: 100; top: 2.95rem; right: 1.98rem; }
.img_ctrl>div { float: left; width: 6px; height: 6px; border-radius: 100%; background-color: #cf0b19; }
.img_ctrl>div+div { margin-left: .04rem; }
.img_ctrl>div.now { background-color: #191919; }

/*首页导航*/
.index_nav { width: 100%; height: 3.22rem; background-repeat: no-repeat; background-size: 6.4rem 3.22rem; }
.index_nav .pos_b { position: relative; top: 1.4rem; width: 100%; margin: 0 auto; }
.index_nav a { display: block; float: left; width: 1.6rem; height: 1.5rem; }

/*热门产品*/
.hot_d { position: relative; width: 100%; }
.hot_d .head_b { width: 6.4rem; height: 2.3rem; background-size: cover; }
.hot_d .bg {position: absolute;z-index: -1;top: 1.7rem;width: 6.4rem;height: 8rem;background-color: #00205b;overflow:  hidden;/* overflow: hidden; *//* clear: both; */}
.hot_d ul { width: 5.7rem; margin: 0 auto; padding-bottom: .3rem; background-color: #0090ff; display: flex; flex-wrap: wrap; justify-content: space-around; }
.hot_d .col_b { width: 2.6rem; height: 2rem;	/* margin: 0 auto; */ margin-bottom: .3rem; background-position: center; background-size: cover; position: relative; }
.hot_d .col_b .info {	/* margin-left: 1.6rem; */
padding-bottom: .1rem; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.64); width: 100%; padding-top: .1rem; }
.hot_d .col_b .title_b { font-size: .2rem; font-weight: bold;	/* line-height: .34rem; */ color: #ffd200; }
.hot_d .col_b .title {text-align: center; }
.hot_d .col_b .title a{ color:#fff;}
.hot_d .col_b .point { float: left; width: .24rem; height: .24rem; margin-top: .04rem; border: .02rem solid #f1d821; border-radius: 100%; background-color: #0090ff; }
.hot_d .col_b .point div { width: .16rem; height: .16rem; margin: .04rem; border-radius: 100%; background-color: #ffd200; }
.hot_d .col_b .stitle { font-size: .2rem; line-height: .2rem; clear: both; padding-top: .15rem; padding-left: .52rem; color: #fff; }
.hot_d .col_b .call { font-family: Impact; font-size: .26rem; line-height: .35rem; display: block; float: left; height: .35rem; margin: .15rem 0 .6rem .37rem; padding: 0 .1rem; color: #00205b; border-radius: .15rem; background-color: #ffd200; }
.hot_d .col_b .more { font-size: .1rem; line-height: .1rem; display: block; clear: both; margin-left: .58rem; color: #fff; }

/*厂家推荐*/
.hot_c { position: relative; clear: both; width: 100%; margin-top: .35rem; }
.hot_c .head_b { width: 6.4rem; height: 1.92rem; background-size: cover; }
.hot_c ul { padding-bottom: .15rem; background-color: #00205b; }
.hot_c ul:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
.hot_c .col_b { float: left; width: 3.08rem; height: 3.1rem; margin: 0 .06rem .22rem .06rem; }
.hot_c .img_b { width: 100%; height: 2.7rem; background-position: center; background-size: cover; }
.hot_c .info { overflow: hidden; height: .4rem; background-color: #fff; }
.hot_c .title { font-size: .25rem; line-height: .4rem; float: left; width: 2rem; padding-left: .1rem; color: #00205b; }
.hot_c .price { font-size: .24rem; line-height: .4rem; float: right; padding-right: .1rem; color: #da0c00; }

/*关于我们*/
.spec_b { clear: both; border-top: .4rem solid #00205b; }
.spec_b .head_b { padding-top: .34rem; }
.spec_b .head_b img { display: block; margin: 0 auto; }
.spec_b .item { font-size: .24rem; line-height: .36rem; width: 6rem; margin: 0 auto; padding: .2rem 0; text-indent: 2em; color: #00205b; }

/*底部信息*/
.web_info {width: 100%;/* height: 4.8rem; */padding: .3rem 0;background-color: #0090ff;overflow:  hidden;padding-bottom:  .1rem;}
.web_info .code_b { width: 5.14rem; height: 2.32rem; margin-left: .14rem; background-image: url(../images/web_img01.png); background-size: cover; }
.web_info .code_b img { position: relative; top: .68rem; left: 3.7rem; display: block; width: .96rem; height: .96rem; }
.web_info .col {font-size: .2rem;line-height: .34rem;float: left;width: 3rem;height: .34rem;margin-bottom: .2rem;margin-left: .2rem;color: #fff;}
.web_info .icon { float: left; overflow: hidden; width: .26rem; height: .35rem; background-image: url(../images/web_icons.png); background-repeat: no-repeat; background-size: 1.62rem .34rem; }
.web_info .msg { width: 85%; float: left; margin-left: .1rem; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

/*尾部*/
.footer { position: fixed; z-index: 999; bottom: 0; display: -webkit-flex; display: flex; width: 100%; max-width: 6.4rem; height: 1.04rem; background-color: #00205b; }
.footer a { font-size: .2rem; text-align: center; color: #fff; background-repeat: no-repeat; background-position: center .16rem; flex-grow: 1; }
.footer a+a { border-left: .02rem solid #0e3c90; }
.footer a span { display: block; padding-top: .6rem; }

/*列表页*/
.header { position: fixed; z-index: 100; top: 0; width: 6.4rem; max-width: 6.4rem; height: .6rem; background: rgba(0, 0, 0, .4); }
.header .return { float: left; width: .6rem; height: .6rem; background-image: url(../images/list_icon01.png); background-repeat: no-repeat; background-position: center; background-size: .18rem .32rem; }
.header .title { font-size: .3rem; line-height: .6rem; float: left; width: 5.2rem; text-align: center; color: #fff; }
.header .menu { float: right; width: .6rem; height: .6rem; cursor: pointer; background-image: url(../images/list_icon02.png); background-repeat: no-repeat; background-position: center; background-size: .34rem .34rem; }
.nav {display: -webkit-flex;display: flex;width: 100%;max-width: 6.4rem;/* height: .6rem; */background-color: #fff;flex-wrap:  wrap;}
.nav a {font-size: .24rem;line-height: .6rem;text-align: center;color: #6c6c6c;flex-grow: 1;border-bottom: .02rem solid #e6e6e6;}
.nav a.now { color: #1f1f1f; }
.nav a+a { border-left: .02rem solid #e6e6e6; }
.list_title { height: 1.54rem; padding: 0 .2rem; text-align: left; }
.list_title .title { font-size: .26rem; line-height: .26rem; padding-top: .25rem; color: #222; }
.list_title .msg { font-size: .24rem; padding-top: .15rem; color: #8e8e8e; }

/*三个热门商品*/
.pros_col { width: 6rem; height: 2.06rem; margin: 0 auto; }
.pros_col .col { float: left; width: 1.9rem;	/*height: 2.47rem;*/ background-color: #fff; }
.pros_col .col+.col { margin-left: .15rem; }
.pros_col .col .img { overflow: hidden; width: 1.9rem;	/*height: 2rem;*/ }
.pros_col .col .img img { display: block; width: 100%; }
.pros_col .col .title { font-size: .24rem; line-height: .45rem; height: .45rem; text-align: center; color: #5d5d5d; }

/*商品列表*/
.prolist { clear: both; width: 6.2rem; margin: 0 auto; }
.prolist:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
.prolist .item {float: left;width: 2.95rem;/* height: 3.35rem; */margin-top: .1rem;margin-left: .1rem;background-color: #fff;padding-bottom:  .1rem;}
.prolist .item .img {overflow: hidden;width: 2.95rem; height: 2.2rem; background-repeat: no-repeat;background-position: center;background-size: cover;}
.prolist .item .name { font-size: .24rem; line-height: .46rem; height: .46rem; padding-left: .1rem; color: #222; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.prolist .item .stitle { font-size: .18rem; line-height: .24rem; float: left; overflow: hidden; width: 1.9rem; height: .48rem; padding-left: .1rem; color: #aeaeae; }
.prolist .item .icon { float: right; width: .55rem; height: .55rem; margin-right: .12rem; background-image: url(../images/list_icon03.jpg); background-size: cover; }

/*商品详细*/
.cheader { width: 6rem; height: .6rem; margin: 0 auto; }
.cheader .return { float: left; width: .6rem; height: .6rem; background-image: url(../images/view_icon01.png); background-repeat: no-repeat; background-position: center; background-size: .18rem .32rem; }
.cheader .links { float: left; width: 4.8rem; text-align: center; }
.cheader .links a { font-size: .24rem; line-height: .56rem; display: inline-block; color: #747171; }
.cheader .links a+a { margin-left: .2rem; }
.cheader .links a.now { color: #000; border-bottom: .04rem solid #cf0b19; }
.viewban { position: relative; width: 6.4rem;	/*height: 6.34rem;*/ margin: 0 auto; }
.viewbans { overflow: hidden; width: 6.4rem;	/*height: 6.34rem;*/ margin: 0 auto; }
.viewbans li { position: relative; float: left; width: 100%; height: auto; }
.viewbans li .img_b img { display: block; width: 100%; }
.viewban .img_ctrl { position: absolute; z-index: 100; top: 2.95rem; right: 1.98rem; }
.viewban .img_ctrl>div { float: left; width: 6px; height: 6px; border-radius: 100%; background-color: #cf0b19; }
.viewban .img_ctrl>div+div { margin-left: .04rem; }
.viewban .img_ctrl>div.now { background-color: #191919; }
.viewban .num_b { font-size: .28rem; position: absolute; right: .5rem; bottom: .2rem; color: #fff; }
.vname_b { clear: both; width: 6rem; margin: 0 auto; }
.vname_b:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: '.'; }

.vname_b .stitle { font-size: .18rem; float: left; width: 4.7rem; padding-top: .1rem; color: #f12222; }
.vname_b .icon { float: right; width: 1.2rem; height: .46rem; background-image: url(../images/view_icon02.jpg); background-size: cover; }
.para_b { clear: both; width: 6rem; margin: 0 auto; margin-top: .5rem; }
.para_b td { font-size: .24rem; height: .4rem; padding-left: .5rem; border-bottom: .02rem solid #e5e5e5; }
.para_b .title { width: 1.3rem; color: #e83437; }
.para_b td+td { border-left: .02rem solid #e5e5e5; }
.cont { font-size: .24rem; width: 6rem; margin: 0 auto; padding-top: .6rem; text-indent: 2em; color: #000; }
.cont p img { display: block; width: 100%; }
.get_more { font-size: .26rem; line-height: .5rem; display: block; width: 6rem; height: .5rem; margin: 0 auto; text-align: center; color: #333; background-color: #f5f5f5; }