.banner .desc,
.banner .title {
	color: #060001;
	letter-spacing: .01rem;
	text-align: center
}

.brand .content,
.investment .content {
	display: flex;
	justify-content: space-between
}

.brand .content,
.investment .content,
.plan .content .stores,
.sec1 .w {
	justify-content: space-between
}

.banner .new_btn,
.mode .w .card .desc,
.power .title {
	transform: translateX(-50%)
}

.banner {
	position: relative;
	width: 100%;
	background-image: url(../images2/cooperation_1_1.jpg);
	height: 8.5rem;
	background-size: 100% 100%
}

.banner .title {
	margin-top: 2rem;
	font-size: .76rem;
	line-height: .99rem;
	font-weight: 800
}

.banner .desc {
	margin-top: .13rem;
	font-size: .3rem;
	font-weight: 700;
	line-height: .39rem
}

.banner .new_btn {
	position: absolute;
	bottom: .8rem;
	left: 50%
}

.banner .signature {
	bottom: 1.54rem
}

.investment {
	background: #f5f5f5;
	padding: .14rem 0 1.1rem;
	text-align: center
}

.investment .title {
	font-size: .48rem;
	font-weight: 800;
	color: #111;
	line-height: .67rem;
	letter-spacing: .02rem
}

.investment .content {
	margin-top: .86rem;
	height: 6.5rem
}

.investment .content .card {
	background: center no-repeat #fff;
	flex: 0 0 auto;
	width: 7.1rem;
	height: 5.78rem;
	background-size: cover
}

.investment .content .card .desc {
	margin: 4.61rem auto;
	text-align: center;
	font-size: .24rem;
	color: #111;
	font-weight: 600;
	letter-spacing: .02rem
}

.policy>.title,
.power .title {
	font-size: .48rem;
	letter-spacing: .02rem;
	color: #111;
	text-align: center
}

.power {
	position: relative;
	padding-bottom: .63rem
}

.estate,
.light_extravagance {
	padding-bottom: .72rem
}

.power .title {
	position: absolute;
	left: 50%;
	/*padding-top: 1.05rem;*/
	line-height: .67rem;
	font-weight: 800
}

.power .content {
	height: 10.55rem
}

.policy>.title {
	margin: 1.08rem 0;
	font-weight: 800;
	line-height: .58rem
}

.policy>.content {
	height: 4.53rem;
	position: relative;
	margin-bottom: .25rem;
	background-size: 50%;
}

.policy .even,
.policy .odd {
	position: absolute
}

.policy .even .title,
.policy .odd .title {
	font-size: 0.30rem;
	font-weight: 800;
	line-height: .5rem;
	color: #111;
	letter-spacing: .01rem;
	margin-bottom: .17rem
}

.policy .even .desc,
.policy .odd .desc {
	font-size: .2rem;
	font-weight: 400;
	line-height: .32rem;
	color: #111;
	letter-spacing: .01rem;
	opacity: .8
}

.policy .odd {
	top: 1.44rem;
	left: .88rem
}

.policy .even {
	top: 1.3rem;
	left: 8.9rem
}

.quality .content {
	height: 17.5rem;
	overflow: hidden
}

.quality .content .title {
	margin-top: 1.1rem;
	text-align: center;
	font-size: .48rem;
	line-height: .67em;
	color: #111;
	font-weight: 800;
	letter-spacing: .02rem
}

.quality .content .desc {
	margin-top: .38rem;
	text-align: center;
	font-size: .3rem;
	line-height: .48rem;
	color: #111;
	font-weight: 400;
	letter-spacing: .01rem
}

.aesthetics .title,
.estate .title,
.light_extravagance .title {
	letter-spacing: .02rem;
	font-weight: 800;
	color: #111;
	font-size: .48rem
}

.estate {
	position: relative
}

.estate .title {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	padding-top: 1.32rem;
	line-height: .58rem
}

.brand .content .card,
.mode .w .card {
	position: relative
}

.estate .content {
	height: 14.98rem
}

