/* index */
.sign {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 28%;
}
.look_text {
	position: absolute;
	left: 42%;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	font-size: 12px;
	color: #000;
	word-break: keep-all;
}
.container {
	position: relative;
	padding-top: 48px;
	width: 100%;
}
.banner_content {
	padding: 26px 4% 15px;
	color: #000;
}
.btn {
	display: block;
	width: 110px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	background-color: #000;
}
.banner_tit {
	margin-bottom: 16px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
}
/* .banner_con {
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 1.6;
} */
.top_list {
	padding: 28px 4% 24px;
	background-color: #f8f9f9;
}
.top_list_tit {
	margin-bottom: 15px;
	font-size: 15px;
	color: #000;
	line-height: 1;
	font-weight: bold;
}
.top_list_li {
	font-size: 10px;
	color: #000;
	line-height: 1.6;
}
.floor_tit {
	padding: 30px 0 5px;
	font-size: 15px;
	color: #000;
	font-weight: bold;
}
.floor_info {
	padding: 9px 4% 45px;
}
.floor_info_3 {
	padding: 16px 4% 45px;
}
.floor_desc {
	margin-bottom: 16px;
	font-size: 10px;
	color: #000;
	text-align: justify;
}
.floor_desc.mb_0 {
	margin-bottom: 0;
}
.floor_ul_tit {
	margin-bottom: 8px;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.7);
}
.floor_li {
	position: relative;
	/* padding-left: 8px; */
	font-size: 9px;
	line-height: 1.6;
	color: rgba(0, 0, 0, 0.7);
}
/* .floor_li:after {
	position: absolute;
	left: 0;
	top: 4px;
	content: "";
	width: 4px;
	height: 4px;
	background-color: #999;
	border-radius: 50%;
} */
.floor_info_tit {
	margin-bottom: 8px;
	font-size: 15px;
	color: #000;
	font-weight: bold;
}
.floor_address {
	font-size: 10px;
	line-height: 1.5;
	color: #999;
}
.floor_head {
	position: relative;
	padding: 0 4% 10px;
}
.floor_top {
	position: relative;
	clear: both;
	overflow: hidden;
}
.floor_swiper_tit {
	float: left;
	font-size: 15px;
	color: #000;
	font-weight: bold;
}
.floor_sub_tit {
	margin-top: 4px;
	font-size: 10px;
	color: #000;
}
.swiper_info {
	padding: 18px 4% 32px;
}
.swiper_info.mb_0 {
	padding-bottom: 0;
}
.swiper_tit {
	margin-bottom: 10px;
	font-size: 15px;
	color: #000;
	font-weight: bold;
}
.swiper_tit.middle {
	text-align: center;
}
.swiper_desc {
	margin-bottom: 14px;
	font-size: 10px;
	color: #000;
}
.swiper_desc.mb_0 {
	margin-bottom: 0;
}
.swiper_sub_tit {
	font-size: 9px;
	color: rgba(0, 0, 0, 0.7);
}
.add_text {
	display: inline-block;
	margin: 0 5px;
}
.meridian sub {
	font-size: 10px;
	color: #000;
}
.swiper-pagination {
	top: 0;
	right: 0;
	bottom: auto;
	padding: 50.9% 4% 0;
	box-sizing: border-box;
	text-align: center;
	pointer-events: none;
}

.swiper-pagination-bullet {
	opacity: 1;
	background: rgba(255, 255, 255, 0.4);
}
.swiper-pagination-bullet-active {
	background: #fff;
}
/* .last_floor {
	padding: 0 4% 40px;
	overflow: hidden;
	clear: both;
} */
.learn_more_box {
	padding: 18px 4% 48px;
}
.learn_more {
	position: relative;
	padding-bottom: 2px;
	font-size: 11px;
	color: #000;
}
.learn_more:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #000;
}
.floor_container {
	padding: 0 4%;
}
.intention_tit {
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-color: #e9ecec;
}
.form_info {
	padding-top: 36px;
	padding-bottom: 24px;
}
.full_msg {
	margin-bottom: 13px;
	font-size: 13px;
    color: #000;
    line-height: 1;
    font-weight: bold;
}
.result_content {
	font-size: 12px;
}
.form_group {
    margin-bottom: 15px;
}
.input_box {
    position: relative;
    height: 42px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    clear: both;
    overflow: hidden;
}
.input_control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 14px;
    font-size: 13px;
    color: #000;
}
::-webkit-input-placeholder {
    color:    #000;
}
:-moz-placeholder {
   color:    #000;
}
::-moz-placeholder {
   color:    #000;
}
:-ms-input-placeholder {
   color:    #000;
}

input[type="number"]{
  -moz-appearance: textfield;
}
.input_box_select {
	padding: 0 14px;
	width: 100%;
	height: 42px;
	font-size: 13px;
    color: #000;
	background-color: none;
	border: none;
	background: #fff;
	-webkit-outline: none;
	-moz-outline: none;
	-ms-outline: none;
	-o-outline: none;
	outline: none;
	background-image: url("../images/down.png");
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-background-size: 30px 6px;
	background-size: 30px 6px;
	box-sizing: border-box;
}
.checkbox {
	display: block;
	font-size: 10px;
	color: #000;
}
.checkbox_input {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 12px;
	height: 12px;
	line-height: 1;
}
.real_check {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	background: url('../images/check.png') no-repeat center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border: 0;
    -webkit-outline: 0!important;
    -moz-outline: 0!important;
    -ms-outline: 0!important;
    -o-outline: 0!important;
    outline: 0!important;
    border-radius: 0;
}
.real_check:checked {
    background: url('../images/checked.png') no-repeat center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.allow_text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}
