/* ========== */
/* = FIXED-SUB = */
/* ========== */
.fixed-sub {
	position: fixed;
	right: 8px;
	/* top: 50%; */
	bottom: 50px;
	z-index: 999;
	/* -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%); */
}

.fixed-sub-li {
	position: relative;
	border: 1px solid #e5e5e5;
	border-top: 0;
	background: #fff;
}
.fixed-sub-li-first {
	border-top: 1px solid #e5e5e5;
	border-radius: 8px 8px 0 0;
}
.fixed-sub-li-last {
	border-radius: 0 0 8px 8px;
}


.fixed-sub-link {
	display: block;
	position: relative;
	width: 65px;
	padding: 7px 0;
	color: #000;
	text-align: center;
	/* -o-box-shadow: 0 0 10px rgba(0, 0, 0, .08);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .08);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .08);
	box-shadow: 0 0 10px rgba(0, 0, 0, .08); */
	cursor: pointer;
}

.fixed-sub-li span {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-size: 100%;
}

.fixed-sub-li .icon_01 {
	background-image: url(../icon/fixed_ico_1.png);
}

.fixed-sub-li .icon_02 {
	background-image: url(../icon/fixed_ico_2.png);
}

.fixed-sub-li .icon_03 {
	background-image: url(../icon/fixed_ico_3.png);
}

.fixed-sub-li .icon_04 {
	background-image: url(../icon/fixed_ico_4.png);
}

.fixed-sub-li .icon_05 {
	background-image: url(../icon/fixed_ico_5.png);
}

.fixed-sub-li p {
	font-size: 12px;
	line-height: 16px;
	height: 16px;
}

.fixed-sub-li .tel {
	display: none;
	position: absolute;
	top: 0;
	right: 68px;
	width: 180px;
	letter-spacing: 1px;
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
	height: 65px;
	line-height: 65px;
	color: #FFFFFF;
	background: #1e50ae;
	color: #FFFFFF;
}

.fixed-sub-li:hover .fixed-sub-link {
	/* background: #1e50ae; */
	color: #1e50ae;
}

/* .fixed-sub-li:hover .icon_01{ background-image: url(../icon/fixed_ico_1h.png);}
.fixed-sub-li:hover .icon_02{ background-image: url(../icon/fixed_ico_2h.png);}
.fixed-sub-li:hover .icon_03{ background-image: url(../icon/fixed_ico_3h.png);}
.fixed-sub-li:hover .icon_04{ background-image: url(../icon/fixed_ico_4h.png);}
.fixed-sub-li:hover .icon_05{ background-image: url(../icon/fixed_ico_5h.png);} */
.fixed-sub-li:hover .tel {
	display: block;
}



.fixed-product-icon {
	background-image: url(../icon/product.png);
}

/* .fixed-sub-li:hover .fixed-product-icon  {background-image: url(../icon/product2.png);} */

/* 二维码 start */
.fixed-ewm-icon {
	background-image: url(../icon/ewm.png);
}

/* .fixed-ewm-li:hover .fixed-ewm-icon  {background-image: url(../icon/ewm2.png);} */
.fixed-ewm-list-ul {
	display: none;
	width: 100px;
	position: absolute;
	/* right: 65px; */
	bottom: -72px;
	right: 70px;
	background-color: #fff;
	/* box-shadow: 0 0 5px #dedede; */
	border: 1px solid #dedede;
	padding: 5px;
	border-radius: 5px;
}

.fixed-ewm-li:hover .fixed-ewm-list-ul {
	display: block;
}

.fixed-ewm-list-li {
	margin: 0;
	display: block;
}

.fixed-sssewm-list-image {}

.fixed-ewm-list-title {
	color: #000;
}

/* 二维码 end */

@media (max-width: 768px) {
	.fixed-sub {
		display: none;
	}
}