@charset "utf-8";

/*首页样式*/
body { max-width: 6.4rem; margin: 0 auto; padding-bottom: 0.8rem; background: #f7f7f7 }
.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-color: #2d5378;background-size: cover;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: 50%;float: left;display: block;background-repeat: no-repeat;background-position: 5% center;padding-left: 15%;box-sizing: border-box;line-height: 2;padding: 4% 0;/* margin: 0 2%; */overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_nav a { color: #f7efdd; font-size: 0.35rem; font-weight: bold; }
.index_nav a {background-image: url(../images/img2.png);background-size: 20%;border-right: 0.02rem solid #3a6792;border-bottom: 0.02rem solid #3a6792;text-indent: 1rem;}

.nav_line {display: block;width: 90%;border-bottom: 0.02rem solid #3a6792;position: absolute;left: 5%;top: 32%;}
.nav_linea {display: block;width: 90%;border-bottom: 0.02rem solid #3a6792;position: absolute;left: 5%;bottom: 32%;}
/*热门产品*/
.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_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: 10px; 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.6rem;padding: 0.1rem 0;position: fixed;bottom: 0;background-color: #ed6916;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; margin: 0 1%; border-radius: 0.15rem; background-repeat: no-repeat; background-position: 0.2rem center; background-size: 0.34rem 0.34rem; background-color: #f7eedd }
.footer a+a { border-/left: 0.02rem solid #695240; }
.footer a span { display: inline-block; padding-top: 0.16rem; padding-left: 0.3rem }

/*列表页*/
.header {/* width: 6.4rem; */max-width: 6.4rem;/* height: 0.6rem; *//* position: fixed; */padding: 0.2rem; top: 0; background: rgb(255, 255, 255); z-index: 100; overflow: hidden; border-bottom: 1px solid #eaeaea;}
.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; position: relative; top: .4rem; }
.header .logo { width: 45%; display: block; float: left; }
.header .menu span { color: #000; position: absolute; top: 50%; left: 50%; display: inline-block; margin: -14px 0 0 -13px; width: 26px; height: 12px; border-top: solid 3px #231f20; border-bottom: solid 3px #231f20; }
.header .menu span:before { position: absolute; content: ''; top: .07rem; width: 100%; height: 3px; background: #231f20; }
.newslist { width: 90%; margin: 0 auto; clear: both;/* padding-bottom:  2rem; */ }
.newslist li { list-style: none; line-height: 35px; height: 35px; }
.newslist li a { color: #333; font-size: 0.25rem; width: 70%; display: block; overflow: hidden; height: 35px; float: left; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.newslist li a:hover { color: #e83437; }
.nav {width: 100%;max-width: 6.4rem;display: -webkit-flex;display: flex;background-color: #fff;flex-wrap:  wrap;}
.nav ul { margin: 0; width: 100%; }
.nav li { width: 50%; background-color: #DDDDDD; float: left; text-align: center; border-bottom: 1px solid #767676; }
.nav li:hover { width: 50%; background-color: #e90304; }
.nav a {flex-grow: 1;text-align: center;font-size: 14px;line-height: 0.6rem;color: #000;/* width: 50%; */padding: 0 0.2rem;border-bottom: 0.02rem solid #e6e6e6;}
.nav a:hover {  background-color: #e56814; color: #fff; }
.nav a.now { color: #1f1f1f; }
.nav a+a { border-left: 0.02rem solid #e6e6e6; }
.list_title { height: 1.54rem; text-align: left; padding: 0 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: 6.34rem; margin: 0 auto; position: relative; }
.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%; }
.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.1rem; }
.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% }
 .head_b { text-align: center; font-weight: bold; font-size: 0.45rem; color: #000000 ;   padding: .2rem 0;}
.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; }
@media only screen and (min-width:1025px) {
	body { padding-bottom: 70px }

	/*index*/
	#hidd1 { display: none; }
	#hidd2 { display: block; }
	.index_nav a { width: 21%; float: left; display: block; font-size: 30px; padding-left: 6%; margin: 2%; background-position: left center; }
	.nav_line { display: none; }
	.index_nav a:nth-child(1) { border-right: 2px solid #c74133 }
	.index_nav a:nth-child(2) { border-right: 2px solid #c74133 }
	.index_nav a:nth-child(3) { border-right: 2px solid #c74133 }
	.hot_c .col_b { overflow: hidden; float: left; width: 245px; height: auto; position: relative; margin: 0 5px 20px; box-sizing: border-box; }
	.hot_c .img_b { width: 245px; height: 240px; overflow: hidden; margin: 0 auto; background-repeat: no-repeat; background-position: center top; background-size: cover; }
	.hot_c .img_b img { display: block; width: 245px; height: 240px; }
	.bg_b1 { float: left; width: 325px; margin: 0 8px; }
	.bg_b1 img { width: 325px; }
	.hot_c { padding: 10px 0 }
	.index_about .head_b { font-size: 45px; }
	.index_about .acontent { font-size: 24px; border: 2px dashed #a3d644 }
	.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; }
	.d_fra { padding-top: 3% }

	/*footer*/
	.footer { height: 50px; padding: 10px 0 }
	.footer a { font-size: 20px; background-size: 30px; border-radius: 15px; margin: 0 5% }
	.footer a span { padding-top: 13px; padding-left: 10px }
	.footer a[title="电话"] { display: none; }
	.footer a[title="短信"] { 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 { clear: none; padding-left: 0.1rem }
	.vname_b .title { font-size: 30px }
	.vname_b .stitle { font-size: 18px; width: 3.5rem; 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 }
}
.rg{display:flex;flex-wrap:wrap;justify-content: space-between;margin-bottom:  .2rem;}
.rg>div{ width:32%;}

fieldset { border: none }
.yj_zxjm { position: relative; }
.yj_zxjm select {width:50%;/* margin-left: 4%; */height: 30px;line-height: 30px;text-indent: 1em;cursor: pointer;border: 1px solid #A9A9A9;background: #fff url(../images/select_b.png) 97% 50% no-repeat;-webkit-background-size: 5%;background-size: 5%;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.yj_zxjm form {padding: .1rem;}
.yj_zxjm form ul li {height: auto;overflow: hidden;margin-bottom: 15px;}
.yj_zxjm form ul li label {width: 1.8rem;padding-right: 10px;text-align: right;font-size: .3rem;color: #505050;display: block;float: left;height: 40px;line-height: 40px;}
.yj_zxjm form ul li input.text {width: 65%;height: 30px;border: 1px solid #c0bcbc;float: left;line-height: 30px;text-indent: 1em;}
.yj_zxjm form ul li em { width: 8px; height: 25px; background: url(../imgs/img19.png) center center no-repeat; margin-left: 5px; display: block; float: left; }
.yj_zxjm form ul li textarea { width: 524px; height: 198px; border: 1px solid #c0bcbc; }
.yj_zxjm form ul li .subm, .yj_zxjm form ul li .res {width: 111px;height: 37px;border: none;margin: 14px 10px 0 0;text-align: center;line-height: 37px;font-size: 18px;cursor: pointer;}
.yj_zxjm form ul li .subm {background-color: #e56814;color: #fff;}
.yj_zxjm form ul li .res { background-color: #d8d9d9; color: #5f5f5f; }