@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;

	max-width: 100%;

}

.bg_b.tel img {

	position: absolute;

	z-index: 2;

	top: -1.4rem;

	left: 1.14rem;

	width: 4.12rem;

	height: 1.18rem;

	display: block;

}

.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: 2.14rem;

	width: 6.4rem;

	-webkit-background-size: cover;

	background-size: cover;

}

.index_nav .pos_b {

	padding-left: 0.15rem;

	height: 100%;

}

.index_nav a {

	margin-left: 0.1rem;

	width: 1.4rem;

	height: 0.6rem;

	display: block;

	float: left;

}

.index_nav a div {

	font-size: 0.28rem;

	padding-top: 1.5rem;

	color: #1a1616;

	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;

}

.vedio_b .head_b img {

	display: block;

}

.vedio_b .item_bg {

	width: 6.4rem;

	height: 4rem;

	margin: 0 auto;

	-webkit-background-size: cover;

	background-size: cover;

	position: relative;

}

.vedio_b .item_bg .item {

	width: 6.4rem !important;

	height: 4rem !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/index_vbg.jpg);

	-webkit-background-size: cover;

	background-size: cover;

}

.vedio_b .play_btn {

	width: 1.02rem;

	height: 1.06rem;

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

	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: #f4c61b;

	margin: 0 auto;

	padding-bottom: 0.4rem;

	-webkit-background-size: 100%;

	background-size: 100%;

	background-repeat: repeat-y;

}

.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: 3.24rem;

	margin-left: 0.26rem;

	margin-bottom: 0.26rem;

	float: left;

	overflow: hidden;

	position: relative;

}

.hot_c .col_b .img_b {

	width: auto;

	height: 2.72rem;

	overflow: hidden;

	-webkit-background-size: cover;

	background-size: cover;

}

.hot_c .col_b .img_b img {

	display: block;

}

.hot_c .info {

	border-top: 0.02rem solid #d0cebb;

	background-color: #fffaed;

}

.hot_c .info:after {

	content: ".";

	display: block;

	height: 0;

	font-size: 0;

	clear: both;

	visibility: hidden;

}

.hot_c .info .title {

	width: 2.4rem;

	float: left;

	line-height: 0.48rem;

	font-size: 0.3rem;

	color: #2e1c0c;

	overflow: hidden;

	text-align: center;

}

.hot_c .info .intro {

	float: right;

	width: 1.5rem;

	font-size: 0.24rem;

	color: #fe5b6d;

	line-height: 1.2;

	padding-top: 0.06rem;

}

.hot_c .info .look_btn {

	width: 0.32rem;

	height: 0.52rem;

	float: right;

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

	-webkit-background-size: cover;

	background-size: cover;

}

.hot_c .look_more {

	width: 5.72rem;

	height: 0.94rem;

	display: block;

	margin: 0 auto;

	clear: both;

	margin-top: 0.2rem;

	background-color: #fff;

	color: #290a0a;

	text-align: center;

	line-height: 0.94rem;

	border: 0.04rem solid #fff;

	border-radius: 0.6rem;

	font-size: 0.48rem;

	font-weight: bold;

}

.hot_c .look_moreb {

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

	width: 5.81rem;

	height: 0.92rem;

	-webkit-background-size: cover;

	background-size: cover;

	display: block;

	margin: 0 auto;

	clear: both;

	margin-top: 0.2rem;

}

/*关于我们*/

.index_about {

	clear: both;

	background-color: #fb4f16;

	position: relative;

	padding-top: 0.66rem;

	padding-bottom: 0.3rem;

}

.index_about .line_b {

	font-size: 0.54rem;

	text-align: center;

	color: #fff;

	font-weight: bold;

}

.index_about .line_b img {

	display: block;

}

.index_about .head_b {

	font-size: 0.6rem;

	font-weight: bold;

	color: #fff;

	text-align: center;

	position: absolute;

	z-index: 2;

	top: 0.32rem;

	left: 50%;

	margin-left: -1.4rem;

	background-color: #fb4f16;

	padding: 0 0.2rem;

}

.index_about .head_b img {

	display: block;

}

.index_about .item {

	font-size: 0.24rem;

	line-height: 0.36rem;

	color: #fff;

	padding: 0.5rem 0.14rem 0.3rem 0.14rem;

	width: 5.48rem;

	margin: 0 auto;

	border: 0.02rem dashed #fff;

	border-radius: 0.18rem;

}

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

.web_info {

	clear: both;

	background-color: #fb4f16;

	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.4rem;

}

.web_info .item .icon_tel img {

	width: 0.4rem;

	height: 0.4rem;

	display: block;

	margin-top: 0.02rem;

}

.web_info .item .icon_email {

	float: left;

	width: 0.4rem;

	height: 0.4rem;

}

.web_info .item .icon_email img {

	width: 0.38rem;

	height: 0.4rem;

	display: block;

	margin-top: 0.00rem;

}

.web_info .item .icon_addr {

	float: left;

	width: 0.4rem;

	height: 0.4rem;

}

.web_info .item .icon_addr img {

	width: 0.34rem;

	height: 0.36rem;

	display: block;

	margin-top: 0.02rem;

}

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

}

/*尾部*/

.footer {

	width: 100%;

	height: 1.04rem;

	position: fixed;

	bottom: 0;

	background-color: #f4c61b;

	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: #000;

	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.02rem solid #d1a00b;

}

/*列表页*/

.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: 6.34rem;

	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: 6.34rem;

	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;

}

/*pages*/ .pagination-wrapper {

	margin: 20px 0;

}

.pagination {

	height: 34px;

	text-align: center;

}

.pagination li {

	display: inline-block;

	height: 34px;

	margin-right: 5px;

}

.pagination li a {

	float: left;

	display: block;

	height: 32px;

	line-height: 32px;

	padding: 0 12px;

	font-size: 16px;

	border: 1px solid #dddddd;

	color: #555555;

	text-decoration: none;

}

.pagination li a:hover {

	background: #f5f5f5;

	color: #0099ff;

}

.pagination li.thisclass {

	background: #09f;

	color: #fff;

}

.pagination li.thisclass a, .pagination li.thisclass a:hover {

	background: transparent;

	border-color: #09f;

	color: #fff;

	cursor: default;

}

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