.nav {
	background: #fff;
	overflow: hidden;
}
.mobile-nav-list a {
	color: #9B9B9B;
}
.nav-list a {
	color: #9B9B9B;
	margin-bottom: 15px;
}
/* x > 768 */
@media screen and (min-width: 769px) {
.nav-list a:nth-child(3) {
	border-bottom: 1px solid #9B9B9B;
}
.nav-logo a {
	color: #9B9B9B;
}
.head {
	width: 100%;
	height: 100%;
	background: url("../../res/image/join-topic.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slogan h1 {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 72px;
	color: #fff;
	text-align: center;
	font-weight: 600;
}
.hotline {
	width: 100%;
	height: 60px;
	position: absolute;
	top: 61px;
	color: #fff;
	text-align: right;
	font-size: 18px;
	line-height: 60px;
	background: rgba(100,100,100,0.80);
}
.m-hotline {
	display: none;
}
.hotline > p {
	padding-right: 40px;
	font-weight: 600;
}
.hotline > p > span:nth-child(1) {
	font-family: icon-plain;
	margin-right: 20px;
}
.hotline > p > span:nth-child(2) {
	font-weight: 300;
	margin-left: 10px;
}
/*八大政策优势*/
.political-advantage-wrap {
	width: 100%;
	height: 800px;
	position: relative;
}
.political-advantage-wrap-bg:nth-child(1) {
	background: url("../../res/image/advantage-bg1.png");
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.political-advantage-wrap-bg:nth-child(2) {
	background: url("../../res/image/advantage-bg2.png");
}
.political-advantage-wrap-bg:nth-child(3) {
	background: url("../../res/image/advantage-bg3.png");
}
.political-advantage-wrap-bg:nth-child(4) {
	background: url("../../res/image/advantage-bg4.png");
}
.political-advantage-wrap-bg:nth-child(5) {
	background: url("../../res/image/advantage-bg5.png");
}
.political-advantage-wrap-bg:nth-child(6) {
	background: url("../../res/image/advantage-bg6.png");
}
.political-advantage-wrap-bg:nth-child(7) {
	background: url("../../res/image/advantage-bg7.png");
}
.political-advantage-wrap-bg:nth-child(8) {
	background: url("../../res/image/advantage-bg8.png");
}
.political-advantage-wrap-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	display: none;
}
.political-advantage-wrap > img:first-child {
	display: block;
}
.political-advantage {
	width: 1400px;
	margin: 0 auto;
	font-size: 16px;
	color: #4E595F;
}
.political-advantage h3 {
	padding-top: 100px;
	font-size: 36px;
	text-align: center;
	font-weight: 600;
}
.political-advantage-title {
	margin-top: 144px;
	overflow: hidden;
}
.hover-box-wrap {
	height: 10px;
	margin-top: 30px;
	border-bottom: 1px solid #DCDCDC;
}
.hover-box {
	width: 96px;
	height: 10px;
	margin-left: 40px;
	background: #BDA288;
}
.political-advantage-title div {
	width: 112px;
	margin-left: 63px;
	text-align: center;
	float: left;
	font-weight: 600;
	cursor: pointer;
}
.political-advantage-title div:first-child {
	margin-left: 32px;
}
.political-advantage-title div p {
	width: 80px;
	margin: 38px auto 30px;
}
.political-advantage-detail p {
	width: 100%;
	margin-top: 100px;
	text-align: center;
	font-weight: 300;
	line-height: 32px;
	display: none;
}
.political-advantage-detail p:first-child {
	display: block;
}
/*八大品牌优势*/
.branded-advantages {
	color: #4E595F;
	font-size: 16px;
	background: #fff;
}
.branded-advantages h3 {
	padding-top: 100px;
	font-size: 36px;
	text-align: center;
}
.branded-advantages > div {
	width: 1200px;
	margin: 154px auto 0;
	padding-bottom: 100px;
	overflow: hidden;
}

.branded-advantages > div > div {
	cursor: default;
	width: 299px;
	height:299px;
	position: relative;
	float: left;
	text-align: center;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
}
.branded-advantages > div > div:nth-child(4n+4) {
	border-right: none;
}
.branded-advantages > div > div:nth-child(n+5) {
	border-bottom: none;
}
.advantages-base {
	width: 130px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.branded-advantages > div > div > div p {
	margin-top: 12px;
}
.advantages-hover {
	position: relative;
  transition: opacity .3s;
	width: 100%;
	height: 100%;
	background: rgba(95,105,111,.7);
	color: #fff;
	opacity: 0;
}
.advantages-hover p {
	width: 230px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-weight: 300;
	line-height: 32px;
}
.branded-advantages > div > div:hover > .advantages-hover {
	opacity: 1;
}
/*案例展示*/
.case-show-wrap {
	width: 100%;
	background: #98A2A8;
	overflow: hidden;
}
.case-show {
	width: 876px;
	height: 1000px;
	margin: 0 auto;
	position: relative;
}
.case-show-title {
	width: 876px;
	margin: 0px auto 107px;
	padding-top: 97px;
	text-align: center;
	font-size: 36px;
	line-height: 32px;
	font-weight: 600;
	color: #fff;
}

.case-show-detail {
	width: 672px;
	margin: 0 auto;
}
.swiper-wrapper {
 width: calc(672px * 6 + 150px * 5);
 overflow: hidden;
}
.swiper-slide {
	width: 672px;
	height: 600px;
	float: left;
	margin-left: 150px;
	margin-bottom: 10px;
	background: #fff;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
	opacity: 0.5;
}
.swiper-slide:first-child {
	margin-left: 0;
	opacity: 1;
}
.swiper-slide p {
	width: 579px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 32px;
	font-weight: 300;
	color: #7D7D7D;
}
.swiper-slide .swiper-slide-title {
	margin: 45px auto 35px;
	font-weight: 600;
	text-align: center;
	color: #000;
}
.swiper-pagination {
	width: 209px;
	margin: 0 auto;
}
#left, #right {
	width: 58px;
	height: 62px;
	margin-top: 20px;
	float: left;
	border-radius: 50%;
	background: #F7F7F7;
	line-height: 62px;
	text-align: center;
	font-size: 25px;
	color: #BDBDBD;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	z-index: 2;
}
#left {
	font-family: left-icon;
	padding-right: 4px;
	float: left;
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	background: #B9BFC2;
	color: #A8AEB1;
}
#right {
	font-family: right-icon;
	margin-left: 85px;
	padding-left: 4px;
	float: right;
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}
.mobile-scrollbar {
	display: none;
}
/*部署*/
.deploy-wrap {
	position: relative;
	overflow: hidden;
}
.deploy {
	width: 100%;
	height: 1000px;
	background: #98A2A8;
	position: relative;
}
.deploy-show-title {
	width: 876px;
	margin: 0px auto 50px;
	text-align: center;
	font-size: 36px;
	line-height: 32px;
	font-weight: 600;
	color: #fff;
}
.deploy-map {
	width: 1200px;
	height: 772px;
	margin: 0 auto;
	position: relative;
}
.deploy-slide-wrap {
	width: 950px;
	height: 772px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
}
.deploy-slide {
	width:1900px;
}
.deploy-slide > div {
	width: 950px;
	float: left;
	position: relative;
	z-index: 4;
	overflow: hidden;
}
.china-deploy, .world-deploy {
	position: relative;
	height: 774px;
}
.china-deploy img, .world-deploy img {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.deploy-btn-right {
	position: absolute;
	top: 0;
	right: 0;
	top: 50%;
	font-size: 20px;
	color: #C2C6C8;
	transform: translateY(-50%);
	z-index: 5;
	cursor: pointer;
}
.deploy-btn-left {
	position: absolute;
	top: 0;
	left: 0;
	top: 50%;
	font-size: 20px;
	color: #C2C6C8;
	transform: translateY(-50%);
	z-index: 5;
	cursor: pointer;
	display: none;
}
.deploy-btn-right img, .deploy-btn-left img {
	display: none;
}
.more-right {
	float: right;
	margin-left: 10px;
}
.more-left {
	float: left;
	margin-right: 10px;
}
.more-right p {
	font-family: down2-icon;
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); 	/* IE 9 */
	-moz-transform:rotate(-90deg); 	/* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
	-o-transform:rotate(-90deg); 	/* Opera */
	float: left;
}
.more-left p {
	font-family: down2-icon;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); 	/* Opera */
	float: left;
}
.more-left p:last-child {
	margin-left: -8px;
}
.more-right p:last-child {
	margin-left: -8px;
}
.search-bar {
	width: 1253px;
	position: absolute;
	top: 800px;
	left: 50%;
	transform: translateX(-50%);
	background: #6F7377;
	border-radius: 4px;
	z-index: 4;
	opacity: 0.8;
	overflow: hidden;
}
.search-bar p {
	font-family: lifesmart-logo;
	font-size: 40px;
	line-height: 80px;
	float: left;
	color: #fff;
	margin-left: 140px;
	overflow: hidden;
}
.search-box {
	width: 500px;
	height: 40px;
	background: #D7D7D7;
	margin: 20px 130px 0 0;
	float: right;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}
