﻿body{
	background: white!important;
}
p{
	color: #494949;
}
.left-area{
	border: 0;
}
.left-area-tb{
	height: 470px;
	width: 538px;
	border: 1px solid #e4e4e4;
}
.share-box{
	position: absolute;
	bottom: -30px;
	left: 150px;
}
.shar-img{
	width: 20px;
	height: 20px;
}
.share-title{
	position: relative;
	top: -5px;
}
.right-area{
	border: 0;
}
.right-area-le50{
/*	width: 627px;*/
	width: 380px;
    padding: 36px 0 0 50px;
    font-family: 'Tahoma',\5FAE\8F6F\96C5\9ED1
}
.bo-hr{
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 10px;
}
.cpxq-explain{
	color: #8b1c21;
	font-size: 25px;
	text-overflow: ellipsis;
	max-height: 55px;
	height: auto;
}
.good-title{
	min-height: 65px;
	max-height: 65px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 10px;
	color: #555555;
}
.goods-info{
	padding:30px 0;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
}
.goods-info p{
	line-height: 25px;
	color: #888888;
}
.introduction{
	padding: 30px 0;
}
.introduction-title{
	padding-bottom: 25px;
}
.introduction-info{
	line-height: 25px;
	color: #888888;
}
.join-btn{
	padding: 10px 50px;
	background: #8b1c21;
	color: white;
	border: 0;
	margin-top: 70px;
}
.guess-box{
	padding: 10px;
	border-bottom: 1px solid #8b1c21;
	text-align: center;
	margin-top: 50px;
}
.guess-box img{
	width: 15px;
	top: 3px;
	margin-right: 5px;
	position: relative;
	}
	
.theme-box{
	margin-top: 30px;
	text-align: center;
}
.theme-1{
	width: 100%;
}
.theme-1 img{
	width: 100%;
}
.theme-2{
	display: flex;
	margin-top: 15px;
}
.theme-img {
	position: relative;
}
.theme-img img{
	width: 100%;
}
.ma-le-20{
	margin-left: 20px;
}
.hand-box{
	margin-top: 20px;
}
.hand-top{
	display: flex;
	text-align: center;
}
.hand-top img{
	width: 100%;
}

.hand-info,.information,.information-top{
	display: flex;
	justify-content: space-between;
}

.information{
	padding: 25px 0;
	border-top: 1px solid #8b1c21;
	margin: 50px auto;
}

