@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;*/
	background-size: 6.4rem 2.8rem;
}

.index_nav .pos_b {
	position: relative;
	top: 1.4rem;
	width: 100%;
	margin: 0 auto;
}

.index_nav a {
	display: block;
	float: left;
	/*width: 1.6rem; */ width: 20%;
	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: 10rem;
	background-color: #00205b;
}

.hot_d ul {
	width: 5.7rem;
	margin: 0 auto;
	padding-bottom: .3rem;
	background-color: #0090ff;
}

.hot_d .col_b {
	width: 4.6rem;
	height: 3.33rem;
	margin: 0 auto;
	margin-bottom: .3rem;
	background-position: center;
	background-size: cover;
}

.hot_d .col_b .info {
	margin-left: 1.6rem;
	padding-top: .38rem;
}

.hot_d .col_b .title_b {
	font-size: .34rem;
	font-weight: bold;
	line-height: .34rem;
	color: #ffd200;
}

.hot_d .col_b .title {
	float: left;
	margin-left: .06rem;
}

.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: .2rem;
	line-height: .2rem;
	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;*/ height: 3.3rem;
	margin: 0 .06rem .22rem .06rem;
}

.hot_c .img_b {
	width: 100%;
	/*height: 2.7rem;*/ height: 3rem;
	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: 8rem;
	padding-top: .3rem;
	background-color: #0090ff;
}

.web_info .code_b {
	/*width: 5.14rem;
	height: 2.32rem;*/
	width: 5.8rem;
	height: 3rem;
	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;*/
	width: 130px;
	height: 130px;
}

.web_info .col {
	font-size: .2rem;
	line-height: .34rem;
	float: left;
	/*width: 3rem;*/ width: 6rem;
	height: .34rem;
	margin-top: .3rem;
	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%;*/   width: 90%;
	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;*/ height: .8rem;
	background-color: #fff;
}

/*.nav a {
	font-size: .24rem;
	line-height: .6rem;
	text-align: center;
	color: #6c6c6c;
	flex-grow: 1;
}*/
.nav a {
	font-size: .2rem;
	line-height: .4rem;
	text-align: center;
	color: #6c6c6c;
	flex-grow: 1;
}
.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;
}

.prolist .item .img {
	overflow: hidden;
	width: 2.95rem;
	height: 2.9rem;
	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;
}

.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 .title {
	font-size: .3rem;
	padding-top: .2rem;
	color: #000;
}

.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 {
	/*padding-bottom: .4rem;*/
}

.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;
}