.world-address {
	width: 690px;
	float: right;
	margin: 20px 100px 0 0;
	display: none;
}
.world-address ul li {
	width: 90px;
	float: left;
	margin-left: 60px;
	margin-bottom: 20px;
	list-style: disc;
	text-align: left;
	font-size: 14px;
	color: #fff;
}
.search-bar > div {
	overflow: hidden;
}
.search-bar input {
	width: 440px;
	height: 40px;
	border: none;
	background: #8B8D90;
	border-radius: 4px 0 0 4px;
	font-size: 16px;
	padding-left: 20px;
}
.search-bar > div > button {
	display: none;
}
/*placeholder颜色*/
.search-bar input::-webkit-input-placeholder{
	color: #fff;
}
.search-bar input:-moz-placeholder{
	color: #fff;
}
.search-bar input::-moz-placeholder{
	color: #fff;
}
.search-bar input:-ms-input-placeholde{
	color: #fff;
}
.search-bar input[placeholder], [placeholder], *[placeholder] {
	color: #fff !important;
  font-size: 16px !important;
}

.search {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	cursor: pointer;
}
.search img {
	position: absolute;
	top: 10px;
	right: 12px;
}
.result {
	padding: 50px 0;
	font-size: 16px;
	color: #fff;
	text-align: center;
	display: none;
}
.result ul {
	width: 930px;
	margin: 0 auto;
}
.result ul li {
	width: 80px;
	float: left;
	margin-left: 90px;
	margin-bottom: 20px;
	list-style: disc;
	text-align: left;
}
.result ul li:nth-child(7n+1), .world-address ul li:nth-child(5n+1){
	margin-left: 0;
}
.m-deploy-mask, .m-deploy-province, .m-deploy-country {
	display: none;
}

