@charset "utf-8";

/*初始化*/

img {
	border: none;
	max-width: 100%;
}
* {
	margin: 0px;
	padding: 0px;
	font-family: "微软雅黑", "microsoft yahei", "arial black";
}
body{
	font-size: 0.24rem !important;
}
a {
	text-decoration: none;
	color: black;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style-type: none;
}
.clear:after {
	display: table;
	height: 0px;
	content: " ";
	clear: both;
}
.warp {
	width: 1250px;
	margin: 0px auto;
}

/*初始化完毕*/


/*媒体查询*/
/*
@media (max-width:320px) {
	html {
		font-size: 16px !important;
	}
}
@media (min-width:320px) {
	html {
		font-size: 16px !important;
	}
}
@media (min-width:360px) {
	html {
		font-size: 18px !important;
	}
}
@media (min-width:400px) {
	html {
		font-size: 20px !important;
	}
}
@media (min-width:440px) {
	html {
		font-size: 22px !important;
	}
}
@media (min-width:480px) {
	html {
		font-size: 24px !important;
	}
}
@media (min-width:520px) {
	html {
		font-size: 26px !important;
	}
}
@media (min-width:560px) {
	html {
		font-size: 28px !important;
	}
}
@media (min-width:600px) {
	html {
		font-size: 30px !important;
	}
}
@media (min-width:640px) {
	html {
		font-size: 32px !important;
	}
}*/

/*媒体查询*/


/*导航栏*/

.header_box {
	width: 100%;
	height: 0.8rem;
	background-color: #bd000e;
	box-shadow: 0 0.03rem 0.09rem rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9995;
}
.nav {
	width: 50%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	transition: all 0.5s;
	position: absolute;
	z-index: 9996;
}
.nav *{
	color: #fff;
}
.nav_wrap {
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	height: 100%;
	transition: all 0.5s;
	position: fixed;
	z-index: 9999;
	
}
.nav_wrap1 {
	width: 50%;
	margin-left: 50%;
	background-color: rgba(0, 0, 0, 0);
	float: left;
	height: 100%;
}
.nav_hide {
	left: -100%;
}
.nav_show {
	display: block !important;
	left: 0;
	z-index: 9999;
	
}
.nav .nav_list_wrap>ul>li {
	text-align: center !important;
}
.nav .nav_list_wrap>ul>li a {
	padding: 0.15rem;
	margin: 0.06rem;
	display: block;
	/*background-color: rgba(200, 200, 200, 0.8);*/
	border-bottom: 1px solid #111111;
	font-size: 0.3rem;
	font-family: '宋体';
	text-align: center ;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	width:calc(100% - 0.42rem);

}


.nav .nav_list_wrap>ul>li a:active {
	/*background-color: rgba(0, 0, 0, 0.9);*/
	color: #FFFFFF;
}
.nav .nav_list_wrap>ul>li a span {
	margin-left: 0.3rem;
}
.nav p {
	text-align: right;
	height: 10%;
}
.qh{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20%;
	
}
.qh:before{
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	margin-bottom: 0.4rem;
}
.nav_list_wrap{
	width: 94%;
	overflow: hidden;
	margin: 0 auto;
	height: 80%;
}
.nav_list_wrap ul{
	width: 100%;
	overflow: scroll;
	height: 100%;
	overflow-x: hidden;
/*	overflow-y: hidden;*/
}



.nav_close {
	background-image: url(../img/close.png);
	background-size: 50%;
	display: block;
	background-repeat: no-repeat;
	background-position: center right;
	width: 0.3rem;
	height: 0.3rem;
	float: right;
	margin-right: 0.3rem;
	margin-top: 0.3rem;
	padding: 0.075rem;
}
.header {
	color: #ffffff;
}
.header .nav_switch {
	/*background-image: url(../img/icon_menu.png);*/
	width: 0.6rem;
	height: 0.33rem;
	line-height: 0.33rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	float: right;
	margin-top: 0.24rem;
	margin-right: 0.3rem;
	font-size: 0.3rem;
	display: block;
	border: none;
	background-color: rgba(0, 0, 0, 0);
}
.header .sreach {
	background-image: url(../img/icon_sreach.png);
	width: 0.3rem;
	height: 0.3rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	float: right;
	margin-top: 0.3rem;
	margin-right: 0.3rem;
	display: block;
}
.swb {
	background: rgba(0, 0, 0, 0) url(../img/icon_swb.png) no-repeat center 0.075rem;
	width: 0.9rem;
	height: 0.45rem;
	background-size: 60%;
	float: left;
	/*margin-top: 0.13rem;*/
	margin-left: 0.5rem;
	display: block;
	border: none;
	padding-top: 0.6rem;
	text-align: center;
}
.tgb {
	background: rgba(0, 0, 0, 0) url(../img/icon_tgb.png) no-repeat top center;
	width: 0.9rem;
	height: 0.45rem;
	background-size: 75%;
	/*margin: 0 auto;*/
	float: right;
	margin-right: 0.5rem;
	padding-top: 0.6rem;
	text-align: center;
	display: block;
	border: none;
}
.to_home{
background: rgba(0, 0, 0, 0) url(../img/icon_home_.png) no-repeat center center;
	width: 0.45rem;
	height: 0.45rem;
	background-size: 100%;
	float: left;
	margin-top: 0.19rem;
	margin-left: 0.21rem;
	display: block;
	border: none;
}
.to_swb{
background: rgba(0, 0, 0, 0) url(../img/icon_swb.png) no-repeat center center;
	width: 0.45rem;
	height: 0.45rem;
	background-size: 100%;
	float: left;
	margin-top: 0.21rem;
	margin-left: 0.21rem;
	display: block;
	border: none;
}
.header h1 {
	text-align: center;
	font-size: 0.3rem;
	line-height: 0.8rem;
	font-weight: normal;
	width: 60%;
	margin: 0 auto;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	
}