.light_extravagance .title {
	/*margin-top: 1rem;*/
	text-align: center;
	line-height: .67rem
}

.title2{
	margin-top: .67rem;
	font-size: .48rem;
    color: #000;
    text-align: center;
}

.light_extravagance .content {
	/*margin-top: .8rem;*/
	height: 4.02rem
}

.aesthetics {
	height: 7.58rem;
	overflow: hidden;
	text-align: center;
	margin-bottom: 1.2rem
}

.aesthetics .title {
	margin-top: 1rem
}

.aesthetics .content {
	font-size: .3rem;
	margin-top: .12rem;
	letter-spacing: .01rem;
	font-weight: 400;
	color: #111
}

.brand {
	text-align: center
}

.brand>.title {
	margin-top: 1.29rem;
	font-size: .48rem;
	line-height: .58rem;
	letter-spacing: .02rem;
	font-weight: 800;
	color: #111
}

.brand>.desc {
	margin-top: .14rem;
	font-size: .24rem;
	font-weight: 400;
	line-height: .32rem;
	color: #111;
	letter-spacing: .01rem
}

.brand .content {
	padding: 1.08rem 0 1.88rem
}

.brand .content .card img {
	display: block;
	width: 3.76rem;
	height: 2.56rem
}

.brand .content .card .desc {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: .3rem;
	line-height: .31em;
	color: #fff;
	letter-spacing: .01rem;
	font-weight: 400
}

.plan .sub_title,
.plan .title {
	text-align: center;
	line-height: 1em
}

.plan {
	height: 14.7rem;
	overflow: hidden
}

.plan .title {
	margin-top: .8rem;
	font-size: .45rem;
	font-weight: 600;
	letter-spacing: .01rem;
	color: #111
}

.plan .sub_title {
	margin-top: .2rem;
	font-size: 24px;
	letter-spacing: 1px;
	color: #111
}

.plan .content {
	margin-top: .6rem
}

.plan .content .plan__banner {
	height: 7.05rem;
	margin-bottom: .3rem
}

.plan .content .stores {
	display: flex
}

.plan .content .experience_shop,
.plan .content .flagship_store {
	flex: 0 0 auto;
	width: 7.85rem
}

.plan .content .experience_shop .img,
.plan .content .flagship_store .img {
	width: 100%
}

.plan .content .experience_shop .img img,
.plan .content .flagship_store .img img {
	display: block;
	width: 100%
}

.plan .content .experience_shop .title,
.plan .content .flagship_store .title {
	margin-top: .16rem;
	font-size: .24rem;
	letter-spacing: .01rem;
	color: #111;
	text-align: left
}

.sec1>.title,
.slogan .desc,
.slogan .title {
	letter-spacing: .02rem
}

.plan .content .experience_shop .desc,
.plan .content .flagship_store .desc {
	margin-top: .16rem;
	font-size: .16rem;
	color: #111;
	opacity: .7
}

.slogan {
	height: 3.46rem;
	text-align: center;
	overflow: hidden;
	background-color: #f6f6f6
}

.slogan .title {
	margin-top: .83rem;
	font-size: .36rem;
	color: #111;
	line-height: 43px;
	font-weight: 800
}

.slogan .desc {
	line-height: 29px;
	font-size: .24rem;
	margin: .07rem auto .38rem;
	font-weight: 400
}

.nav_coop {
	color: rgba(255, 255, 255, .6) !important
}

.sec1>.desc,
.sec1>.title {
	color: #111;
	text-align: center
}

.clearfix::after {
	content: '';
	visibility: hidden;
	height: 0;
	display: block;
	clear: both
}

.sec1 {
	height: 16.5rem;
	overflow: hidden;
	background: #f6f6f6
}

.sec1>.title {
	margin-top: 1.1rem;
	font-size: .48rem;
	font-weight: 800;
	line-height: .77rem
}

.sec1>.desc {
	margin-top: .14rem;
	margin-bottom: .67rem;
	font-size: .24rem;
	font-weight: 400;
	line-height: .38rem;
	letter-spacing: .01rem
}