.information-top h2,.information-top p{
	width: 50%;
}
.information-top h2{
	text-align: left;
	font-size: 16px;
	color: #777777;
}
.information-top p{
	text-align: right;
	color: #999999;
}
.information-top p a{
	color: #999999;
}
.information-bo{
	width: 45%;
}
.information .information-bo:last-child{
	margin-left: 10%;
}
.information-info{
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}
.information-info img{
	width: 228px;
}
.information-ul{
	width: 272px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
.information-ul ul li{
/*	line-height: 35px;*/
	display: block;
	width: 100%;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 35px;
}


/*加盟案例*/
.case-img{
	width: 100%;
	position: relative;
	max-width: 1920px;
	min-width: 1200px;
}
.case-img img{
	width: 100%;
}
.case-meun{
	/*padding: 25px 0;*/
	border-bottom: 1px solid #e4e4e4;
	margin-bottom:25px;  /*171014*/
}
.case-meun ul{
	justify-content: center;
    display: flex;
    width: 100%;
    /*max-width: 1920px;
	min-width: 1200px;*/
    position: relative;
}
.case-meun ul li{
	/*padding: 25px 20px;*/
	padding: 0px 20px; /*171014*/
	display: block;
	position: relative;
}
.case-meun ul li a{
	color: #333333;
	display:block;
	line-height:70px; /*171014*/
	border-bottom: 3px solid #fff; /*171014*/
	font-size:15px;
	
}

.case-meun ul li a:hover{
	color: #8b1c21;
	display:block;
	line-height:70px; /*171014*/
	border-bottom: 3px solid #8b1c21; /*171101*/
	font-size:15px;
	
}

.case-meun ul .cur{
	border-bottom: 2px solid #8b1c21;
}
.case-meun ul .cur a{
	color: #8b1c21;
}
.case-meun ul .cur:after{
	content: "";
	width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #8b1c21;
    position: absolute;
    left: 72px;
    bottom: -10px;
}
.case-h2{
	text-align: center;
	font-size: 26px;
	color: #888888;
}
.case-title{
	text-align: center;
}
.ba-fb{
	background: #8b1c21;
}
.goods{
	padding: 0;
}
.ma-to-30{
	margin-top: 30px;
}
.case-title{
	font-size: 35px;
	color: white;
}
.advantage-info{
	color: white;
}
.casep-info{
	color: white;
}
.casep-info{
	color: white;
	width: 70%;
	margin: 0 auto;
	line-height: 25px;
	font-size: 18px;
}
.case-info{
	color: white;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
}
.case1-img img{
	width: 70%;
}
.case-btn{
	padding-top: 10%;
}
.case-btn a{
	padding: 10px 25px;
	background: transparent;
	border: 1px solid #ffffff;
	border-radius: 4px;
	color: white;
}
.case-btn a:hover{
	color: white;
}

.ma-to-15{
	margin-top: 15px;
}
.ma-bo-10{
	margin-bottom: 10px;
}

/*全国分店*/
.search-box{
	width: 100%;
	text-align: center;
	padding: 20px 0;
}
.search-box select{
	padding: 8px 5px;
	background: #F4F4F4;
	margin-right: 10px;
	width: 200px;
	border: 0;
	border-radius: 4px;
}

.seach-brn{
	background: url(../img/wse.png) #8b1c21 center center no-repeat;
	border: 0;
	width: 100px;
	height: 33px;
	background-size: 30px;
	position: relative;
	top:10px;
	border-radius: 4px;
}

.map-info{
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}

/* 联系我们页（方案 B：已移除地图）：红色联系卡片单列、水平居中，字号/间距按单栏正常比例 */
.map-info.contact-info{
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 1.8;
}
.map-info.contact-info .connect-h2{
	font-size: 25px;
	line-height: 1.6;
}
.map-info.contact-info .connect-p{
	font-size: 16px;
	line-height: 1.8;
}
.map-info.contact-info .con-item{
	margin-bottom: 14px;
}
.map-info.contact-info .con-item p{
	font-size: 16px;
	line-height: 1.8;
}


.box { width: 100%; height: 600px; margin: 0; }
#container1,  #container2 { width: 100%; height: 100%; }
.list { width: 20%; height: 100%; background: #eee; }
.list li { height: 34px; line-height: 34px; padding-left: 20px; }
.list li.active a { color: red; }
.title { font-size: 14px; font-weight: bold; color: #cc5522; }
.map-box{
	width: 560px;
}
.add-icon{
	width: 20px;
	margin-right: 10px;
	position: relative;
	top: 5px;
}
.map-list{
	width: 540px;
	height: 520px;
	overflow-y: auto;
}
.map-list ul li{
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 30px;
}
.address-1{
	width: 505px;
}
.map-infobox{
	padding: 200px 30px 0 30px;
}
.map-infobox h3{
	font-size: 25px;
	color: white;
	margin-bottom: 25px;
}
.map-infobox p{
	color: white;
	line-height: 25px;
}


.case-box{
	position: absolute;
    width: 400px;
    height: 540px;
    margin-top: -630px ;
    margin-left: 80px;
    opacity: .8;
}
.case-boinfo{
	position: absolute;
    width: 300px;
    height: 340px;
    margin-top: -530px ;
    margin-left: 120px;
    color: white;
}
.case-boh2{
	margin-bottom: 20px;
	font-size: 25px;
}
.case-bop{
	margin-bottom: 35px;
}
.case-bop1{
	line-height: 25px;
}


/*产品列表*/
.goods-left{
	width: 180px;
	float: left;
	overflow: hidden;
}
.class-img{
	width: 100%;
}
.goods-right{
	width: 1000px;
	float: right;
}
.goods-class{
	padding: 10px;
	background: #ecdbdc;
}
.goods-class dt{
	font-weight: 600;
	/*line-height: 25px;*/
	line-height: 30px; /*171017*/
	padding-left: 10px;
	font-size:14px; /*171017*/
}
.goods-class dd{
	padding-left: 15px;
	line-height: 25px;
	font-size:14px; /*171017*/
}
.goods-class dd a{
	color: #888888;
}

.goods-class dd a:hover{
	color: #8b1c21; /*171101*/
}


.goods-class .active {
	padding-left: 15px;
	margin-left: auto;
}
.goods-class .active  a{
	color: #8b1c21;
}

.goods-box{
	padding: 30px 0;
}


.recommend-box{
	width: 100%;
	margin-top: 15px;
	float:left; /*171014*/
	margin-bottom:10px; /*171014*/
	
}
.recommend-h2{
	padding: 10px 0;
	border-bottom: 3px solid #8b1c21;
	font-size: 16px;
	text-align: center;
}



.recommend-goods{
	width: 180px;
	padding: 15px 0;
	text-align: center;
	display: table;
}
.recommend-goods img{
	vertical-align: middle;
}

.recommend-list .recommend-goods{
	overflow:hidden; /*171014*/
}

.recommend-list .recommend-goods a{
	overflow:hidden; /*171014*/
}

.recommend-title{
	text-align: center;
	height: 25px;
	line-height: 25px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.recommend-title{
	color: #888888;
}
.recommend-list{
	border: 1px solid #e4e4e4;
	border-bottom: 0 ;
	border-top: 0;
	float:left; /*171014*/
	width:178px; /*171014*/
	overflow:hidden; /*171014*/
}


.recommend-box .recommend-list:last-child{
	border-bottom: 1px solid #e4e4e4;
}
.recommend-box .recommend-list:last-child p{
	height:40px;
}
.good-adv{
	margin-top: 15px;
}
.adv-box{
	margin-bottom: 10px;
}
.adv-box img{
	width: 100%;
}

.goods-list{
	display: block;
	min-height: 1000px;
}

.goods-list li{
	display: block;
	/*width: 324px;*/
	width: 320px;
	height: auto;
	height: 380px;
	float: left;
	margin-right: 11px;
	background: #ecdbdc;
	margin-bottom: 11px;
	border:2px solid #fff; /*171014*/
	
}
.goods-list li:nth-child(3n){
	margin-right: 0;
}

.goods-list li:hover{ border:2px solid #8b1c21;} /*171101*/


.goods-img{
	/*width: 324px;
	height: 324px;*/
	width: 320px; /*171017*/
	height: 320px; /*171017*/
	
	text-align: center;
	display: table;
	vertical-align: middle;
	overflow: hidden;
}
.goods-img img{
	vertical-align: middle;
}
.goods-ti{
	color: #888888;
	text-align: center;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
}

.list-hover{
	height: 380px;
    width: 628px;
    background: white;
    z-index: 1111;
    position: absolute;
    opacity: .7;
}
.goods-list li:hover .hover-box{
	display: block;
}
.hover-box{
	position: relative;
	height: 380px;
    width: 628px;
    margin-top: -364px;
    background: transparent;
    display: none;
}
.hover-info{
	height: 380px;
    width: 324px;
/*    background: white;*/
    z-index: 11111;
    position: absolute;
    border: 1px solid #8b1c21;
}
.hover-p1{
	font-size: 16px;
	width: 280px;
	margin-top: 40px;
	margin-left: 30px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hover-p2{
	line-height: 20px;
	margin-left: 30px;
	width: 280px;
	min-height: 250px;
	max-height: 250px;
}
.hover-btn{
	border: 1px solid #8b1c21;
	background: white;
	border-left: 0;
	border-right: 0;
	padding: 5px 25px;
	cursor: pointer;
	
}
.hover-img{
	height: 380px;
    width: 324px;
    z-index: 11111;
    position: absolute;
    margin-left: 324px;
}


/*品牌优势*/
.service-box{
	margin-top: 55px;
}
.service-title{
	text-align: center;
}
.title-top{
	font-size: 25PX;
}
.title-top1{
	color: #8b1c21;
	text-align: center;
	padding: 20px 0;
}
.titleimg{
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.title-info{
	margin-bottom: 10px;
}

.service-info{
	display: flex;
	width: 100%;
	height: 460px;
	overflow: hidden;
}

.service-in-1{
	width: 246px;
	height: 460px;
	background: #F4F4F4;
	position: relative;
	
}
.ser-1{
	width: 196px;
	margin-left: 25px;
	padding-top: 150px;
	text-align: center;
	
}
.ser-1-p{
	font-size: 16px;
	color: #8b1c21;
}
.ser-1-p1{
	text-align: center;
}
.ser-1-p1 img{
	width: 90%;
	padding-top: 15px;
	padding-bottom: 25px;
}
.ser-1-p2{
	line-height: 25px;
}

.service-in-2{
	margin-left: 6px;
	width: 430px;
	height: 460px;
	overflow: hidden;

	position: relative;
}
.ser-2-p-top{
	width: 100%;
	background: #F4F4F4;
	height: 225px;
}
.ser-2-info{
	width: 398px;
	height: 193px;
	margin-left: 15px;
	top: 15px;
	position: relative;
	border: 2px solid white;
	text-align: center;
	overflow: hidden;
}
.ser-2-info-p{
	font-size: 16px;
	color: #8b1c21;
	padding-top: 25px;
}
.ser-2-info-p1{
	width: 100%;
	text-align: center;
}
.ser-2-info-p1 img{
	width: 60%;
	padding-top: 15px;
	padding-bottom: 25px;
}
.ser-2-info-p2{
	padding: 0 20px;
	line-height: 25px;
}

.ser-2-p-bottom{
	width: 100%;
	background: url(../img/j19.png)#F4F4F4 center center no-repeat;
	height: 225px;
	margin-top: 7px;
	background-size: cover;
	position: relative;
}

.ser-3-info{
	background: rgba(255,255,255,0.5);
	width: 350px;
	height: 173px;
	margin-left: 39px;
	top: 25px;
	position: relative;
	text-align: center;
}

.ser-3-info-p{
	font-size: 16px;
    color: #8b1c21;
    padding-top: 25px;
}
.ser-3-info-p1{
	text-align: center;
}
.ser-3-info-p1 img{
	width: 60%;
	padding-top: 15px;
	padding-bottom: 25px;
}
.ser-3-info-p2{
	line-height: 25px;
}

.service-in-3{
	background: url(../img/j18.png) white center center no-repeat;
	width: 246px;
	height: 460px;
	position: relative;
	margin-left: 6px;
	background-size:cover ;
}


.ser-4-info{
	width: 200px;
	height: 200px;
	position: relative;
    margin-top: 40px;
    margin-left: 22px;
	background: #8b1c21;
	color: white;
}
.ser-4-info p{
	color: white;
	text-align: center;
}

.ser-4-info-p{
	font-size: 16px;
    padding-top: 25px;
}
.ser-4-info-p1 img{
	width: 60%;
	padding-top: 15px;
	padding-bottom: 25px;
}
.ser-4-info-p2{
	padding: 0 5px;
	line-height: 25px;
}

.service-in-4{
	background: url(../img/j20.png) white center center no-repeat;
	width: 246px;
	height: 460px;
	position: relative;
	margin-left: 6px;
	background-size:cover ;
}

.ser-5-info{
	width: 208px;
	height: 400px;
	margin-left: 15px;
	margin-top: 35px;
	position: relative;
	border: 2px solid white;
	text-align: center;
	overflow: hidden;
}
.ser-5-info-p{
	font-size: 16px;
    color: #8b1c21;
    padding-top: 95px;
}
.ser-5-info-p1{
	width: 100%;
	text-align: center;
}
.ser-5-info-p1 img{
	width: 60%;
	padding-top: 15px;
	padding-bottom: 25px;
}
.ser-5-info-p2{
	padding: 0 5px;
	line-height: 25px;
}
.ba-f6{
	background: #F6F6F6;
}
.theme-adv{
	width: 382px;
	height: 500px;
	text-align: center;
}
.theme-adv img{
	width: 90%;
	position: relative;
	top: 80px;
}

.theme-3{
	display: flex;
	justify-content: space-between;
}
.table-cell{
	width: 422px;
	height: 450px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	overflow:hidden; /*171017*/
}
.advantage-info{
	padding: 0 10px;
	/*width: 400px;*/
	width: 580px; /*171014*/
}
.adv-title{
	font-size: 24px;
}

.advantage-info .adv-title{ 
	line-height:20px; 
	margin-top: 20px;
	color:#111 !important;
	text-transform:Uppercase ; /*171017*/
	}
 /*171014*/
 
.advantage-info .adv-fbtit{
	font-size:18px;
}/*171014*/

.advantage-info .adv-img{

}/*171014*/

.advantage-info .adv-fbtit
{
  margin-bottom:0px !important;
}/*171014*/


.adv-img{
	/*padding-top: 20px;
	padding-bottom: 25px;*/
	padding-top: 8px; /*171014*/
	padding-bottom: 8px; /*171014*/
	text-align: center;
}
.adv-fbtit{
	color: #8b1c21;
}
.adv-info{
	/*line-height: 25px;*/
	line-height: 25px; /*171017*/
	/*padding: 0 50px;*/
	padding: 0 6px; /*171014*/
}

.advantage-info .adv-info{
	color:#111;
	text-indent:2em;
	text-align:left;
}/*171017*/

.advantage-info .adv-info font{
    font-size:15px;
}
/*171017*/

.top-box .product-right{ margin-left:0px !important;}
/*171017*/