html {
	width: 100%;
	height: 100%;
}

body {
	background: #000;
	height: 100%;
	width: 100%;
}

.img-wrap1 {
	position: relative;
	width: 100%;
	/* height: 10.8rem; */
	height: 100%;
	background: url(../img/bg1.jpg) no-repeat;
	background-size: cover;
	background-size:100% 100%;
}

.img-wrap1 .img-center1{
	position: absolute;
	width: 62%;
	top: 0;
	right: 0;
	bottom: 0;
	/*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
}

.img-wrap1 .text-wrap1 {
	position: absolute;
	max-width: 54%;
	max-height: 58%;
	display: inline-block;
	/*margin-left: 10%;*/
	top: 0;
	bottom: 0;
	left: 10%;
	/*right: 20%;*/
	margin: auto 0;
}

.img-wrap1 .text-wrap1 a {
	margin-top: 0.56rem;
	display: block;
	width: 1.5rem;
	height: 0.56rem;
	background: #77ab19;
	color: white;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.56rem;
	border-radius: 0.28rem;
}


.wrap-tips{
		display: flex;
		position: absolute;
		margin-top: 6.8vh;
}

.wrap-tips .tip{
	width: 3.72rem;
	height: 2.11rem;
	background: #77AB19;
	border-radius: .1rem;
	color: #fff;
	text-align: center;
	position: relative;
}
.wrap-tips .desc{
	font-size: .18rem;
}

.wrap-tips .tip-add{
	margin-right: .4rem;
	cursor: pointer;
}
.wrap-tips .tip-web{
	cursor: pointer;
}

.wrap-tips .tip .text .title{
	font-size: .28rem;
	margin-top: .26rem;
	margin-bottom: .16rem;
}

.wrap-tips .tip .text .desc{
	line-height: .36rem;
}

.wrap-tips .tip .more{
		width: 100%;
		height: .6rem;
		/* height: 6.6vh; */
		left: 0;
		background-color: #fff;
		line-height: .6rem;
		/* line-height: 6.6vh; */
		text-align: center;
		font-size: .18rem;
		color: #77AB19;
		position: absolute;
		display: inline-block;
		bottom: 0;
		border-bottom-left-radius:.1rem;
		border-bottom-right-radius:.1rem; 
		border-top-left-radius: 0;
		border-top-right-radius: 0;
}
.img-wrap2 {
	position: relative;
	width: 100%;
	/* height: 10.8rem; */
	height: 100%;
	background: url(../img/bg2.jpg) no-repeat;
	/* background-size: cover; */
	background-size: 100% 100%;
}

.img-wrap2 .img-center2{
	position: absolute;
	width: 50%;
	top: 0;
	left: 0;
	bottom: 0;
	/*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
   -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;*/
}

.img-wrap2 .text-wrap2 {
	position: absolute;
	/*padding-right: 10%;*/
	max-width: 54%;
	max-height: 58%;
	display: inline-block;
	/*margin-left: 10%;*/
	top: 0;
	bottom: 0;
	/*left: 20%;*/
	right: 20%;
	margin: auto 0;
}

.img-wrap2 .text-wrap2 a {
	margin-top: 0.56rem;
	display: block;
	width: 1.5rem;
	height: 0.56rem;
	background: #77ab19;
	color: white;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.56rem;
	border-radius: 0.28rem;
}

ul {
	list-style: none;
}

.wrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	/*float: left;*/
}

.slidebox {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.slidebox li {
	float: left;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.dot {
	position: absolute;
	width: 2.4rem;
	height: 0.3rem;
	/*background: rgba(0, 0, 0, 0.3);*/
	text-align: right;
	bottom: 0.5rem;
	left: 50%;
	margin-left:-0.8rem;
}

.dot p {
	margin-right: 0.3rem;
	overflow: hidden;
}

.dot b {
	width: 0.8rem;
	height: 0.1rem;
	border-radius: 0.2rem;
	float: left;
	color: #333;
	display: block;
	background: rgba(255,255,255,0.1);
	text-align: center;
	line-height: 0.17rem;
	margin: 0 0.1rem;
	margin-top: 0.06rem;
	cursor: pointer;
	font-weight: normal;
}

.dot .cur {
	background: rgba(255,255,255,0.5);
}

footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	overflow: hidden;
}

.index-footer {
	max-width: 17rem;
	margin: 0 auto;
	overflow: hidden;
	/*padding-bottom: 10px;*/
}

.index-foot-left {
	margin-top: 0.14rem;
	font-size: 0.14rem;
	color: #999;
	float: left;
}

.index-foot-right {
	float: right;
	padding-bottom: 0.1rem;
}

.index-foot-right a {
	display: block;
	float: right;
	width: 0.32rem;
	height: 0.32rem;
	margin-left: 0.16rem;
	transition: all 0.2s;
}

.index-foot-right a:nth-child(1) {
	background: url(../img/icon_wechat.png);
	background-size: 100% 100%;
}

.index-foot-right a:nth-child(2) {
	background: url(../img/icon_phone.png);
	background-size: 100% 100%;
}

.index-foot-right a:nth-child(3) {
	background: url(../img/icon_position.png);
	background-size: 100% 100%;
}

.index-foot-right a:nth-child(1):hover {
	background: url(../img/icon_wechat_hover.png);
	background-size: 100% 100%;
}

.index-foot-right a:nth-child(2):hover {
	background: url(../img/icon_phone_hover.png);
	background-size: 100% 100%;
}

.index-foot-right a:nth-child(3):hover {
	background: url(../img/icon_position_hover.png);
	background-size: 100% 100%;
}

.box{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-size:100% 100%;
	background: url(../img/bg1.png) no-repeat;
	background-size: cover;
	background-size:100% 100%;
}

.wuye .tip-shequ{
	cursor: pointer;
}
.wuye .tip-wuye{
	cursor: pointer;
}
.wuye .tip-jiameng{
	cursor: pointer;
}
.wuye .tip-wuliu{
	cursor: pointer;
}

.wuye{
	width: 100%;
	display: flex;
	position: absolute;
	margin-top:61.8vh;
	display: flex;
	justify-content: space-between;
	padding: 0 1rem;
	box-sizing: border-box;
}

.wuye .community{
	width: 4rem;
	height: 3rem;
	border-radius: .2rem;
	color: #fff;
	text-align: center;
	position: relative;
}