.policy {
	position: relative;
	padding-bottom: 1px;
	font-size: 10px;
	color: #000;
}
.btn_group {
	margin-top: 24px;
	font-size: 0;
	text-align: center;
}
.btn_group .btn {
    display: inline-block;
    width: 47.22%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    border: none;
    outline: none;
    box-shadow: none;
}
.distributor_box {
	padding-bottom: 20px;
}
.distrib_head {
	padding-top: 44px;
    text-align: center;
    color: #000;
}
.dis_tit {
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
}
.dis_sub_tit {
    margin-top: 5px;
    font-size: 13px;
    line-height: 1;
}
.distributor_item {
	position: relative;
	padding-top: 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);

	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-ms-align-items: flex-end;
	align-items: flex-end;
}
.item_info {
	flex: 1;
	overflow: hidden;
}
.company_name,
.company_address {
	font-size: 13px;
	color: #000;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.company_address {
	margin-top: 14px;
}
.item_right {
	-webkit-flex: 0 0 80px;
	-moz-flex: 0 0 80px;
	-ms-flex: 0 0 80px;
	-o-flex: 0 0 80px;
	flex: 0 0 80px;
	width: 70px;
	text-align: right;
}
.distance {
	margin-top: 14px;
	padding-right: 6px;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.5);
	font-family: Microsoft Yahei, "微软雅黑";
	line-height: 1;
}
.icon_box {
	font-size: 0;
}
.icon_box .icon {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}
.icon_tel {
	background: url('../images/tel.png') no-repeat center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.icon_add {
	margin-left: 8px;
	background: url('../images/address.png') no-repeat center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.active_dealer {
	font-weight: bold;
	text-decoration: underline;
	color: rgba(0, 0, 0, 0.7);
}
.more_box {
	padding: 22px 0;
	text-align: center;
}
.more {
	position: relative;
	padding-bottom: 2px;
	display: inline-block;
	font-size: 13px;
	color: #000;
	font-weight: 400;
	font-family: Microsoft Yahei, "微软雅黑";
}
.more:after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 1px;
	background: #000;
}
.table_div {
	padding: 22px 18px 40px;
}
.table {
	width: 100%;
    max-width: 100%;
}
.table-bordered {
	border: 1px solid #000;
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #000;
	font-size: 12px;
	color: #000;
	padding: 8px 0;
}
.table-bordered>thead>tr>th {
	font-weight: bold;
}
.center {
	text-align: center;
	width: 84px;
}
.indent {
	text-indent: 20px;
}
/* 弹窗 */
.mask {
	display: none;
	z-index: 5;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.mask.open {
    display: block;
}
.mask_content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 244px;
	transform: translate(-50%, -50%);
	padding: 28px 0 19px;
	text-align: center;
	background: #fff;
}
.mask_tip {
	margin-bottom: 17px;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	letter-spacing: 2px;
}
.confirm_btn {
    z-index: 9;
    display: inline-block;
    width: 112px;
    height: 36px;
    text-align: center;
    font-size: 13px;
    line-height: 36px;
    color: #fff;
    background: #000;
}
.succ_tent {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 29px 75px 19px;
	background: #fff;
}
.commit_succ {
	margin-bottom: 17px;
	font-size: 13px;
	color: #000;
	text-align: center;
	word-break: keep-all;
    word-spacing: normal;
    white-space: nowrap;
}
.close_succ_pop {
	width: 112px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #000;
	word-break: keep-all;
    word-spacing: normal;
    white-space: nowrap;
}
/* 二维码样式添加 */
.top_ban {
	padding: 10px 4% 20px;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
.top_qr_box {
	text-align: center;
}
.top_qr_inner {
	margin: 0 auto 5px;
	width: 80px;
}
.top_qr_link {
	font-size: 9px;
	color: #000;
}
.qr_box {
	text-align: center;
	padding-bottom: 55px;
}
.qr_inner {
	margin: 0 auto 10px;
	width: 28.7%;
}
.qr_link {
	font-size: 11px;
	color: #000;
}
.underline {
	text-decoration: underline;
}



/* 2020 / 3 / 10 Alex */
.double_item {
	position: relative;
	padding-left: 6px;
	display: flex;
	font-size: 10px;
	color: #000;
	line-height: 1.5;
}
.double_item::before {
	position: absolute;
	left: 0;
	top: 6px;
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #000;
}
.double_label {
	flex: 0 0 28px;
}
.double_first_desc {
	margin-bottom: 2px;
	padding-left: 34px;
	font-size: 9px;
	line-height: 1.4;
	color: #595959;
}
.double_third_desc {
	margin-bottom: 2px;
	padding-left: 34px;
	font-size: 9px;
	line-height: 1.4;
	color: #595959;
}
/***top menu***/
.topMenuBox{ position:fixed; z-index:10; left:0; top:0; width:100%;}
.topMenuN{ position:relative; z-index:10; width:100%; background:#fff; height:48px;}
.signA {position:relative; display: block;font-size: 12px;color: #000; background:url(../images/iFindDealer.png?v=1.0) no-repeat 10px 50%; background-size:13px 16px; padding-left:26px; width:100px; line-height:48px; float:right;}
.backToHome {position:relative; display: block;font-size: 12px;color: #000; background:url(../images/iBackToHome.png?v=1.0) no-repeat 10px 50%; background-size:11px 18px; padding-left:26px; width:100px; line-height:48px; float:left;}
.yunZb{ background: url(../images/l550_yun_zb.png?v=0.4) no-repeat 50% 50%; background-size:cover; height: 25px; width: 111px; position: absolute; left: 15px; top: 74%; z-index: 50;}