.sec1 .w {
	width: 16.03rem;
	display: flex;
	flex-wrap: wrap
}

.mode .w,
.sec2 .w {
	justify-content: space-between
}

.sec1 .w .card {
	width: 7.81rem;
	text-align: center;
	margin-bottom: .65rem
}

.sec1 .w .card .img {
	display: block;
	width: 7.81rem;
	height: 4.38rem
}

.sec1 .w .card .img img {
	width: 100%
}

.sec1 .w .card .title {
	margin-top: .33rem;
	margin-bottom: .17rem;
	font-size: .3rem;
	font-weight: 800;
	line-height: .42rem;
	color: #011;
	letter-spacing: .02rem
}

.sec1 .w .card .desc {
	font-size: .16rem;
	font-weight: 400;
	line-height: .26rem;
	color: #011;
	letter-spacing: .01rem
}

.mode .title,
.mode .w .card .desc,
.sec2 .a_title {
	color: #111;
	letter-spacing: .02rem;
	font-weight: 800
}

.mode {
	height: 8.91rem;
	background: #f6f6f6;
	padding-top: 1.3rem
}

.mode .title {
	text-align: center;
	margin-bottom: 1.3rem;
	font-size: .48rem;
	line-height: .72rem
}

.mode .w {
	width: 16.03rem;
	display: flex;
	flex-wrap: wrap
}

.mode .w .card {
	width: 5.1rem
}

.mode .w .card img {
	display: block;
	width: 5.1rem;
	height: 4.27rem
}

.mode .w .card .desc {
	position: absolute;
	left: 50%;
	bottom: .42rem;
	font-size: .3rem;
	line-height: .4rem
}

.sec2 {
	height: 15.29rem;
	overflow: hidden;
	background: #fff
}

.sec2 .w .card,
.sec2 .w .card .icon {
	background-size: contain !important;
	background-repeat: no-repeat;
	background-position: center !important
}

.sec2 .a_title {
	text-align: center;
	line-height: 0.9rem;
	margin-top: 1.55rem;
	margin-bottom: .93rem;
	font-size: .48rem
}

.sec2 .w {
	width: 14.71rem;
	display: flex;
	flex-wrap: wrap
}

.sec2 .w .card {
	position: relative;
	width: 7.11rem;
	height: 2.51rem;
	margin-bottom: .42rem;
	display: flex;
	padding: .5rem .44rem 0 .84rem
}

.sec2 .w .card .icon {
	margin-top: .1rem
}

.sec2 .w .card .title {
	font-size: .42rem;
	font-weight: 800;
	line-height: .59rem;
	color: #000;
	letter-spacing: .01rem
}

.sec2 .w .card .desc {
	font-size: .21rem;
	font-weight: 400;
	color: #464646;
	margin-top: 15px
}

.sec2 .w .card .icon1 {
	width: .53rem;
	height: .49rem;
	margin-right: .29rem;
	background-image: url(../images/icon1-8cdfab6660.png)
}

.sec2 .w .card .icon2 {
	width: .51rem;
	height: .55rem;
	margin-right: .32rem;
	background-image: url(../images/icon2-85d6ee6e14.png)
}

.sec2 .w .card .icon3,
.sec2 .w .card .icon4 {
	width: .58rem;
	height: .58rem;
	margin-right: .22rem
}

.sec2 .w .card .icon3 {
	background-image: url(../images/icon3-a8a96b030e.png)
}

.sec2 .w .card .icon4 {
	background-image: url(../images/icon4-e5d1424ac0.png)
}

.sec2 .w .card .icon5 {
	width: .61rem;
	height: .61rem;
	margin-right: .14rem;
	background-image: url(../images/icon5-26c0e23795.png)
}

.sec2 .w .card .icon6 {
	width: .59rem;
	height: .56rem;
	margin-right: .19rem;
	background-image: url(../images/icon6-8aa25e035a.png)
}

.sec2 .w .card .icon7 {
	width: .57rem;
	height: .58rem;
	margin-right: .23rem;
	background-image: url(../images/icon7-16b008da47.png)
}