/*加盟步骤*/
.form-download {
	width: 100%;
	background: #fff;
}
.form-download h1 {
	padding-top: 100px;
	text-align: center;
	font-size: 36px;
	color: #4E595F;
}

.download-step {
	width: 1220px;
	margin: 120px auto 0;
	padding-bottom: 10px;
	overflow: hidden;
}
.download-step div {
	width: 190px;
	height: 200px;
	position: relative;
	margin: 33px 0 0 65px;
	float: left;
	box-shadow:  0px 5px 15px 0px rgba(0, 0, 0, 0.1);
	font-size: 16px;
	color: #4E595F;
	font-weight: 300;
}
.download-step div p {
	width: 112px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	line-height: 22px;
}
.download-step > p > img:first-child {
	display: block;
	margin: 0 auto;
}
.download-step > p > img:nth-child(2)  {
	display: none;
}
.download-step div:nth-last-child(5) {
	margin: 33px 0 0 5px;
}
.download-step div:nth-last-child(3) p {
	width: 175px;
}
.download-step div:nth-last-child(3) p span {
	display: block;
}

.download-step div:nth-last-child(3) p span:nth-child(2) {
	margin-top: 20px;
}
.download-step div:nth-last-child(2) p {
	width:96px;
}
.download-step div:nth-last-child(1) p {
	width:80px;
	text-align: center;
}
.download-step div p {
	text-align: center;
}
.m-download {
	display: none;
}
.download {
	background: #fff;
	text-align: center;
	line-height: 73px;
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 125px;
}
.download-btn {
	width: 383px;
	height: 73px;
	display: block;
	margin: 56px auto 0;
	background: #F4BA00;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	font-size: download-icon;
	color: #fff;
	cursor: pointer;
}
.download-btn span {
	font-family: download-icon;
	font-size: 30px;
	margin-right: 20px;
}
.email-to a {
	display: block;
	text-decoration: underline;
	margin-top: 30px;
	color: #0070c9;
}
}

