@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 a.home { width:0.6rem; margin:0.2rem; border-radius:50%; height:0.6rem; background-color:#cc0000; position:absolute; top:0; left:0;}
header a.home i{ font-size:0.5rem; display:table; margin:0 auto; color:#fff;}

header .logo { margin:0 auto; display:table;
	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;
}
/*==========================================首页==========================================*/
/*标题*/
.biaoti{ width:100%; margin:2vh 0;}
.biaoti h3{ text-align:center; font-size:0.35rem; font-weight:normal; position:relative;}

.biaoti h3:before{
content: "";
display: inline-block; position:absolute; top:50%;
height: 1px;
width: 30%; left:0; background-color:#dfdfdf;
vertical-align: middle;
	
	}
.biaoti h3:after {
content: "";
display: inline-block;  position:absolute; top:50%;
height: 1px;
width: 30%; right:0; background-color:#dfdfdf;
vertical-align: middle;
	}

.biaoti h3 p{font-size:0.3rem; color:rgba(212, 48, 48, 1); position:relative; }
.biaoti h3 p:before {
content: "";
display: inline-block;
height: 2px; background-color:#cc0000;
width: 30px; margin:0 auto; position:absolute;     bottom: -36px;  left: 45%;}

/*标题菜单*/
.biaoti_nav{ width:100%; padding:10px 0;}
.biaoti_nav ul{ width: 100%;   display: flex; flex-flow: row wrap;justify-content: center;}
.biaoti_nav ul li { box-sizing: border-box;
    flex: 0 0 25%; text-align: center;  margin: 2vh 0;}
.biaoti_nav ul li a{ padding:8px 8px; background-color:#fff; border:1px solid #dfdfdf;  color:#333; border-radius:50px; display:inline-block; width:90%; margin:0 5%;}
.biaoti_nav ul li a.hover{ background-color:#cc0000; color:#fff;}
.biaoti_nav ul li a:active{ background-color:#cc0000; color:#fff;}

/*banner*/
.list_banner_box {
	width: 100%;
	height: 4.1rem;
	background-color: #333;
	overflow: hidden;
	margin-top: 9vh;
}
.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;
}

/*介绍*/
.about_box{ padding:20px 0; background-color:#fff; position:relative;}
.about_box .about_content{ padding:1vh; font-size:0.25rem; line-height:0.3rem; color:#666;}
.about_box .about_content img{ width:100%;}

/*产品*/
.product_box{padding:20px 0;  background-color:#f5f5f8; display:table; width:100%; position:relative;}
.product_box .product_box_kuang{ width:100%;}
.product_box .product_box_kuang ul{ width:100%; display:table;}
.product_box .product_box_kuang ul li{ width:50%; float:left;}
.product_box .product_box_kuang ul li a{ color:#333;}
.product_box .product_box_kuang  ul li .product_pic{ margin:10px; border-radius:5px; overflow:hidden; background-color:#333; height:2rem;}
.product_box .product_box_kuang  ul li .product_pic img{ width:100%;}


.product_box .product_box_kuang  ul li p{ width:100%; display:block; text-align:center;}
.product_box .product_box_kuang a.more{padding:8px 8px; background-color:#cc0000;   color:#fff; text-align:center; display:table; border-radius:50px; width:30%; margin:20px auto;}



/*店面展示*/
.dianmian_box{padding:20px 0;  background-color:#fff; width:100%; position:relative;}
.dianmian_box .dianmian_box_kuang{ width:100%; position:relative}

/*店面展示*/
.dianmianpic {
	width: 100%;
	height: 37vh;
	background-color: #333;
	overflow: hidden;
	position: relative;
    top: 23px;
}
.dianmianpic .swiper-slide p{ position:absolute; bottom:0; width:100%; padding:5px; color:#fff; background-color: rgba(0,0,0.6);}
.dianmianpic .swiper-pagination{ bottom:40px !important;}

/*加盟*/
.join_box{padding:20px 0;  background-color:#f5f5f8; display:table; width:100%; position:relative;}

.join_box .join_box_kuang ul{ width:100%; display:table;}
.join_box .join_box_kuang ul li{ width:50%; float:left; margin-bottom:2vh;}
.join_box .join_box_kuang ul li .join_icon{ width:2.5rem; height:2.5rem; background-color:#fff; border:1px solid #dfdfdf; border-radius:50%; margin:0 auto;}
.join_box .join_box_kuang ul li .join_icon i{ font-size:1.3rem; color:#cc0000; margin: 0 auto; display: table; margin-top: 17%;}
.join_box .join_box_kuang ul li h3{ padding:8px 0; text-align:center; font-weight:normal; font-size:0.3rem;}
.join_box .join_box_kuang ul li p{ font-size:0.2rem; text-align:center; color:#cc0000;}


/*留言*/
.guest{ background-image:url(../img/guest_bj.jpg); height:90vh; background-size:100%;
	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 0%, 0% 0, 0% 0%);
          clip-path: polygon(0 0%, 0% 0, 0% 0%);
  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%, 100%);

}

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



/*底部导航*/
.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;}



/*新闻动态*/
.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{
    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;}


/*页脚*/
.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 {
	float: left;
}
.page a.right {
	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;
}
.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: #030000;
	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 .mjx_title h2{ font-size:0.5rem; text-align:center; font-weight:normal;
}
.gue_box .mjx_title p{ font-size:0.25rem; color:#666px; text-align:center; padding:10px 0;}

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


/* 品牌首页 介绍图片 */
.intro-img{
	display: flex;
	justify-content: space-between;
}




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