/*内容外套层*/

.con {
	width: 100%;
	overflow: hidden;
	padding: 0.8rem 0rem 0rem;
	background-color: #fff;
}

/*头部背景*/

.bg_box {
	width: 100%;
	position: relative;
	z-index: 1;
}
.bg_box .bg img {
	width: 100%;
	/*height: 2.133333333rem;*/
	height: auto;
	display: block;
}

/*产品信息*/

.content_box {
	width: 100%;
	overflow: hidden;
}
.content_title {
	width: 100%;
	height: 0.9rem;
	line-height: 0.9rem;
	box-shadow: 0 0.09rem #999999;
	border-bottom: 2px solid;
}
.content_title h2 {
	color: #333;
	padding-left: 0.3rem;
	font-size: 0.3rem;
	letter-spacing: 0.03rem;
	font-weight: normal;
	float: left;
	margin: 0;
}
.content_title h2:after {
	content: ">";
	margin-left: 0.3rem;
}
.content_title h2:last-of-type:after {
	content: " ";
	display: none !important;
}
.content_title p {
	float: right;
	margin-right: 0.3rem;
	color: #333;
}
.content_title p:after {
	content: ">";
	display: block;
	float: right;
	margin-left: 2px;
}
.pro_inf_name {
	background-color: #FFFFFF;
	margin-bottom: 0.09rem;
}
.pro_inf_name h1, .pro_inf_name h2 {
	font-weight: normal;
	padding-left: 0.09rem;
	padding-bottom: 0.06rem;
}
.pro_inf_name h1 {
	padding-top: 0.06rem;
	font-size: 0.5rem;
	width: 100%;
	font-family: "黑体";
	overflow: hidden;
	white-space: nowrap;
	/* 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。不换行 */
	text-overflow: ellipsis;
	/* IE 专有属性，当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.pro_inf_name h2 {
	font-size: 0.24rem;
	font-family: "宋体";
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	/* 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。不换行 */
	text-overflow: ellipsis;
	/* IE 专有属性，当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.pro_information {
	background-color: #FFFFFF;
	margin-bottom: 0.4rem;
}
.pro_information h3 {
	font-size: 0.3rem;
	font-weight: normal;
	padding: 0.09rem;
	font-family: "黑体";
}
.pro_information .pro_information_article {
	padding: 0.06rem 0.3rem;
	font-family: "宋体";
	font-size: 0.21rem;
	line-height: 0.3rem;
	letter-spacing: 0.03rem;
}

/*原pc右边栏*/

.con_tabs {
	height: 0.65rem;
	border-bottom: 2px solid;
	width: 100%;
}
.con_tabs li {
	margin-right: 0.2rem;
}
.con_tabs a {
	float: left;
	/*font-size: 0.3rem;*/
	padding: 0.03rem;
	padding-top: 0.09rem;
	display: block;
	/*font-family: '黑体';*/
  font-weight: bold;
  font-size: 16px;
  color: #333;
  line-height: 0.4rem
  /*padding-left: 8px;*/
}
.cb4{
	/*margin-top: -0.1rem;*/
}
/*选项卡按钮*/

.slideTxtBox .hd ul {
	width: 100%;
	height: 0.65rem;
	
	margin-left: 0.3rem;
/*padding-top: 0.1rem;*/
overflow: hidden;
}
.slideTxtBox .hd ul li {
	float: left;
	margin-top: 0.05rem;
	
}
.slideTxtBox .hd ul li a {
	color: #333 ;
}
.slideTxtBox .hd ul li.on {
	border-bottom: 1px solid ;
}

/*选项卡内容*/

.con_tab_show {
	background-color: #FFFFFF;
	width: 100% !important;
	height: auto !important;
}
.con_tab_show ul{
	
}
.con_tab_show ul .resmore{
	text-align: center;
}
.con_tab_show ul .resmore a{
line-height: 0.5rem;
    display: block;
    padding: 0.05rem 0;
        margin: 0 0.3rem;
    background-color: #eee;
    font-size: 0.24rem;
}
/*选项卡内容 图片列表*/

.con_tab_show .cts_imglist {
	margin: 0.15rem 0;
}
.con_tab_show .cts_imglist li {
	padding: 0.09rem 0;
	width: 100%;
}
.con_tab_show .cts_imglist li:after {
	display: table;
	height: 0px;
	content: " ";
	clear: both;
}
.chef_img {
	float: left;
	width: 25%;
	margin-left: 5%;
	overflow: hidden;
	height: 1.5rem;
	width: 2rem;
	line-height: 1.4rem;
}
.chef_img img {
}
.chef_info {
	float: left;
	width: 56%;
	margin-left: 4%;
	margin-top: -0.05rem;
	margin-bottom: 0.05rem;
}
.chef_info p {
	width: 100%;
	overflow: hidden;
	font-size: 0.2rem !important;
	line-height: 0.27rem;
	height: 0.8rem;
	color: #6b6b6b;
}
.chef_info h2 {
	font-size: 0.3rem;
	font-weight: normal;
	text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
width:100%;

}
.chef_info h3 {
	font-weight: normal;
	color: #515151;
	font-size: 0.21rem;
	line-height: 0.3rem;
	margin-bottom: 0.06rem;
}
.footer .type_info {
	text-align: center;
	
	padding: 0.09rem 0;
	/*line-height: 0.3rem;*/
}
.footer .type_info span{
line-height: 0.35rem;
font-size: 0.2rem;
padding: 0 0.45rem ;
display: block;
}
/*选项卡内容 列表形式*/

.cts_list {
	margin: 0.3rem 0;
}
.cts_list li {
	/*margin-left: 10%;*/
	line-height: 0.45rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
.cts_list li:before{
	content: " ";
	display: block;
	width: 0.06rem;
	height: 0.06rem;
	background-color: #666;
	float: left;
	margin-top: 0.2rem;
}
.cts_list li a {
	font-size: 0.24rem;
	margin-left: 0.15rem;
	width: 100%;
}

/*选项卡内容 图文形式*/

.cts_imgart {
	margin: 0.2rem 0;
}
.cts_imgart li {}
.cts_imgart img {
	display: block;
	margin: 0 auto;
	width: 90%;
}
.cts_imgart p {
	font-size: 0.24rem;
	padding: 0 0.3rem;
	margin: 0.2rem 0;
}

/*信息列表*/

.main_info_box {
	clear: both;
	width: 100%;
	background-color: #FFFFFF;
	/*margin-top: -0.1rem;*/
}

.main_info_box ul{ padding:0; margin: 0;}
.main_info_box ul li{ padding:5% 2%; display:table; width:96%; border-bottom:1px solid #dfdfdf; position:relative;}
.main_info_box ul li .img_box{ width:35%; float:right; background-color:#fafafa;}
.main_info_box ul li .img_box img{ width:100%; float:left;}
.main_info_box ul li .info_container{ width:60%; float:left;}
.main_info_box ul li .info_container h3{ font-size: 0.27rem; font-weight:normal;}
.main_info_box ul li .info_container span{ position:absolute; left:2%; bottom:15%; font-size:0.15rem; color:#666;}

/*订单*/

.order_box {
	clear: both;
	width: 100%;
	background-color: #FFFFFF;
	/*margin-top: -0.1rem;*/
}
.order_title {
	width: 100%;
	height: 0.8rem;
	/*line-height: 0.6rem;*/
	border-bottom: 2px solid;

}
.order_title h2 {
  font-size: 16px;
  color: #333;
  line-height: 0.8rem;
  padding-left: 8px;
	margin: 0;
}
.order_box input, .order_box textarea {
	width: 80%;
	margin: 0.2rem auto;
	border-radius: 0.06rem;
	font-size: 0.24rem;
}
.order_box input[type="text"] {
	display: block;
	width: 79%;
	border: 1px solid #666;
	height: 0.6rem;
	padding-left: 0.06rem;
}
.order_box textarea {
	display: block;
	border: 1px solid #666;
	width: 78% !important;
	height: 1.5rem;
	padding: 0.06rem;
	resize: none !important;
}
.order_box input[type="button"] {
	border: none;
	display: block;
	color: #FFFFFF;
	margin-bottom: 0.3rem;
	height: 0.6rem;
	font-size: 0.24rem;
}
.order_box input[name="auth_code"] {
	width: 65%;
	float: left;
	margin: 0 !important;
	/*margin-left: 0.36rem !important;*/
}
.order_box p {
	text-align: center;
	overflow: hidden;
	width: 79%;
	margin: 0 auto;
}
.order_box p img {
	display: block;
	float: left;
	margin-left: 0.09rem;
	width: 1.5rem;
	margin-top: 0.03rem;
}

/*底部*/

.footer {
	width: 100%;
	/*height: 0.9rem;*/
	bottom: -0.018rem;
	background-color: #f5f5f5;
}
.footer ul {
	margin-right: -0.5rem;
}
.footer ul li {
	float: left;
	width: 20%;
	border-right: 1px solid #666;
	text-align: center;
}
.footer ul li:nth-child(3), .footer ul li:nth-child(4) {
	width: 29%;
}
.footer ul li:nth-child(4) {
	border: none;
}
.footer ul li a {
	display: block;
	height: 0.9rem;
	width: 100%;
	font-size: 0.21rem;
	line-height: 0.9rem;
	text-align: center;
}
.footer ul li a:active {}
.gobottom {
	height: 0.45rem !important;
	line-height: 0.45rem !important;
	margin: 0.135rem auto;
	color: #FFFFFF;
	width: 80% !important;
}

/*翻页*/

.page_turn>div>* {
	padding: 0.06rem 0.09rem;
	color: #222;
	margin-left: 5px;
	font-size: 0.24rem;
}
.page_turn {
	text-align: center;
	padding: 0.3rem 0;
}
.page_turn a {
	border: 1px solid #222;
	background-color: #ffffff;
	cursor: pointer;
}
.page_turn span {}

/*美食页*/

.content {
	
	width: 6.1rem;
	overflow: hidden;
	margin: 0.1rem auto;
}
.content img{  vertical-align: top;}
  
.content_title {
	width: 100%;
	height: 0.8rem;
	line-height: 0.6rem;
	box-shadow: 0 0 0.09rem rgba(0, 0, 0, 0.4);
}
.content_title h2 {
	/*color: #333;*/
	padding-left: 0.3rem;
	/*font-size: 0.3rem;*/
	/*font-weight: normal;*/
	float: left;
	font-weight: bold;
  font-size: 0.3rem;
  color: #333;
  line-height: 0.8rem;
  padding-left: 8px;
  margin: 0;
}
.content_title p {
	float: right;
	margin-right: 0.3rem;
	color: #333;
	font-size: 0.24rem;
  line-height: 0.8rem;
}
.content_title p:after {
	content: ">";
	display: block;
	float: right;
	margin-left: 2px;
}
.content .details_content .details_title{
	padding: 0;
}
.content .details_content .details_content_main{
	padding: 0.1rem 0.2rem;
}
.content ul.pro_list {
	width: 6.2rem;
	margin-left: -0.1rem;
	/*margin-bottom: 0.054rem;*/
}
div.con_wrap {
	margin: 0 auto;
	width: 6.1rem;
	
}
.content .pro_list li {
	width: 3rem;
	/*height: 3rem;*/
	float: left;
	margin-top: 0.1rem;
	background-color: #FFFFFF;
	margin-left: 0.1rem;
	/*padding-bottom: 0.06rem;*/
}
/*.content .pro_list li:nth-of-type(odd){
	margin-left: 0 !important;
}*/
.content .pro_list li a{
	width: 100%;
	height: inherit;
	display: block;
	overflow: hidden;
	text-align: center;
}
.con_img {
	width: 3rem;
	height: 2.25rem;
	line-height: 2.2rem;
	overflow: hidden;
	text-align: center;
	display: inline-block;
}
.con_img img {
	vertical-align: top;
}
.con_inf {
	text-align: center;
}
.con_inf>* {
	/*padding-left: 0.09rem;*/
	font-size: 0.21rem;
	line-height: 0.3rem;
	margin-top: 0.05rem;
	overflow: hidden;
	font-weight: normal;
	white-space: nowrap;
	/* 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。不换行 */
	text-overflow: ellipsis;
	/* IE 专有属性，当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.con_inf h3 {
	font-size: 0.21rem;
	text-align: center;
	color: #999;
}
.pro_list .con_inf h2{
margin-bottom: 0;	
}

/*新闻图片列表页*/

.s_img_list {}
.news_img_list li {
	width: 100%;
}
.news_img_list li:nth-child(odd) {
	background-color: #FFFFFF;
}
.news_img_list li:nth-child(even) {
	background-color: #EEEEEE;
}
.news_img_list li a {
	display: block;
	margin: 0 auto;
	width: 6.2rem;
	padding: 0.1rem 0;
	/*border-bottom: 1px solid #000000;*/
}
.news_img_list li:last-child {
	border-bottom: none;
}
.news_img_list li a:after {
	display: table;
	height: 0px;
	content: " ";
	clear: both;
}
.cts_imgart_img {
	float: left;
	width: 1.8rem;
	height: 1.35rem;
	line-height: 1.27rem;
	margin-left: 0.1rem;
	overflow: hidden;
}
.cts_imgart_img img {
	vertical-align: middle;
}
.cts_imgart_art {
	float: right;
	width: 4rem;
	margin-right: 0.1rem;
}
.cts_imgart_art h2 {
	font-size: 0.27rem;
  line-height: 0.4rem;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 4rem;
	overflow: hidden;
	margin: 0;
	color: #444;
}
.cts_imgart_art h2 span.sub_title{
	color: #999;
	font-size: 0.21rem;
}


.cts_imgart_art p {
	font-size: 0.21rem;
	width: 3.9rem;
	/*height: 0.9rem;*/
	margin-top: 0.09rem;
	color: #666;
  overflow: hidden;
  line-height: 0.3rem;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -o-line-clamp: 3;
  line-clamp: 3;
  -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;
	
}

/*新闻列表页*/

.news_list {}
.news_list li {
	display: block;
	margin: 0 auto;
	/*padding: 0.3rem 0;
	padding-left: 0.3rem;
	padding-right: 0.3rem;*/
	padding: 0.2rem;
}
.news_list li:nth-child(odd) {
	background-color: #FFFFFF;
}
.news_list li:nth-child(even) {
	background-color: #EEEEEE;
}
.news_list li a>* {}
.news_list h2 {
	font-size: 0.26rem;
	line-height: 0.3rem;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal;
}
.news_list h3 {
	font-size: 0.21rem;
	line-height: 0.3rem;
	/*height: 0.9rem;*/
	overflow: hidden;
	margin-top: 0.09rem;
	color: #444;
	font-weight: normal;
	
  -webkit-line-clamp: 10;
  -moz-line-clamp: 10;
  -o-line-clamp: 10;
  line-clamp: 10;
  -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;
}

/*产品详细页面*/

.pro_details_box {
	background-color: #FFFFFF;
}
.pro_details{
	width: 100%;
}
.pro_details_box .pro_img {
	/*width: 6.2rem;*/
}
.pro_details_box .pro_img img {
	width: 100%;
	height: 100%;
	
	display: block;
}
.swiper-wrapper{
	/*width: 6.2rem !important;*/

}
.swiper-wrapper .swiper-slide {
	/*width: 6.2rem !important;*/
}
.swiperbox{
	/*width: 6.4rem !important;*/
	/*margin-left: -0.1rem;*/
	/*width: 6.2rem !important;*/
}
.swiper-container{
	/*width: 6.2rem !important;*/
}
.pro_img_wrap{

		width: 4rem;
	margin: 0 auto;
	overflow: hidden;
	height: 3rem;
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
}
.swiper-button-next {
	/*background: url(../img/arrow_right.png) no-repeat center center;*/
}
.swiper-button-prev {
	/*background: url(../img/arrow_left.png) no-repeat center center;*/
}

.pro_details_title {
	
}
.pro_details_title>* {
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	width: 6.2rem;
}
.pro_details_title h2 {
	font-size: 0.3rem;
	font-weight: normal;
	line-height: 0.5rem;
	padding: 0.2rem 0;
	
	width: auto;
}
.pro_details_title p.p_price {
	font-size: 0.24rem;
	font-weight: normal;
	line-height: 0.36rem;
	padding-bottom: 0.3rem;
	width: 6.2rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.pro_details_title p span {
	font-size: 0.24rem;
	font-weight: normal;
	line-height: 0.36rem;
	margin-left: 0.06rem;
}
.pro_details_info {
	padding: 0.2rem;
}
.pro_details_info>* {
	width: 6.2rem;
}
.pro_details_info h3 {
	font-size: 0.24rem;
	font-weight: normal;
	line-height: 0.36rem;
	margin-top: 0.15rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.pro_details_info p {
	font-size: 0.24rem;
	font-weight: normal;
	line-height: 0.3rem;
	padding-bottom: 0.3rem;
	padding-top: 0.06rem;
	width: 100%;
}

/*内容详情页*/

.details_content h1 {
	text-align: center;
	font-size: 0.32rem;
	font-weight: normal;
	line-height: 0.4rem;
	padding: 0.1rem 0;
	
}
.details_title p {
	text-align: center;
		padding: 0.1rem 0;
		color: #8e8e8e;
}
.details_title span {
	margin-left: 0.06rem;
	display: inline-block;
			color: #8e8e8e;
}
.details_title a {
			color: #8e8e8e;
}
.details_content_main p {
	width: 100%;
	word-break: break-all;
}
.details_content_main embed {
    height: 218px;
    width: 350px;
}

/*半图列表页*/
.half_img_list {}
.half_img_list li {
	width: 100%;
}
.half_img_list li:nth-child(odd) {
	background-color: #FFFFFF;
}
.half_img_list li:nth-child(even) {
	background-color: #f6f6f6;
}
.half_img_list li a {
	display: block;
	margin: 0 auto;
	width: 6.2rem;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	/*border-bottom: 1px solid #000000;*/
}
.half_img_list li:last-child {
	border-bottom: none;
}
.half_img_list li a:after {
	display: table;
	height: 0px;
	content: " ";
	clear: both;
}
.hil_img {
	float: left;
	width: 3rem;
	height: 2.25rem;
	line-height: 2.2rem;
	/*margin-left: 0.1rem;*/
	overflow: hidden;
}
.hil_img img {
}
.hil_art {
	float: right;
	width: 3rem;
	margin-right: 0.1rem;
}
.hil_art h2 {
	font-size: 0.27rem;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 3rem;
	overflow: hidden;
	height: 0.55rem;
}
.hil_art p {
	line-height: 0.3rem;
	font-size: 0.21rem;
	width: 3rem;
	height: 1.16rem;
	overflow: hidden;
	color: #6b6b6b;
}
.hil_art button{
	padding: 0 0.2rem;
	margin-top: 0.125rem;
	height: 0.4rem;
	line-height: 0.4rem;
	border: none;
	/*float: right;*/
	font-size: 0.21rem;
	color: #fff;
}



.in_pn{ display:table;
/*padding: 0.1rem;*/
width: 5.7rem;
padding-bottom: 0.3rem;
}
.in_pn span{
	display: block;
	width: 100%;
	margin-top: 0.1rem;
	padding-left: 0.15rem;
}
.in_pn font{
	display: block;
	width: 1rem;
	float: left;
}

.in_pn a{ border-radius: 0.2rem; 
 text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
width: 4.5rem;
float: left;
display: block;
padding-left: 0.05rem;
 }
 .in_pn span:after{
 	content:" ";  
display:table;   
height:0;   
clear:both;   
visibility:hidden;  
 }
.in_pn a:hover{ background-color:#999;}
.in_pn a.left{ float:left;}
.in_pn a.right{ float:right;}












/*17-3-7 NOT-FOUND*/
.notfound{
	width: 100%;
	background-color: #fff;
	text-align: center;
	
}

.notfound .nf_img{
	margin-top: 2rem;
}
.notfound .nf_art{
	text-align: center;
	font-size: 0.24rem;
	cursor: default;
	line-height: 0.8rem;
}
.notfound .nf_btn{
	display: inline-block;
	width: 2.4rem;
	height: 0.6rem;
	line-height: 0.6rem;
	border-radius: 0.1rem;
	background-color: #5d9cec;
	color: #fff;
	font-size: 0.2rem;
	margin-bottom: 1.5rem;
	margin-top: 0.5rem;	
	
}

.notfound .nf_btn:hover{
	text-decoration: none;
	cursor: pointer;
}




/*3.14左侧导航*/

.sub_nav_box{
	height: 0;
	max-height: 20vh;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all 0.6s ease-in;  /* Safari 和 Chrome */
	-moz-transition: all 0.6s ease-in;  /* Firefox 4 */
	-ms-transition: all 0.6s ease-in; /* ie8 */
	-o-transition: all 0.6s ease-in;  /* Opera */
	transition: all 0.6s ease-in;

}
.background_color+.sub_nav_box{
	opacity: 1;
	height: auto;
	max-height: 100vh;
}
.nav .nav_list_wrap .sub_nav_box .sub_nav>li>a{
	font-size: 0.27rem;
	margin: 0 0.06rem;
	color: #ddd;
	border-bottom: 1px dashed #666;
}

/*footer*/

#footer {
	padding-top: 1.15rem;
}
.index_nav {
	height: 1.15rem;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9995;
	/*background-color: #BA2D07;*/
}
.index_nav ul {
	width: 100%;
	height: 1.15rem;
	display: flex;
}
.index_nav li {
	/*width: 33%;*/
	float: left;
	height: 1.15rem;
	list-style: none;
	flex: 1;
	position: relative;

}
.index_nav li a{
  display: table-cell;
  text-align: center;
  /*transform: translate(-50%,-50%);*/
/*transform: translateX(-50%);*/
display: flex;
	 justify-content:center;
    align-items:Center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: inherit;
  vertical-align: middle;

}
.index_nav li i {
	display: block;
	font-size: 0.4rem;
	color: #fff;
}
.index_nav a {
	font-size: 0.24rem;
	color: #fff;
	text-align: center;
	display: inline-table;
	width: 70%;
	padding: 0 15%;
}
.index_nav a span{
	font-size: 0.2rem;
	display: block;
	width: 100%;
	margin-top: 0.1rem;
}

/*带价格的商品新板式*/

.cb2{
	
}
.cb2 .content .pro_list li {
	height: 3.3rem;
	
	
}
.cb2 .content .pro_list li .con_inf{
	/*height: 3.2rem;*/
	
	
}

.cb2 .content .pro_list li .con_inf h2{
	  -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;
white-space: normal;
	text-indent: 2px;
}

.cb2 .content .pro_list li .con_inf p{
	text-align: left;
	text-indent: 2px;
	font-size: 0.28rem;
	
	
	
}
.cb2 .content .pro_list li .con_inf p:before{
	content: "¥";
	margin-right: 0.1rem;
}




.cbi a{
	display: block;
	width: auto;
	
}
.cbi a img{
	width: 100%;
	display: block;
}

.cbi ul , .cbi1 a{
	margin: 0.1rem;
}
.cbi0 a{
	display: block;
	margin: 0.1rem 0; 	
}
.cbi2 ul li{
	width: 48%;
	margin: 0 1%;
	float: left;
}


.cbi3 ul li{
	width: 31%;
	margin: 0 1%;
	float: left;
}


/*3.16商品页*/
.sales{
    font-size: 0.24rem;
    font-weight: normal;
    line-height: 0.36rem;
    margin-bottom: 0.3rem;
    width: 5.6rem;
    -webkit-line-clamp: 4;
  -moz-line-clamp: 4;
  -o-line-clamp: 4;
  line-clamp: 4;
  -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;
  color:#cc002b;
}

.pro_details_info .add{
	line-height: 0.6rem;
	height: 0.6rem;
}
.pro_details_info .add a{
	display: block;
	text-align: center;
}
.add img{
	float: left;
}

.add span{
	float: left;
	font-size: 0.24rem;
	margin: 0 0.2rem;
}



/*3.17百度地图*/
.content .details_content_main iframe{
	width: 100% !important;
  border-right: 1px solid rgb(204, 204, 204);
	padding-right: 1px;
}





/*3.18产品详情页面.tb风格*/


.p_details_box{
	
}
.p_details{
	
}

.p_details_box .p_details .swiper-slide a{
	position: relative;
	width: 100%;
	display: block;
}
.p_details_box .p_details .swiper-slide a:before{
  content: ' ';
  padding-top: 75%;
  display: block;
}
.p_details_box .p_details img{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	max-width: 100%;
	max-height: 100%;
}

.p_details_info h1{
	font-size: 0.3rem;
	font-weight: normal;
	padding: 0.1rem 0;
}
.p_details_info .p_price{
	font-size: 0.25rem;
  font-weight: normal;
  line-height: 0.3rem;
  padding: 0.1rem 0;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #666;
}
.p_details_info .p_price span{
	font-size: 0.27rem;
	margin: 0.1rem;
}
.p_details_info .sales{
	font-size: 0.24rem;
  font-weight: normal;
  line-height: 0.3rem;
  padding: 0.1rem 0;
  margin: 0;
    width: auto;
}
.p_details_info .p_xcy{
		font-size: 0.24rem;
  font-weight: normal;
  line-height: 0.3rem;
  padding: 0.1rem 0;
  margin: 0;
  width: auto;
    color: #666;
}
.p_details_info .add{
	  padding: 0.1rem 0;
	  text-align: center;
}
.p_details_info .add.btn2 a{
	width: 2.8rem;
	display: inline-block;
	padding: 0.1rem 0;

}
.p_details_info .add a{
		border-radius: 5px;
		margin: 0 2px;
}
.p_details_info .add.btn1 a{
	line-height: 0.8rem;
	display: block;
	width: 6rem;
	text-align: center;
	margin: 0 auto;
}
.p_details_info .add.btn2 a.wygm{border: 1px solid;}

.p_details_info .add img{
	float: none;
	display: inline-block;
vertical-align: middle;
}

.p_details_info .add span{
	float: none;
	line-height: 0.4rem;
	font-size: 0.27rem;
	/*width: 5rem;*/
	display: inline-block;
	color: #fff;
	vertical-align: middle;
	margin: 0 !important;
}
/*2017-03-20*/
.h_guest_box{padding:0.2rem;}
.h_guest_box input,.h_guest_box textarea,.h_guest_box select{border:none;padding:0;margin:0;outline:0;background:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;font-size:0.26rem;color:#333;text-align:right;}
.h_guest_box ul{margin-bottom:-0.2rem;}
.h_guest_box ul li{border:solid 1px #ccc;padding:0.18rem;border-radius:0.1rem;margin-bottom:0.2rem;overflow:hidden;}
.h_guest_box ul li label{font-size:0.26rem;color:#333;float:left;}
.h_guest_box ul li input[type=text]{width:3.6rem;float:right;}
.h_guest_box ul li.select select{float:right;width:3.6rem;direction:rtl;-webkit-appearance:none;}
.h_guest_box ul li.date input,.h_guest_box ul li.select select{padding-right:0.3rem;background:url(../img/h_guest_tran.png) no-repeat right center;background-size:0.2rem;}
.h_guest_box ul li.check{border:none;padding:0;border-radius:0;}
.h_guest_box ul li.check a{width:2.5rem;padding:0.17rem;float:left;border:solid 1px #ccc;border-radius:0.1rem;text-align:center;vertical-align:middle;}
.h_guest_box ul li.check a.woman{float:right;}
.h_guest_box ul li.check a.checked{border:solid 1px #eb5405;}
.h_guest_box ul li.check a i{padding:0 0.18rem 0 0;vertical-align:middle;font-size:0.3rem;}
.h_guest_box ul li.word{text-align:center;border:none;}
.h_guest_box ul li.word p{font-size:0.24rem;color:#666;line-height:1.7;}
.h_guest_box ul li.word span{color:#eb5405;}
.h_guest_box ul li.word a{color:#eb5405;text-decoration:underline;}
.h_guest_box ul li.btn{border:none;padding:0;}
.h_guest_box ul li.btn input{padding:0.21rem;width:100%;text-align:center;color:#fff;cursor:pointer;background:#eb5405;font-size:0.3rem;}
.h_guest_box ul li.verify{overflow:hidden;border:none;border-radius:0;padding:0;}
.h_guest_box ul li.verify div{float:left;padding:0.18rem;border:solid 1px #ccc;border-radius:0.1rem;width:3.4rem;overflow:hidden;}
.h_guest_box ul li.verify span{float:right;}
.h_guest_box ul li.verify span img{height:0.73rem;border-radius:0.1rem;}
.h_guest_box ul li.verify input[type=text]{width:2rem;}
.h_guest_box ul li#sexchoose{overflow:hidden;margin-right:-0.4rem;}
.h_guest_box ul li#sexchoose>label{float:left;margin-right:0.4rem;font-size:0.26rem;}
.h_guest_box ul li#sexchoose>label input{margin-right:0.06rem;}




/*3-20冲突掉mui*/

h1, h2, h3, h4, h5, h6 {
margin: 0;
}
@media only screen and (min-width: 1024px){
	body {width: auto;}
}


/*3.23图片居中*/
.i_box{
	overflow: hidden;
	text-align: center;
	display: block;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.i_box img{
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
}

.wap_fanye{
	/*display: none;*/
	text-align: center;
	padding: 20px 0;
}
.wap_fanye:after{content:" "; display:table; height:0; clear:both; visibility:hidden; }
/*手机分页效果*/
.wap_fanye a, .wap_fanye span {
	padding: 5px 12px;
	display: inline-block;
	font-size: 14px;
	margin: 0 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.wap_fanye span{
	border: none;
}
.wap_fanye a.prev{
	float: left;
}


.wap_fanye a.next{
	float: right;
}

/*4.11*/
.ewm{
	text-align: center;
	padding-top: 0.2rem;
}

.ewm_item{
	display: inline-block;
	width: 1.5rem;
}
.ewm_item img{
	width: 1.2rem;
	height: 1.2rem;
	margin: 0 auto;
}

.ewm_item p{
	font-size: 0.2rem; overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}



/*4.12占时解决软键盘弹出隐藏挤压界面问题*/
@media only screen and (min-width: 440px) {
	.fix_footer{display: block !important;}
}
@media only screen and (max-height: 440px) {
	.fix_footer{display: none !important;}
}

/*6.1手机底部加电脑版和手机版的按钮*/

.footer_btn {
	text-align: center;
	padding: 0.2rem 0;
}
.footer_btn a{
	display: inline-block;
	width: 20%;
	font-size: 0.21rem;
}


/*826三级导航*/
.nav .nav_list_wrap .sub_nav_box .third_nav>li>a {
 font-size: 0.2rem;
 margin: 0 0.06rem;
 color: #999;
 
 
 border-bottom: 1px dotted #666;
}
.nav .nav_list_wrap .sub_nav_box .sub_nav>li>a{
	font-size: 0.25rem;
}
.third_nav_box{
	height: 0;
 max-height: 20vh;
 opacity: 0;
 -webkit-transition: all 0.6s ease-in;
 -moz-transition: all 0.6s ease-in;
 -ms-transition: all 0.6s ease-in;
 -o-transition: all 0.6s ease-in;
 transition: all 0.6s ease-in;
}
.nav .nav_list_wrap .sub_nav_box .sub_nav>li>a.hover+.third_nav_box{
  opacity: 1;
  height: auto;
  max-height: 100vh;
}

.sub_nav li a , .nav_list_wrap>ul>li>a{
	position: relative;
}
.sub_nav>li>a.sub:before , .nav_list_wrap>ul>li>a.sub:before{
		content: "+";
	position: absolute;
	display: block;
	top: 0.15rem;
	left: -0.2rem;
	font-size: 0.3rem;
}
.sub_nav>li>a.sub.hover:before , .nav_list_wrap>ul>li>a.sub.background_color:before{
	content: "-";
}

/*左对齐*/
.nav .nav_list_wrap>ul>li a{
	text-align: left;
	text-indent: 0.25rem;
	padding: 0.15rem 0;
	width: calc(100% - 0.12rem);
}
.nav .nav_list_wrap .sub_nav_box .sub_nav>li>a{
	text-indent: 0.35rem;
}
.nav .nav_list_wrap .sub_nav_box .sub_nav>li>a:before{
	left: -0.3rem;
}
.nav .nav_list_wrap .third_nav_box .third_nav>li>a{
	text-indent: 0.5rem;
}
/*9.26*/
.header .nav_switch{
 width: 0.8rem;
 font-size: 0.3rem;
 margin-right: 0.2rem;
}

/*18.2.9*/
.bg .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #fff;
	opacity: 1;
}



/*18.3.2  自定义列*/
.cbi_auto ul li{
	width: 48%;
	margin: 1vw 1%;
	float: left;
}
/*18.6.9  导航顶部菜单*/
.nav_box{background:#c00;height:132px;padding:20px 0;position:relative}
.nav_box:after{content:"";width:calc(100% - 20px);position:absolute;top:50%;height:1px;left:10px;background-color:rgba(255,255,255,.3);display:block}
.nav_box ul{overflow:hidden}
.nav_box ul li{float:left;width:25%}
.nav_box ul li:nth-of-type(1) a,.nav_box ul li:nth-of-type(2) a,.nav_box ul li:nth-of-type(3) a,.nav_box ul li:nth-of-type(4) a{padding-top:0;padding-bottom:.25rem}
.nav_box ul li:nth-of-type(4n) a{border-right:none}
.nav_box ul li a{display:block;text-align:center;padding-top:.25rem;border-right:solid 1px rgba(255,255,255,.3)}
.nav_box ul li a span{display:inline-block;width:.5rem}
.nav_box ul li a span img{width:100%}
.nav_box ul li a p{color:#efefef;font-size:.26rem;margin-top:.04rem}