﻿@charset "utf-8";
/* CSS Document */
html {
	font-size: 100px;
}
body {
	font-size: medium !important;
	font-family: "微软雅黑";
}
* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	text-decoration: none;
}
input, textarea {
	outline: 0;
}
img {
	border: none;
	display: block;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.pos-rel {
	position: relative;
}
.cls {
	clear: both;
	line-height: 0px!important;
	height: 0px!important;
	font-size: 0px!important;
}
@font-face {
	src: url(../font/HelveticaNeueLTPro-ThEx.otf);
	font-family: helv;
}
/*header*/
header {
	background: #fff !important;
	overflow: hidden;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
}
header .logo {
	float: left;
	margin-left: 0.2rem;
	height: 100%;
	text-align: center;
	overflow: hidden;
}
header .logo img {
	height: 0.56rem;
	display: inline-block;
	margin-top: 0.22rem;
}
header .menu_name {
	color: #cc0000;
	height: 1rem;
	line-height: 1rem;
	display: inline-block;
	text-align: center;
}
header .header_tel {
	position: absolute;
	right: 1.05rem;
	top: 0.2rem;
	height: 0.6rem;
	line-height: 0.6rem;
	color: #fff;
	padding-left: 0.64rem;
	background: url(../img/header_telicon.svg) no-repeat left center;
	background-size: auto 100%;
	font-size: 0.32rem;
	font-weight: bold;
	font-family: Arial;
}
#cd-menu-trigger {
	overflow: hidden;
}
#cd-menu-trigger .menu_name {
	float: left;
	border-radius: 0.1rem;
	text-align: center;
	font-size: 0.3rem;
	color: #cc0000;
}
#cd-menu-trigger .menu_name i {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.6rem;
	font-style: normal;
	position: relative;
	color: #333;
	padding: 0 0.2rem;
}
#cd-lateral-nav a {
	font-size: 0.28rem;
	font-weight: normal !important;
}
#cd-lateral-nav .cd_nav_btn {
	text-align: center;
	margin: 0.4rem 0 0.6rem;
}
#cd-lateral-nav .cd_nav_btn a {
	padding: 0.14rem 0;
	border-radius: 1rem;
	color: #fff;
	font-size: 0.26rem;
	display: inline-block;
	border: solid 1px #fff;
	line-height: normal;
	width: 70%;
}
#cd-lateral-nav .cd_nav_btn a:active {
	background: #fff;
	color: #cc0000;
}
#cd-lateral-nav .sub-menu li a {
	position: relative;
	font-size: 0.24rem;
}
#cd-lateral-nav .cd-navigation .sub-menu {
	padding-left: 35px;
}
#cd-lateral-nav .sub-menu li a:before {
	content: "";
	position: absolute;
	width: 0.12rem;
	height: 0.12rem;
	border-radius: 50%;
	border: solid 1px #fff;
	top: 50%;
	margin-top: -0.06rem;
	left: 0.56rem;
}
.cd-main-content {
	background-color: #fff;
}
/*==========================================首页==========================================*/
/*标题*/
.mjx_tit {
	text-align: center;
	margin-bottom: 0.3rem;
}
.mjx_tit a {
	display: inline-block;
}
.mjx_tit h2 {
	font-size: 0.44rem;
	font-weight: bold;
	color: #cc0000;
	padding-bottom: 0.02rem;
}
.mjx_tit span {
	color: #9e7646;
	font-size: 12px;
	font-family: Arial;
	text-transform: uppercase;
}
.mjx_title {
	text-align: center;
	margin-bottom: 1.8rem;
}
.mjx_title h2 {
	font-size: 0.4rem;
	color: #cc0000;
	font-weight: normal;
}
.mjx_title p {
	color: #333;
	font-size: 0.2rem;
	width: 80%;
	margin: 0.15rem auto 0;
	line-height: 1.8;
}
.mjx_tab {
	overflow: hidden;
	text-align: center;
	margin: 0 -0.1rem;
}
.mjx_tab a {
	font-size: 0.23rem;
	color: #000;
	display: inline-block;
	margin: 0 0.15rem;
	padding-bottom: 5px;
	margin-bottom: 2px;
}
.mjx_tab a.active, .mjx_tab a:active {
	border-bottom: solid 2px #cc0000;
	color: #cc0000;
}
/*banner*/
.banner_box {
	width: 100%;
	height: 4.2rem;
	background-color: #333;
	overflow: hidden;
	margin-top: 8vh;
}
.bannersy{ position:relative;}
/*导航*/
.home_nav {
	padding: 0.3rem 0;
	background: #cc0000;
}
.home_nav ul {
	overflow: hidden;
}
.home_nav ul li {
	float: left;
	width: 25%;
}
.home_nav ul li a {
	display: block;
	text-align: center;
	font-size: 0;
	padding: 0.25rem 0;
	border-top: solid 1px #d73a3a;
	border-right: solid 1px #d73a3a;
}
.home_nav ul li:nth-of-type(1) a, .home_nav ul li:nth-of-type(2) a, .home_nav ul li:nth-of-type(3) a, .home_nav ul li:nth-of-type(4) a {
	padding-top: 0;
	border-top: none;
}
.home_nav ul li:nth-last-of-type(1) a, .home_nav ul li:nth-last-of-type(2) a, .home_nav ul li:nth-last-of-type(3) a, .home_nav ul li:nth-last-of-type(4) a {
	padding-bottom: 0;
}
.home_nav ul li:nth-of-type(4n) {
	border-right: none;
}
.home_nav ul li a i {
	display: inline-block;
	font-style: normal;
	font-size: 0.6rem;
	color: #fff;
}
.home_nav ul li a p {
	font-size: 0.23rem;
	color: #fff;
	margin-top: 0.04rem;
}
/*品牌*/
.brand {
	padding: 2vh; background-color:#fff;
}
.brand ul {
	width: 100%;
}
.brand li {
	margin-bottom: 2vh;
}
.brand li:last-of-type {
	margin-bottom: 0;
}
.brand li img {
	width: 100%;
	border-radius: 3px;
	height: auto;
}
.brand a.more {
	width: 40%;
	margin: 3vh auto;
	display: table;
	height: 6vh;
	line-height: 6vh;
	text-align: center;
	color: #fff;
	border-radius: 100px;
	background-color: #BE0000;
}
/*加盟+定货+会员*/
.characteristic {
	background-color: #f5f4f9;
	padding: 4vh;
}
.characteristic h3 {
	font-size: 0.42rem;
	font-weight: normal;
	text-align: center;
	color: #000;
}
.characteristic h3 p {
	font-size: 0.25rem;
	color: #666;
	padding: 5px 0;
}
.characteristic .ico {
	width: 80%;  text-align:center;
	margin: 0 auto;
	margin-top: 3vh;
	display: table;
}
.characteristic .ico ul {
	width: 100%;
	display: table;
}
.characteristic .ico li {
	width: 33.33%; font-size:0.25rem;  line-height:0.6rem;
	float: left;
}
.characteristic .ico li img{
	width:70%; margin:0 auto;}