@media screen and (min-width: 769px) and (max-width: 1500px) {
	.slogan h1 {
		font-size: 50px;
	}
	.political-advantage {
		width: calc((1400 / 1500) * 100%);
	}
	.political-advantage-title div {
    width: calc((112 / 1400) * 100%);
    margin-left: calc((63 / 1400) * 100%);
    text-align: center;
    float: left;
    font-weight: 600;
    cursor: pointer;
	}
	.political-advantage-title div p {
    width: calc((80 / 112) * 100%);
    margin: 38px auto 30px;
	}
	.hover-box {
    width: calc((96 / 1400) * 100%);
	}
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
	.deploy-map {
		width: calc((1200 / 1400) * 100%);
	}
	.deploy-slide-wrap {
		width: calc(100% - 108px * 2);
	}
	.deploy-slide {
		width: 200%;
	}
	.deploy-slide > div {
		width: 50%;
	}
	.deploy-slide > div img {
		width: 100%;
	}
	.search-bar {
		width: calc((1253 / 1400) * 100%);
	}
	.search-bar p {
		margin-left: calc((140 / 1253) * 100%);
		margin-right: calc((140 / 1253) * 100%);
	}
	.search-box {
		width: calc((500 / 1253) * 100%);
		margin: 20px calc((130 / 1253) * 100%) 0 0;
	}
	.search-bar input {
		width: calc(100% - 60px);
	}

	.result ul {
		width: calc(80px * 6 + 60px * 5);
	}
	.result ul li {
		margin-left: 60px;
	}
	.world-address {
		width: calc(90px * 5 + 30px * 4);
		margin-right: calc((50 / 1253) * 100%);
	}
	.world-address ul li {
		margin-left: 30px;
	}
	.download-step {
    width: calc((1220 / 1400) * 100%);
	}
	.download-step p img {
		width: calc((1082 / 1220) * 100%);
	}
	.download-step div {
		width: calc((190 / 1225) * 100%);
		margin: 33px 0 0 calc((65 / 1220) * 100%);
	}
	.download-step div p {
		width: calc((112 / 190) * 100%);
	}
	.download-step div:nth-last-child(3) p {
    width: calc((175 / 190) * 100%);
	}
	.result ul {
		width: calc(80px * 6 + 30px * 5);
	}
	.result ul li {
		margin-left: 30px;
	}
	.download-step div {
		font-size: 14px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
	.branded-advantages > div {
     width: calc((1200 / 1300) * 100%);
 }
 .branded-advantages > div > div {
    width: calc((299 / 1210) * 100%);
    height: 299px;
	}
	.advantages-base {
		width: calc((130 / 299) * 100%);
	}
	.branded-advantages > div > div > p {
		width: calc((230 / 299) * 100%);
	}
	.advantages-hover p {
		width: calc((230 / 299) * 100%);
	}
}
@media screen and (min-width: 769px) and (max-width: 1160px) {
	.download-step div {
		width: calc((225 / 1225) * 100%);
    margin: 33px 0 0 calc((20 / 1220) * 100%);
		font-size: 12px;
	}
}
@media screen and (min-width: 769px) and (max-width: 850px) {
	.result ul {
		width: calc(80px * 6 + 15px * 5);
	}
	.result ul li {
		margin-left: 15px;
	}
}
/*手机端*/
@media screen and (max-width: 768px) {
.head {
	width: 100%;
	height: 100%;
	background: url("../../res/image/join-topic.jpg");
	background-size: cover;
	background-position: 25% 10%;
	background-repeat: no-repeat;
}

.slogan h1 {
	width: 4.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.8533333333333334rem;
	color: #fff;
	text-align: center;
	font-weight: 600;
}
.m-hotline {
	width: 8rem;
	height: 1.3333333333333333rem;
	position: absolute;
	bottom: 1.1466666666666667rem;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 18px;
	background: rgba(0,0,0,0.60);
	border-radius: 8px;
	font-weight: 600;
}
.m-hotline > p {
	line-height: 1.3333333333333333rem;
	text-align: center;
}
.m-hotline > p > span:nth-child(1) {
	width: 0.4rem;
	height: 0.4rem;
	background: #fff;
	font-family: icon-plain;
	display: block;
	position: absolute;
	line-height: 0.4rem;
	bottom: -0.2rem;
	left: 50%;
	color: #000;
	font-size: 12px;
	transform: translateX(-50%);
	border-radius: 50%;
}
.m-hotline > p > span:nth-child(1) > span {
	display: block;
	transform: scale(0.7, 0.7);
}
.m-hotline > p > span:nth-child(2) {
	font-size: 12px;
	font-weight: 300;
}
.hotline {
	display: none;
}
/*八大政策优势*/
.political-advantage {
	color: #4E595F;
	font-size: 12px;
	line-height: 24px;
	overflow: hidden;
}
.political-advantage h3 {
	margin: 2rem 0 2.1rem;
	font-size: 18px;
	line-height: 32px;
	opacity: 0.9;
	text-align: center;
}
.political-advantage-wrap > img {
	display: none;
}
.political-advantage-slide-wrap {
	width: 4.8rem;
	margin: 0 auto;
}
.political-advantage-title {
	width: 38.4rem;
	transform: translateX(0);
	overflow: hidden;
}
.political-advantage-title > div {
	width: 4.8rem;
	height: 3.35rem;
	text-align: center;
	float: left;
	position: relative;
	opacity: 0.5;
}
.political-advantage-title > div:first-child {
	opacity: 1;
}
.hover-box-wrap {
	height: 0.13rem;
}
.hover-box {
	width: 1.28rem;
	height: 0.13rem;
	margin: 0 auto;
	background: #BDA288;
}

.political-advantage-detail {
	width: 38.4rem;
	margin: 0 auto;
	padding-top: 2.36rem;
	transform: translateX(0);
	overflow: hidden;
	border-top: 1px solid #DCDCDC;
}
.political-advantage-detail p {
	width: 4.8rem;
	height: 3.73rem;
	float: left;
	opacity: 0;
}
.political-advantage-detail p:first-child {
	opacity: 1;
}
.political-advantage-wrap {
	background: url('../image/advantage-bg1.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.political-advantage-wrap .circle {
	width: 3.24rem;
}
.political-advantage-wrap .circle > span {
	background: #848B90;
}
.political-advantage-wrap .circle > span > span {
	background: #FEFEFD;
}
/*八大品牌优势*/

.branded-advantages {
	width: 8.3rem;
	margin: 0 auto;
	font-size: 12px;
	color: #4E595F;
	line-height: 24px;
}
.branded-advantages h3 {
	margin: 2rem 0 2.1rem;
	font-size: 18px;
	line-height: 32px;
	opacity: 0.9;
	text-align: center;
}
.branded-advantages > div {
	overflow: hidden;
	padding-bottom: 1.3rem;
}
.branded-advantages > div > div {
	width: 4.15rem;
	height: 4.15rem;
	float: left;
	border-top: 1px solid #DCDCDC;
	position: relative;
}
.branded-advantages > div > div > div {
	text-align: center;
	position: absolute;
	width: 2.56rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.branded-advantages > div > div > div img {
	width: 0.6666666666666666rem;
	margin-bottom: 0.4rem;
}
/*.branded-advantages > div > div > p {
	width: 3.12rem;
	line-height: 18px;
	display: none;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}*/
.advantages-hover {
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #fff;
	opacity: 0;
}
.advantages-hover p {
	width: 3.12rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-weight: 300;
	line-height: 20px;
}

#left, #right {
	display: none;
}

.case-show {
	background: #7F878C;
	overflow: hidden;
}

.case-show-title {
	font-size: 0.48rem;
	padding: 1.3rem 0;
	text-align: center;
	color: #fff;
}
.case-show-detail {
	width: 5.773333333333333rem;
	margin: 0 auto;
}
.swiper-slide {
	width: 5.773333333333333rem;
	height: 10.67rem;
	float: left;
	margin-left: 1rem;
	margin-bottom: 0.2;
	background: #fff;
	opacity: 0.5;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
.swiper-wrapper {
	width: 29.400000000000002rem;
	overflow: hidden;
}
.swiper-slide:first-child {
	margin-left: 0;
	opacity: 1;
}
.swiper-slide > div  {
	overflow: hidden;
}
.swiper-slide > div img {
	height: 4.48rem;
}
.swiper-slide > div p {
	width: 4.493333333333333rem;
	margin: 0 auto;
	text-align: left;
	font-size: 0.32rem;
	color: #7D7D7D;
	font-weight: 300;
	line-height: 0.56rem;
}
.swiper-slide > div .swiper-slide-title {
	margin: 0.56rem auto 0.38666666666666666rem;
	font-size: 0.37rem;
	text-align: center;
	color: #000;
	font-weight: 600;
}
.swiper-pagination {
	display: none;
}
.circle {
	width: 1.95rem;
	height: 0.23rem;
	margin: 0.8133333333333334rem auto 0;
	padding-bottom: 1.573rem;
}
.circle > span {
	width: 0.23rem;
	height: 0.23rem;
	margin-left: 0.2rem;
	position: relative;
	display: block;
	float: left;
	border-radius: 50%;
	background: #D8D8D8;
}
.circle > span:first-child {
	margin-left: 0;
}
.circle > span > span {
	width: 0.11rem;
	height: 0.11rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	border-radius: 50%;
	background: #848B90;
	display: none;
}
.circle > span:first-child > span {
	display: block;
}

/*部署*/
.deploy-wrap {
	background: #7F878C;
	padding-bottom: 2rem;
	position: relative;
}
.deploy-slide-wrap {
	width: 8.85rem;
	margin: 0 auto 0.8133333333333334rem;
	overflow: hidden;
}
.deploy-show-title {
  font-size: 0.48rem;
  padding: 1.3rem 0 0;
  text-align: center;
  color: #fff;
}

.deploy-slide {
	width: 18.37rem;
	overflow: hidden;
}
.deploy-slide > div {
	width: 8.85rem;
	float: left;
}
.china-deploy {
	margin-right: 0.67rem;
}
.deploy-slide img {
	width: 100%;
}
.deploy-btn-right, .deploy-btn-left {
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.deploy-btn-left {
	display: none;
}
.china-deploy, .world-deploy {
	position: relative;
	height: 8.85rem;
}
.china-deploy img, .world-deploy img {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.more-left, .more-right {
	display: none;
}
.deploy-btn-right img, .deploy-btn-left img {
	width: 0.573rem;
}
.search-bar {
	width: 8rem;
	margin: 1.1rem auto 0;
	padding-bottom: 0.5rem;
	background: rgba(104,106,110,0.80);
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
	border-radius: 8px;
}
.search-bar > div > p {
	width: 6.93rem;
	margin: 0 auto;
	padding: 0.4rem 0;
	color: #fff;
	font-family: lifesmart-logo;
	font-size: 16px;
	line-height: 16px;
}
.search-bar > div > button {
	width: 6.93rem;
	height: 1.1rem;
	display: block;
	margin: 0 auto;
	border: none;
	background: rgba(255,255,255,0.80);
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
}
.search-bar > div > button > span {
	font-family: close-icon;
	font-size: 18px;
	float: right;
	padding-right: 0.5rem;
}
.search-box {
	display: none;
}
.world-address {
	display: none;
}
.m-deploy-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left:0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 6;
	display: none;
}
.m-deploy-province, .m-deploy-country {
	width: 6.93rem;
	height: 6rem;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 7;
	background: rgba(255, 255, 255, 0.8);
	color: #4E595F;
	font-size: 12px;
	line-height: 1.2rem;
	text-align: center;
	border-radius: 8px;
	overflow-y: scroll;
	display: none;
}
.m-deploy-country {
	height: 9.6rem;
}
.result {
	padding: 0.32rem 0 0 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
	display: none;
}
.result ul {
	width: 7.08rem;
	margin: 0 auto;
	overflow: hidden;
}
.result ul li {
	width: 1.28rem;
	float: left;
	margin-left: 0.32rem;
	margin-bottom: 0.32rem;
	color: #fff;
	text-align: left;
	position: relative;
}
.result ul li span {
	width: 0.13rem;
	height: 0.13rem;
	display: block;
	position: absolute;
	top: 50%;
	left: -0.2rem;
	transform: translateY(-50%);
	background: #FFBE00;
	float: left;
	border-radius: 0.65rem;
}
.result ul li:nth-child(4n+1){
	margin-left: 0.5rem;
}
/*下载*/
.form-download {
	color: #4E595F;
	font-size: 12px;
	margin-bottom: 2rem;
}
.form-download h1 {
	margin: 2rem 0 2.1rem;
	font-size: 18px;
	line-height: 32px;
	opacity: 0.9;
	text-align: center;
}
.download-step {
	width: 7.51rem;
	margin: 0 auto;
}

.download-step > p > img:first-child {
	display: none;
}
.download-step > p > img:nth-child(2)  {
	width: 0.67rem;
	float: left;
}
.download-step > div {
	width: 6rem;
	height: 3.73rem;
	margin: 1.24rem 0 0 1.51rem;
	box-shadow: 0 0.065rem 0.23rem 0 rgba(0,0,0,0.10);
	border-radius: 4px;
}
.download-step > div:nth-last-child(1), .download-step > div:nth-last-child(4) {
	height: 1.3rem;
	line-height: 1.3rem;
}
.download-step > div:nth-last-child(2) {
	height: 2rem;
	position: relative;
}
.download-step > div:nth-last-child(2) p {
	line-height: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.download-step > div:nth-last-child(3) {
	line-height: 1.1rem;
}
.download-step > div:nth-last-child(5) {
	height: 2.93rem;
	line-height: 1.5rem;
}
.download-step div p {
	text-align: center;
}
.email-to {
	position: relative;
}
.email-to p {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.m-download {
	background: #fff;
	text-align: center;
	line-height: 0.97rem;
	font-size: 12px;
	font-weight: 600;
}
.m-download-btn {
	width: 4rem;
	height: 0.97rem;
	display: block;
	margin: 0 auto 0;
	background: #F4BA00;
	border-radius: 4px;
	color: #fff;
}
.m-download-btn span {
	font-family: download-icon;
	font-size: 12px;
}
.email-to a {
	text-decoration: underline;
	color: #0070c9;
}
.download {
	display: none;
}
}
