﻿.layout{
	/*width: 1620px;padding: 25px 30px 0;
	background-color: #F3F3F3;margin-top: 100px;
	margin-left: 235px;overflow: hidden;*/
    width: 85%;
    padding: 25px 2% 0;
    background-color: #F3F3F3;
    margin-top: 10vh;
    margin-left: 11%;
    overflow: hidden;
}
.mb35{
	margin-bottom: 35px;
}
.ml15{
	margin-left: 15px;
}
.pl10{
	padding-left: 10px;
}
/*4凤山茶1产品列表*/
.ui-tab-th{
	height: 95px;background-color: #FFFFFF;border-bottom: 1px solid #F3F3F3;
}
.ui-tab-th ul{
	height: auto;overflow: hidden;
}
.ui-tab-th ul li{
	float: left;
	width: 33.33%;
}
.ui-tab-th02 ul li{width: 50%;}
.ui-tab-th li a{
	width: 100%;line-height: 95px;text-align: center;
	font-size: 20px;color:#666;text-decoration: none;
	display: block;
}
.ui-tab-th li a em{
	height: 4px;background-color: #E60012;display: block;
	position: relative;bottom: 4px;border-radius: 2px;display:none;
}
.ui-tab-th li.selected em,
.ui-tab-th li:hover em{
	display: block;
}
.ui-tab-th li.selected a,
.ui-tab-th li a:hover{
	color:#E60012;
}
.pro-type .pro-tit{
	background: url(../images/lf1.jpg) no-repeat;
	height:221px;position: relative;padding-top: 50px;background-size: cover;
}
.pro-type .pro-tit .leaves{
	position: absolute;top:-40px;right:45px;
}
.pro-type .pro-tit h2{
	background: url(../images/lf5.png) no-repeat center center;
	height: 39px;text-align: center;
}
.pro-type .pro-tit h2 span{
	font-size:37px;color:#e60012;line-height: 39px;
}
.pro-type .pro-tit h4{
	text-align: center;font-size: 24px;color:#E5E5E5;margin-top: 5px;
}
.pro-type .pro-tit p{
	/*width: 1090px;*/ width: 88%;margin: 0 auto;text-align: center;font-size: 14px;line-height: 21px;
	color:#666666;margin-top: 25px;
}
.pro-type .pages{
	margin-top: 25px;height: auto;overflow: hidden;margin-bottom: 15px;
}
.pro-type .pages h4{
	float:right;font-size: 12px;color:#333333;line-height: 21px;
}
.pro-type .pages h4 span{
	color:#e60012;
}
.pro-lists li{
	background: #FFFFFF url(../images/lf2.png) no-repeat left 58px center;
	height: 310px;margin-bottom: 15px;padding: 55px 9% 0 50px;
}
.pro-lists .img{
	float:left;width:24%;margin-top:13px;
}
.pro-lists .img img{
	width: auto !important; 
}
.pro-type .pro-lists .n1{
	left:-10px;
}
.pro-lists .n2{
	left:20px;top:10px;
}
.pro-lists .n3{
	left:40px;top:-10px;
}
.pro-lists .n4{
	left:25px;
}
.pro-lists .txt{
	float:left;/*margin-left:130px;*/margin-left: 10%;
}
.pro-lists .txt h2{
	font-size: 46px;color:#333333;
}
.pro-lists .txt h5{
	color:#cccccc;font-size: 14px;line-height: 21px;margin-top: 15px;
}
.pro-lists .txt h4{
	margin-top: 25px;
}
.pro-lists .txt h4,
.pro-lists .txt h4 span{
	color:#333333;font-size: 14px;line-height: 21px;
}
.pro-lists .txt h4 span{
	color:#FF0000;
}
.pro-lists .txt h4 big{
	color:#ff0000;font-size: 28px;
}
.ui_check{
	display: block;width: 102px;height: 34px;background-color: #333333;
	line-height: 34px;line-height: 34px;color:#FFFFFF;text-align: center;
	margin-top: 40px;text-decoration: none;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.ui_check:hover{
	color: #fff;
	text-decoration: none;
	background-color:#e60012;
}
.pro-lists .sub{
	float:right;text-align: center;
}
.pro-lists .sub h4{
	font-size: 24px;color:#666666;margin: 20px 0 70px 0;
}
/*4凤山茶2产品详情*/
.pro-detail .pro-img{
	height: 610px;background:#FFFFFF url(../images/lf2.jpg) no-repeat right bottom;position:relative;
	margin-bottom: 28px;
}
.pro-detail .pro-img .img{
	background:url(../images/lf15.png) no-repeat left 135px center;background-size: 92%;
	float:left;/*width: 810px;*/height: 610px;    width: 46%;
}
.pro-detail .pro-img .img img{
	position: absolute;top:122px;/*left:210px;*/
	/*width:478px;*//*height: 382px;*/display: block;    left: 10%;
    width: 33%;height: auto;
}
.pro-detail .pro-img .txt{
	float:left;/*width:650px;*/margin-top: 78px;padding-left: 160px;    width: 38%;
}
.pro-detail .pro-img .far-left{
	background: url(../images/lf14.png) no-repeat center center;
	width: 35px;height: 182px;position: absolute;left:40px;top:40px;
}
.pro-detail .pro-img .far-left h4{
	font-size: 30px;color:#e60012;text-align: center;margin-top: 10px;
}
.ui_back{
	position: absolute;top:35px;right: 55px;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.ui_back a{
	width: 135px;height: 45px;display: block;border: 1px solid #E5E5E5;
	line-height:45px;text-align: center;font-size: 16px;color:#666;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.ui_back a:hover{
	text-decoration: none;
	background-color: #FF0000;color:#FFFFFF;
}
.pro-detail .pro-img .txt h2{
	font-size: 42px;color:#333333;margin: 15px 0;
}
.pro-detail .pro-img .txt h4{
	font-size: 24px;color:#C5C5C5;line-height: 21px;
}
.pro-detail .pro-img .txt h5{
	margin-top: 25px;
}
.pro-detail .pro-img .txt h5,
.pro-detail .pro-img .txt h5 span{
	color:#333333;font-size: 14px;line-height: 21px;
}
.pro-detail .pro-img .txt h5 span{
	color:#FF0000;
}
.pro-detail .pro-img .txt h5 big{
	color:#ff0000;font-size: 28px;
}
.pro-detail .pro-img .txt ul{
	width:500px;height: auto;overflow: hidden;
	margin-top: 94px;
}
.pro-detail .pro-img .txt li{
	float: left;color:#666666;font-size: 14px;line-height: 21px;
	width: 250px;margin-bottom: 20px;
}
.pro-detail .pro-img .txt li span{
	color:#CCCCCC;
}
.pro-detail .pro-txt{
	height: 575px;background: #fff url(../images/lf2_1.jpg) no-repeat left bottom;
	margin-bottom: 20px;
}
.pro-detail .pro-txt .item{
	width: 660px;margin: 0 auto;text-align: center;
	position:relative;margin-bottom: 45px;padding-top: 63px;
}
.pro-detail .pro-txt .item .n1{
	position: absolute;top:45px;left:-240px;
	width: 164px;height: 202px;display: block;
}
.pro-detail .pro-txt .item .n2{
	position: absolute;top:135px;right:-205px;
	width: 154px;height:76px;display: block;
}
.pro-detail .pro-txt .item h2{
	font-size: 24px;color:#e60012;line-height: 31px;
}
.pro-detail .pro-txt .item p{
	font-size: 14px;color:#666666;line-height: 21px;margin-top: 35px;
}
.pro-lists01{
	margin-bottom: 55px;
}
.pro-lists01 ul{
	height: 365px;width: 100%;
}
.pro-lists01 li{
	/*width: 701px;*/height:310px;padding-right: 0;
	float:left;padding-top:55px;    width: 37%;    padding-left: 8%;
}
.pro-lists01 li:nth-child(1){
	margin-right: 10%;
}
.pro-lists01 .img{
	left: 0;
    width: 40%;
}
.pro-lists01 .img img{
	width: 100%;
}
/*5新闻资讯1-1新闻中心.*/
.ui-tab-th01 li a{
}
.ui-tab-tb .big_img{
	margin:18px 0 30px 0;
}
.ui-tab-tb .big_img img{
	width: 100%;
}
.new-lists li{
	padding: 40px;background-color: #FFFFFF;
	height: auto;overflow: hidden;margin-bottom: 22px;
}
.new-lists li .img{
	overflow: hidden;
}
.new-lists li .img img{
	width: 310px;height: 165px;display: block;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.new-lists li:hover .img img{
	transform: scale(1.1);
}
.new-lists li .txt{
	margin-left: 50px;
    width: 73%;
}
.new-lists li .txt h4{
	margin-bottom: 25px;
}
.new-lists li .txt h4 a{
	font-size: 16px;line-height: 21px;color:#666666;font-weight: bold;
}
.new-lists li .txt h4 a:hover{
	color:#e9313f;
}
.new-lists li .txt h5{
	font-size: 14px;color:#cccccc;line-height: 21px;
	margin-bottom: 5px;
}
.new-lists li .txt p{
	font-size: 12px;color:#999999;line-height: 18px;
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/*翻页*/
.ui-pages{
	text-align: center;margin-top: 40px;margin-bottom: 30px;
}
.ui-pages li{
	display: inline;margin: 0 3px;
}
.ui-pages li .subm,
.ui-pages li a{
	display: inline-block;padding: 0 15px;
	background-color: #FFFFFF;line-height: 34px;height: 34px;
	font-size: 14px;color:#333333;text-decoration: none;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.ui-pages li .subm:hover,
.ui-pages li a:hover,
.ui-pages li.selected a{
	color: #FFFFFF;background-color: #E60012;
}
.ui-pages li .txt{
	width: 59px;height: 32px;background-color: #F3F3F3;
	border: 1px solid #e4e4e4;background: url(../images/lf17.png) no-repeat right 5px center;
}
.ui-pages li span,
.ui-pages li label{
	font-size: 12px;color: #333333;
}
.ui-pages li .subm{
	border: 0;cursor: pointer;
}
.ui-pages li.n1{
	margin-left: 57px;
}
/*5新闻资讯2详情*/
.new-detail{
	padding:70px 190px 0;background-color: #FFFFFF;margin-top: 18px;
}
.new-detail .head{
	text-align: center;padding-bottom: 18px;
}
.new-detail .head h2{
	font-size: 34px;color:#333333;
}
.new-detail .head h4{
	font-size: 14px;line-height: 21px;color:#cccccc;margin-top: 20px;
}
.new-detail .body{
	border-bottom: 1px solid #efefef;border-top: 1px solid #EFEFEF;
	padding-top: 45px;padding-bottom: 10px;
}
.new-detail .body .img{
	text-align: center;margin-bottom: 70px;
}
.new-detail .body .img img{
	/*width: 1018px;height: 515px;*/display:inline-block;    width: 100%;
    height: auto;
}
.new-detail .body p{
	font-size: 13px;color:#666666;line-height: 18px;
	text-indent: 30px;margin-bottom: 35px;
}
.new-detail .ft{
	background-color: #FFFFFF;padding: 40px 0 35px;
	text-align: center;margin-bottom: 35px;
}
.new-detail .ft a{
	width: 155px;height: 53px;display:inline-block;text-align: center;
	line-height: 53px;font-size: 16px;color:#FFFFFF;
	background-color: #666666;text-decoration: none;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.new-detail .ft a:hover{
	background-color: #FF0000;
}
/*6品牌加盟1加盟概况*/
.ui-tab-tb{
	position: relative;
}
.ui-tab-tb .tit h4{
	font-size: 20px;color:rgba(236,77,27,0.25);text-align: center;margin-top: 17px;
}
.ui-tab-tb .tit .ico{
	text-align: center;margin-top: 20px;
}
.ui-tab-tb .tit img{
	display: inline-block;
}
/*6品牌加盟1加盟概况*/
.join-in{
	/*padding:65px 185px 150px;*/padding: 65px 5% 150px;
	background:#FFFFFF url(../images/lf31.png) no-repeat bottom center;
}
.join-in .head{
	height: 101px;background: url(../images/lf19.png) no-repeat center center;
}
.join-in .head h2{
	text-align: center;line-height: 101px;font-size: 29px;color:#333333;
}
.join-in .body{
	position: relative;
}
.join-in .lists .hd,
.join-in .body .hd{
	background: url(../images/lf20.png) no-repeat center center;
	width: 230px;height: 42px;border-radius: 21px;line-height: 42px;
	text-align: center;color:#FFFFFF;font-size: 22px;margin-top: 30px;
}
.join-in .lists .hd,
.join-in .body .hd01{
	background: url(../images/lf21.png) no-repeat center center;width: 185px;
}
.join-in .body .yezi{
	position: absolute;top:0px;right: 0px;
	width: 76px;height: 56px;top:50px;right: 165px;
}
.join-in .table{
	margin-top: 24px;
}
.join-in .table td{
	background-color: #f1f8f3;height: 120px;font-size: 14px;color:#666666;
}
.join-in .table01 td{
	font-size: 13px;
} 
.join-in table .n1 td{
	background-color: #F7F7D3;color:#d1a72a;font-size: 18px;height: 80px;
}
.fc-89b493{
	color: #89b493 !important;
}
.fz18{
	font-size: 18px !important;
}
.join-in tr .spacing{
	padding-left: 45px;padding-right: 40px;
	line-height: 18px;
}
.join-in tr .spacing01{
	padding: 0 15px;
}
.join-in tr .spacing02{
	padding: 0 20px;
}
.join-in .ft{
	padding:40px 0 0 65px;position: relative;
}
.join-in .ft .yezi{
	position: absolute;top:35px;left:0px;
	width: 76px;height: 56px;
}
.join-in .ft p{
	font-size: 14px;color:#666666;line-height: 22px;
}
.join-in .ft p.red{
	color:#e60012;line-height: 26px;margin-top: 15px;
	font-size: 16px;
}
.join-in .ft p span{
	font-weight: bold;
}
.join-in .lists{
	background-color: #F8F8F8;padding: 5px 35px 35px;margin-top: 90px;
	border-top: 1px solid #e60012;
}
.join-in .lists .bd{
	margin-top: 28px;
}
.join-in .lists .bd li{
	background-color: #FFFFFF;height: 60px;padding-left:15px;	line-height: 60px;font-size: 14px;color:#666666;
	margin-bottom: 10px;border-left:3px solid #FBEBBD;
}
.join-in .lists .bd img{
	margin-right:30px;position: relative;top:20px;
	width: auto !important; 
}
.join-in .lists .bd li .img{
	float: left;
}
/*6品牌加盟2门店分布*/
.store-map{
	height: auto;overflow:hidden;/*padding:40px 180px 140px;*/    padding: 40px 8% 140px;
	background:#fff url(../images/lf31.png) no-repeat bottom center;
}
select{
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
}
.store-map .map{
	/*width: 888px;*/
    width: 58%
}
.store-map .map h4{
	font-size: 22px;color:#e60012;margin-bottom: 10px;
}
.store-map .right{
	width: 305px;margin-left: 63px;
}
.store-map .right .srch{
	margin-top: 40px;
}
.store-map .right .srch li{
	margin-bottom: 17px;position: relative;
}
.store-map .right .srch li em{
	width: 1px;background-color: #E8E8E8;
	height: 50px;display: block;position: absolute;top:0px;
	right: 50px;
}
.store-map .right .srch li select{
	width: 303px;height: 50px;border: 1px solid #E8E8E8;
	font-size: 16px;color:#999999;line-height: 50px;
	padding-left: 10px;cursor: pointer;
	background: url(../images/lf32.png) no-repeat  right 14px  center;
}
.store-map .right .srch .subm{
	width: 305px;height: 53px;line-height: 53px;
	text-align: center;color:#FFFFFF;background-color: #666666;
	border: 0;cursor: pointer;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.store-map .right .srch .subm:hover{
	background-color: #ff0000;
}
.store-map .right .txt{
	margin-top: 30px;
	height:345px;
	overflow-y: auto;
}
.store-map .right .txt h4{
	font-size: 14px;color:#999999;line-height: 21px;
	margin-bottom: 20px;
}
.store-map .right .txt p{
	margin-bottom: 10px;
}
.store-map .right .txt p a{
	font-size: 14px;color:#333333;line-height: 21px;text-decoration: none;
}
.store-map .right .txt p a:hover{
	font-weight: bold;cursor: pointer;
}
/*6品牌加盟2加盟申请*/
.join-apply{
	/*padding: 65px 180px 140px;*/background: #FFFFFF url(../images/lf31.png) no-repeat bottom center;    padding: 65px 8% 140px;
}
.join-apply .head{
	background: url(../images/lf19.png) no-repeat top center;
	height: 120px;text-align: center;padding-top: 35px;
}
.join-apply .head h4{
	color:#333333;line-height: 44px;font-size: 22px;
}
.join-apply .head h3{
	color:#e60012;line-height: 44px;font-size: 36px;
	font-weight: bold;font-family: arial;font-style:italic;
}
.join-apply .body{
	background-color: #f0e9bd;
	overflow-x: scroll;
}
.join-apply .body tr td{
	background-color: #fff;height: 50px;font-size: 14px;
	color:#666666;
}
.join-apply .body tr .hd{
	height: 44px;background-color: #FBFBE4;color:#d1a72a;font-size: 18px;
	line-height: 44px;font-weight: bold;
}
.join-apply .body tr td input{
	height: 30px;border:1px solid #F5F1D4;
	padding-left: 8px;
}
.join-apply .body .n1 td input{
	width: 152px;margin-left: 25px;
}
.join-apply .body .n2 td input{
	width:242px;
}
.join-apply .body .n2 td input.txt{
	width: 657px;
}
.join-apply .body .n3 td input{
	width:1077px;
}
.join-apply .body .n5 td input{
	width:162px;margin: 0 10px 0 15px;
}
.join-apply .body .n7 td input{
	width:452px;
}
.join-apply .body tr td label{
	font-size: 14px;color:#666666;margin-right: 20px;
	margin-left: 10px;
}
.pl15{
	padding-left: 15px;
}
.emphasis{
	color:#f91919;position: relative;left:-5px;top:3px;
}
.bc-fbfbe4{
	background-color: #fbfbe4 !important;
}
input[type=checkbox],
input[type=radio] {
    display: none;
}
input[type=checkbox] + label,
input[type=radio] + label {
	 border: 2px solid #F0EABF;
	width:12px; height:12px;
	border-radius:100%;
    cursor: pointer; padding:4px;
    display: inline-block;
}
input[type=checkbox]:checked + label i,
input[type=radio]:checked + label i{
	background:#E7C156;
	width: 12px; height: 12px;
	display: block; border-radius: 6px;
}
.ht_head{
	margin-left: 22px;
}
.ht_head li {
    color: #d2ae7e;float:left;margin-right: 24px;
	line-height: 50px;width: auto;
}
.ht_head li label{
    margin-right: 5px;
    position: relative;
    top: 7px;margin-right: 7px !important;
}
.join-apply .body .n5 td span{
	margin-right: 30px;margin-left: 20px;
}
.join-apply .body .n6 td{
	height: 115px;
}
.join-apply .foot{
	text-align: center;margin-top: 47px;
}
.join-apply .foot li{
	display:inline;margin: 3px;
}
.join-apply .foot li a{
	text-align: center;display:inline-block;
	width: 155px;height: 53px;color:#fff;line-height: 53px;
	background-color: #666666;font-size: 16px;
}
.join-apply .foot li a:hover,
.join-apply .foot li.selected a{
	background-color: #E60012;
}
.imap{
	/*width: 887px;*/
	width: 100%;
	height: 566px;
}

.ui-tab-th08 ul li{width: 20%;}