.characteristic .tel {
    width: 50%;
    margin: 3vh auto;
    display: table;
    height: 6vh;
    line-height: 6vh;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    background-color: #BE0000;    margin-bottom: 0;
}


.characteristic .ico li .ico_tb {
}
/*产品*/
.product{ width:100%; background-color:#333; position:relative; margin-bottom:15px;}
.product a{ color:#fff;}
.product a p{ padding:2vh; text-align:center;}
/*留言*/
.guest{background-color: #f5f4f9;
	padding: 4vh;}

.guest h3 {
	font-size: 0.35rem; margin-bottom:4vh;
	font-weight: normal;
	text-align: center;
	color: #000;
}
.guest input ,.guest textarea{ width:100%; display:flex; padding:2vh; margin-bottom:2vh; background-color:#f5f4f9; border:1px solid #ccc; border-radius:3px;}

.guest .btn {
    width: 50%;
    margin: 11vh auto;
    display: table;
    height: 6vh;
    line-height: 6vh;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    background-color: #BE0000;
    margin-bottom: 0;
}



/* 美化 */
section {
  width: 50%;
  min-height: inherit;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  position: relative;
}

section::before,
section::after {
  content: "";
  display: block;

  border-radius: 100%;

  position: absolute;
}

section::before {
  width: 30px;
  height: 30px;

  background: var(--primary);
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);

  top: 18px;
  left: 18px;
}

section::after {
  width: 42px;
  height: 42px;

  border: 1px solid var(--primary);

  top: 11px;
  left: 11px;
}
.guest .guest_dx{
  --primary: hsl(1, 100%, 68%);
  --other: hsl(0, 0%, 20%);

}

.guest .guest_dx label {
  display: flex; float:left; 
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;

  margin: 12px 0;

  cursor: pointer;
  position: relative;
}
.guest .guest_dx input {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.guest .guest_dx .design {
  width: 16px;
  height: 16px;
  border: 1px solid var(--other);
  border-radius: 100%;

  position: relative;
}

.guest .guest_dx .design::before,
.guest .guest_dx .design::after {
  content: "";
  display: block;
    top: -1px;
    left: -1px;
  width: inherit;
  height: inherit;

  border-radius: inherit;

  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.guest .guest_dx .design:before {
  background: var(--other);
  opacity: 0;
  transition: .3s;
}

.guest .guest_dx .design::after {
  background: var(--primary);
  opacity: .4;
  transition: .6s;
}
.guest .guest_dx .text {
  color: var(--other); margin-right:10px;
  font-weight: bold; font-size:12px;
}
.guest .guest_dx input:checked+.design::before {
  opacity: 1;
  -webkit-transform: scale(.6);
          transform: scale(.6);
}
.guest .guest_dx input:hover+.design,
.guest .guest_dx input:focus+.design {
  border: 1px solid var(--primary);
}

.guest .guest_dx input:hover+.design:before,
.guest .guest_dx input:focus+.design:before {
  background: var(--primary);
}
.guest .guest_dx input:focus+.design::after,
.guest .guest_dx input:active+.design::after {
  opacity: .1;
  -webkit-transform: scale(2.6);
          transform: scale(2.6);
}


/*地图*/
.map{padding: 4vh;background: white;}
.map h3 {
	font-size: 0.35rem; 
	font-weight: normal;
	text-align: left;
	color: #000;
}
.map p{ font-size:0.2rem; line-height:0.4rem; color:#666;}
.map img{ width:100%;}


/*底部导航*/
.footernav{ width:100%;}
.footernav ul{ width:100%; display:flex; flex-flow: row wrap;}
.footernav ul li {
    box-sizing: border-box;
    flex: 0 0 33.3333%; border:1px solid #dfdfdf; height:15vh; background-color:#f5f4f9; line-height:15vh;
    text-align: center;
}
.footernav ul li a{ width:100%; line-height:15vh; display:block; text-align:center;}
.footernav ul li a{ color:#333;}




/*底部*/
.footer{
    background-color: rgba(62, 62, 62, 1); padding: 4vh; color:#fff; display:table; width:100%;	
	}

.footer .footer_tel{ width:100%; font-family:Arial;}
.footer .footer_tel h3{ float:left; font-weight:normal; font-size:0.3rem;}
.footer .footer_tel h3 p{ font-size:0.2rem;}
.footer .footer_tel a.tel{ float:right;}
.tel_btn {
    display: table;
    height: 5vh; padding:0 2vh;
    line-height: 5vh;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    background-color: #BE0000;
}

.footer_info{ margin-bottom:1rem;
    background-color: rgba(62, 62, 62, 1); padding: 4vh; color:#fff; display:table; width:100%; border-top:1px solid #666;
	}

.footer_info p{ color:#fff; text-align:0.3rem;}


/*新闻动态*/
.news_box {
	padding: 0.6rem 0.2rem;
	background: url(../img/news_bg.png) no-repeat center bottom;
	background-size: 100%;
}
.news_box .mjx_tab a {
	font-size: 0.26rem;
	margin: 0 0.2rem;
}
.news_box .news_con {
	margin-top: 0.3rem;
}
.news_box .news_con ul li {
	padding: 0.15rem 0;
}
.news_box .news_con ul li a {
	display: block;
	overflow: hidden;
}
.news_box .news_con ul li a .news_pic {
	float: left;
	width: 32%;
}
.news_box .news_con ul li a .news_pic img {
	width: 100%;
}
.news_box .news_con ul li a .news_txt {
	overflow: hidden;
	float: right;
	width: 64%;
}
.news_box .news_con ul li a .news_txt h3 {
	font-size: 0.24rem;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
}
.news_box .news_con ul li a .news_txt span {
	color: #cc0000;
	font-size: 0.2rem;
	font-family: Arial;
	display: inline-block;
	margin: 0.1rem 0;
}
.news_box .news_con ul li a .news_txt p {
	color: #666;
	font-size: 0.2rem;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-o-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: box;
}

/*页脚*/
.footer_box .to_top {
	background: #cc0000;
	overflow: hidden;
}
.footer_box .to_top a {
	color: #fff;
	float: right;
	padding: 0.16rem 0.5rem 0.16rem;
	position: relative;
	font-size: 0.24rem;
}
.footer_box .to_top a:after {
	content: "";
	position: absolute;
	right: 0.2rem;
	top: 50%;
	margin-top: -0.05rem;
	width: 0;
	height: 0;
	border-left: solid 0.11rem transparent;
	border-right: solid 0.11rem transparent;
	border-bottom: solid 0.11rem #fff;
}
.footer_info {
	padding: 0.4rem 0.2rem;
	text-align: center;
	color: #333;
	line-height: 1.7;
	font-size: 0.23rem;
}
.footer_info span {
	color: #cc0000;
}
.footer_info a {
	color: #333;
}
.footer_info .footer_ewm {
	margin-top: 0.2rem;
}
.footer_info .footer_ewm ul {
	overflow: hidden;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}
.footer_info .footer_ewm ul li {
	display: inline-block;
*display:inline;
*zoom:1;
	max-width: 40%;
	margin: 0 3%;
}
.footer_info .footer_ewm ul li span {
	display: inline-block;
	width: 1.3rem;
	height: 1.3rem;
	border: solid 3px #000;
	overflow: hidden;
}
.footer_info .footer_ewm ul li span img {
	width: 100%;
}
.footer_info .footer_ewm ul li p {
	font-size: 0.22rem;
}
/*底部固定*/
.main_box {
	position: relative;
	width: 100%;
}
header.lateral-menu-is-open:after, .m_nav.lateral-menu-is-open:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
}
.m_nav {
	position: fixed;
	width: 100%;
	height: 1rem;
	bottom: 0;
	left: 0;
	z-index: 9999;
	background: #cc0000 url(../img/m_nav_border.png) repeat-y center top;
	transition-property: transform;
	transition-duration: 0.4s
}
.m_nav.lateral-menu-is-open {
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	-o-transform: translateX(-200px);
	transform: translateX(-200px);
}
.m_nav ul {
	overflow: hidden;
}
.m_nav ul li {
	float: left;
	width: 50%;
}
.m_nav ul li a {
	display: block;
}
.m_nav ul li .ver_box {
	display: table;
	width: 100%;
	height: 1rem;
}
.m_nav ul li .ver_cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.m_nav ul li a i {
	vertical-align: middle;
	display: inline-block;
	width: 0.6rem;
	height: 0.6rem;
	overflow: hidden;
	font-size: 0.6rem;
	color: #fff;
}
.m_nav ul li a span {
	vertical-align: middle;
	font-size: 0.32rem;
	color: #fff;
	display: inline-block;
}
/*==========================================内页==========================================*/
/*二级导航*/
.in_subnav {
	padding: 1.3rem 0.1rem 0;
}
.in_subnav ul {
	overflow: hidden;
	font-size: 0;
	text-align: center;
	margin: -0.16rem -0.08rem 0;
}
.in_subnav ul li {
	display: inline-block;
	padding: 0.15rem 0.45rem;
	background: #fff;
	margin: 0.16rem 0.08rem 0;
	border-radius: 0.05rem;
}
.in_subnav ul li.hover {
	background: #cc0000;
}
.in_subnav ul li.hover a {
	color: #fff;
}
.in_subnav ul li:active {
	background: #cc0000;
}
.in_subnav ul li:active a {
	color: #fff;
}
.in_subnav ul li a {
	display: block;
	color: #333;
	text-align: center;
	font-size: 0.24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*翻页*/
.page {
	padding: 0.25rem 0.2rem 0.4rem 0.2rem;
	display: table;
	width: 100%;
	box-sizing: border-box;
	border-top: solid 1px #dfdfdf;
	text-align: center;
}

.page>div{
	position: relative;
overflow:hidden;
}

.page>div span.rows{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.page a.left,.page a.prev{
	float: left;
}

.page a.right,.page a.next{
	float: right;
}

.page a {
	padding: 0.15rem 0.2rem;
	background: #cc0000;
	border-radius: 0.05rem;
	color: #fff;
	font-size: 0.24rem;
}
.page a:active {
	background-color: #850000;
}
.page a.left,.page a.prev {
	float: left;
}
.page a.right,.page a.next {
	float: right;
}
.page span {
	display: inline-block;
	padding: 0.15rem 0;
	font-size: 0.24rem;
	color: #88755c;
}
/*内容翻页*/
.in_pn {
	padding: 0.35rem 0.3rem 0.5rem;
	border-top: solid 1px #dfdfdf;
	margin-bottom: -0.25rem;
}
.in_pn span {
	display: block;
	overflow: hidden;
	padding-bottom: 0.25rem;
}
.in_pn span em {
	color: #222;
	font-style: normal;
	font-size: 0.26rem;
	float: left;
}
.in_pn span a {
	float: left;
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #cc0000;
	font-size: 0.26rem;
}
.in_pn span a:active {
	text-decoration: underline;
	color: #850000;
}
/*新闻列表*/
.in_news3 {
padding: 0.4rem 0.2rem;
 padding-top: 1.3rem;
}
.in_news3 ul {
	margin: -0.2rem 0;
}
.in_news3 ul li {
	padding: 0.2rem 0;
	border-bottom: solid 1px #dfdfdf;
}
.in_news3 ul li:active .in_nr h2 {
	color: #cc0000;
}
.in_news3 ul li:nth-last-of-type(1) {
	border: none;
}
.in_news3 ul li a {
	overflow: hidden;
	display: block;
}
.in_news3 ul li a .in_nl {
	float: left;
	width: 38%;
	height: 1.71rem;
	overflow: hidden;
}
.in_news3 ul li a .in_nl img {
	width: 100%;
}
.in_news3 ul li a .in_nr {
	float: right;
	width: 59%;
	margin-top: 0.06rem;
}
.in_news3 ul li a .in_nr h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	font-size: 0.26rem;
	font-weight: normal;
}
.in_news3 ul li a .in_nr span {
	display: inline-block;
	font-size: 0.2rem;
	color: #cc0000;
	padding: 0.1rem 0;
}
.in_news3 ul li a .in_nr p {
	color: #666;
	font-size: 0.22rem;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-o-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: box;
	word-break: break-all;
}
/*图片列表*/
.in_pics2 {
	padding: 0.4rem 0.2rem;
}
.in_pics2 ul {
	display: table;
	margin: -0.2rem -0.2rem 0 0;
}
.in_pics2 ul li {
	float: left;
	width: 50%;
}
.in_pics2 ul li a {
	display: block;
	margin: 0.2rem 0.2rem 0 0;
	background: #fff;
	box-shadow: 0 0 0.16rem #ccc;
}
.in_pics2 ul li a span {
	display: block;
	height: 2.17rem;
	overflow: hidden;
}
.in_pics2 ul li a span img {
	width: 100%;
}
.in_pics2 ul li a p {
	padding: 0.15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	font-size: 0.24rem;
	color: #333;
	background: #fff;
	border-top: none;
}
.in_pics2 ul li a:active p {
	background: #cc0000;
	color: #fff;
}
/*内容页*/
.in_content {
	padding: 0.4rem 0.3rem;
}
.in_content .in_contt {
	text-align: center;
}
.in_content .in_contt h2 {
	color: #cc0000;
	font-size: 0.4rem;
}
.in_content .in_contt span {
	color: #88755c;
	font-size: 0.22rem;
	padding: 0.1rem 0.06rem;
	display: inline-block;
}
.in_content .in_condiv {
	margin-top: 0.05rem;
	color: #333;
	overflow: hidden;
	line-height: 1.7;
	font-size: 0.23rem;
}
.in_content .in_condiv img {
	max-width: 100% !important;
	display: inline-block;
	height: auto !important;
}
/*产品列表*/
.in_body .pro_box {
	padding: 0 0.2rem 0.4rem;
	background: none;
}
/*留言框*/
.gue_box {
	padding: 0.6rem 0.2rem;
	background: url(../img/gue_bg.jpg) no-repeat center center;
	background-size: cover;
}
.gue_box .mjx_title {
	margin-bottom: 0.3rem;
}
.gue_box .gue_con {
	padding: 0 0.2rem;
	margin-top: 0.2rem;
}
.gue_box .gue_con input, .gue_box .gue_con textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	padding: 0.2rem;
	font-family: "微软雅黑";
	display: block;
	color: #333;
	font-size: 0.24rem;
}
.gue_box .gue_con>div {
	margin-bottom: 0.25rem;
}
.gue_box .gue_con textarea {
	height: 2rem;
	resize: none;
}
.gue_box .gue_con .g_verify {
	overflow: hidden;
}
.gue_box .gue_con .g_verify input {
	float: left;
	width: 50%;
}
.gue_box .gue_con .g_verify img {
	float: left;
	height: 0.7rem;
	margin-left: 0.2rem;
	border-radius: 0.06rem;
	overflow: hidden;
	max-width: 46%;
	margin-top: 0.04rem;
}
.gue_box .gue_con .g_submit {
	padding-top: 0.1rem;
}
.gue_box .gue_con .g_submit a {
	display: block;
	text-align: center;
	background-color: #cc0000;
	color: #fff;
	border-radius: 0.06rem;
	padding: 0.22rem 0;
	font-size: 0.26rem;
}
.gue_box .gue_con .g_submit a:active {
	background-color: #000;
	color: #fff;
}
.gue_box .gue_con .g_act {
	padding: 0 0.2rem;
}
.gue_box .gue_con .g_act span {
	display: block;
	color: #fff;
	font-size: 0.26rem;
	padding-bottom: 0.1rem;
}
.gue_box .gue_con .g_act .form_d {
	overflow: hidden;
}
.gue_box .gue_con .g_act .form_d label {
	float: left;
	font-size: 0.24rem;
	color: #fff;
	margin: 0.05rem 0 0.05rem 0;
	width: 33.333%;
	cursor: pointer;
}
.gue_box .gue_con .g_act .form_d label input {
	width: auto;
	vertical-align: middle;
	margin-right: 0.06rem;
	display: inline-block;
}
/*产品详情*/
.in_dshadow {
	box-shadow: 0 0 0.16rem #fad3a2;
	border: solid 1px #fad3a2;
}
.in_dtl {
	padding: 0.4rem 0.2rem;
}
.in_dtl .in_dimg {
	display: block;
	background: #fafafa;
	padding: 0.25rem;
	border-radius: 0.1rem;
	overflow: hidden;
}
.in_dtl .in_dimg img {
	width: 100% !important;
	border-radius: 0.08rem;
}
.in_dtl .in_dw {
	padding: 0.25rem;
	background: #fafafa;
	border-radius: 0.1rem;
	margin-top: 0.2rem;
}
.in_dtl .in_dw h4 {
	font-size: 0.28rem;
	color: #cc0000;
	font-weight: normal;
	padding: 0.12rem 0;
	border-bottom: solid 1px #eaeaea;
}
.in_dtl .in_dw p {
	color: #888;
	font-size: 0.24rem;
	border-bottom: solid 1px #eaeaea;
	padding: 0.15rem 0;
}
.in_dtl .in_dw p:nth-last-of-type(1) {
	border-bottom: none;
}
.in_dtl .in_dw p em {
	font-style: normal;
	color: #333;
}
.in_dtl .in_dbtn {
	margin-top: 0.2rem;
}
.in_dtl .in_dbtn span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 0.22rem 0;
	font-size: 0.26rem;
	color: #fff;
	background: #cc0000;
	border-radius: 0.1rem;
	cursor: pointer;
	text-align: center;
}
.in_dtl .in_dbtn input:active {
	background-color: #a6120a;
}
.in_dtl .in_dg {
	margin-top: 0.2rem;
	padding: 0.25rem;
	background: #fafafa;
	border-radius: 0.1rem;
}
.in_dtl .in_dg .guest form>textarea {
	height: 2rem !important;
}
.in_dtl .in_dg .guest form input, .in_dtl .in_dg .guest form textarea {
	background: none;
	padding: 0.18rem 0.2rem;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #fffcf1;
	border: solid 1px #d4c7b1;
	font-size: 0.24rem;
	color: #333;
	border-radius: 0.06rem;
	margin-bottom: 0.2rem;
	font-family: "微软雅黑";
	resize: none;
}
.in_dtl .in_dg .guest form p {
	overflow: hidden;
}
.in_dtl .in_dg .guest form img {
	float: left;
	height: 0.69rem;
	margin-left: 0.2rem;
}
.in_dtl .in_dg .guest form p input[name="auth_code"] {
	width: 50%;
	float: left;
}
.in_dtl .in_dg .guest form .in_dgbtn {
	display: block;
	text-align: center;
	padding: 0.18rem 0;
	background: #cc0000;
	font-size: 0.26rem;
	border-radius: 0.08rem;
	color: #fff;
}
.in_dtl .in_detail {
	margin-top: 0.2rem;
	background: #fafafa;
	padding: 0.25rem;
	border-radius: 0.1rem;
}
.in_dtl .in_dtab {
	overflow: hidden;
}
.in_dtl .in_dtab a {
	float: left;
	width: 50%;
	text-align: center;
	font-size: 0.28rem;
	color: #333;
	padding: 0.14rem 0;
	font-weight: bold;
}
.in_dtl .in_dtab a.active {
	color: #d9170d;
	border-bottom: solid 2px #d9170d;
}
.in_dtl .in_dcon .in_dp {
	color: #444;
	font-size: 0.24rem;
	line-height: 1.7;
	padding: 0.3rem 0;
	text-align: justify;
}
.in_dtl .in_dcon .in_dp img {
	max-width: 100% !important;
	height: auto !important;
	display: inline-block;
	vertical-align: top;
}
.in_dtl .in_dcon .pro_list {
	padding: 0.3rem 0;
}
.in_dtl .in_dcon .pro_list ul {
	overflow: hidden;
	margin: -0.2rem -0.2rem 0 0;
}
.in_dtl .in_dcon .pro_list ul li {
	float: left;
	width: 50%;
}
.in_dtl .in_dcon .pro_list ul li a {
	margin: 0.2rem 0.2rem 0 0;
}
.in_dtl ::-webkit-input-placeholder {
color:#999;
}
.in_dtl :-moz-placeholder {
color:#999;
}
.in_dtl ::-moz-placeholder {
color:#999;
}
.in_dtl :-ms-input-placeholder {
color:#999;
}
.in_dtl .pro_list {
	padding: 0.4rem 0.2rem;
}
.in_dtl .pro_list ul {
	margin-bottom: -0.3rem;
}
.in_dtl .pro_list ul li {
	margin-bottom: 0.3rem;
}
.in_dtl .pro_list ul li a {
	display: block;
	background: #fff;
	border: solid 1px #FDE2CF;
	padding: 0.2rem;
	border-radius: 0.1rem;
}
.in_dtl .pro_list ul li a span {
	display: block;
	overflow: hidden;
	border-radius: 0.08rem;
	height: 3.25rem;
}
.in_dtl .pro_list ul li a span img {
	width: 100% !important;
}
.in_dtl .pro_list .pro_w {
	overflow: hidden;
}
.in_dtl .pro_list .pro_w h4 {
	float: left;
	width: 100%;
	color: #222;
	font-size: 0.26rem;
	font-weight: normal;
	line-height: 1.7;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-o-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: box;
	padding: 0.15rem 0 0.08rem;
}
.in_dtl .pro_list .pro_w p {
	color: #888;
	float: left;
	clear: left;
	font-size: 0.2rem;
	max-width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.in_dtl .pro_list .pro_w i {
	float: right;
	font-size: 0.24rem;
	color: #ea3532;
	font-style: normal;
}
.nodata {
	text-align: center;
	margin: 5px;
}


/*手机店铺轮播页*/
.in_shop {
  padding: 0.2rem 0;
  overflow: hidden;
  width: 85%;
  margin: 0 auto;
}

.in_shopcon {
  padding: 0 0.06rem;
  width: 100%;
}

.in_shop .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.in_shop .swiper-slide {
  background-size: cover;
  background-position: center;
  overflow: hidden;
  padding-bottom: 0.8rem;
}

.in_shop .gallery-top {
  height: 80%;
  width: 100%;
}

.in_shop .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  margin-top: 0.2rem;
  height: 1.07rem;
  overflow: hidden;
}

.in_shop .gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.in_shop .gallery-thumbs .swiper-slide-active {
  opacity: 1;
  box-sizing: border-box;
}

.in_shop .swiper-slide img {
  width: 100%;
}

.in_shop .gallery-thumbs .swiper-slide-active img {
  border: solid 0.04rem #AD0101;
  box-sizing: border-box;
}

.in_shop .in_shopcon .swiper-wrapper a {
  display: block;
}

.in_shop .in_shopcon .gallery-top {
  width: 100%;
}

.in_shop .in_shopcon .gallery-thumbs {
  width: 100%;
}

.in_shop .in_shopcon .swiper-wrapper .swiper-slide {
  position: relative;
}

.in_shop .in_shopcon .gallery-thumbs .swiper-wrapper .swiper-slide {
  margin-right: 0 !important;
}

.in_shop .in_shopcon .swiper-wrapper .swiper-slide p {
  position: absolute;
  width: 100%;
  bottom: 0.2rem;
  text-align: center;
}

.in_shop .in_shopcon .swiper-wrapper .swiper-slide p a {
  display: inline-block;
  color: #efefef;
  font-size: 0.24rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.in_shop ul li .in_shopintro {
  font-size: 0.24rem;
  color: #888;
  overflow: hidden;
  margin: 0.3rem 0;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  overflow: hidden;
}

.in_shop ul li .in_shopintro span {
  color: #efefef;
}

.in_shop ul li {
  border-bottom: solid 1px #323230;
  padding: 0.4rem 0;
}

.in_shop .m_smore {
  padding-top: 0;
}





@media screen and (min-width:640px) {
.in_body .pro_box, .pro_box {
	padding-left: 5vw;
	padding-right: 5vw;
}
.pro_box .pro_con ul {
	margin: -5vw -5vw 0 0
}
.pro_box .pro_con ul li a {
	margin: 5vw 5vw 0 0
}
.pro_box .pro_con ul li a .pro_pic {
	height: 61vw;
}
.in_dtl .pro_list ul li a span {
	height: 51vw;
}
}
.brand-container{ margin-top:1.5rem;}
  .brand-container .brand-item {
                width: 93.75%;
                margin: 0 auto;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex; border-radius:3px; overflow:hidden;
                margin: .2rem auto;
                box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
                }
            .brand-container .brand-item:nth-of-type(2n) {
              flex-direction: row-reverse;
            }
            .brand-container .brand-item .brand-img {
              flex-basis: 45%;height: 2rem;
            }
            .brand-container .brand-item .brand-img img {
              width: 100%;
              display: block;
            }
            .brand-container .brand-item .brand-text {
              flex-basis: 55%;
              display: -webkit-box;
              display: -webkit-flex;
              display: flex;
              background: #fff;
              flex-direction: column;
              justify-content: space-around;
              align-items: center;
            }
            .brand-container .brand-item .brand-text img {
              width: 60%;
              display: block;
            }
            .brand-container .brand-item .brand-text p {
              font-size: .4rem;
              color: #000;
            }
            .brand-container .brand-item .brand-text span {
              display: block;
              width: 90%;
              margin: 0 auto;
              font-size: 12px;
              color: #666;
              text-transform: uppercase;
              text-align: center;
              overflow: hidden;
              text-overflow: ellipsis;
              -webkit-line-clamp: 1;
              -moz-line-clamp: 1;
              -o-line-clamp: 1;
              line-clamp: 1;
              -webkit-box-orient: vertical;
              -moz-box-orient: vertical;
              -o-box-orient: vertical;
              box-orient: vertical;
              display: -webkit-box;
              display: -moz-box;
              display: -o-box;
              display: box;
            }
            
            
            #brand_img{
              float: right;
              margin-right: 10px;
              width: 80px;
            }
            #brand_img img{
              width:100%;
              margin-top:10px;
						}
						

						/* 集团内页留言 单选框样式 */
						.in_body .guest .guest_dx{
							--primary: hsl(1, 100%, 68%);
							--other: hsl(0, 0%, 20%);
							overflow: hidden;
							display: flex;
							flex-direction: row;
							justify-content: center;
						}