.arrow,.but {
	transition: all .3s ease;
	cursor: pointer
}

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

.section-title h2 {
	font-size: .48rem;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	color: rgba(51,51,51,1);
	line-height: .67rem;
	letter-spacing: .2rem
}

.section-title p {
	font-size: .2rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: rgba(102,102,102,1);
	line-height: .36rem;
	letter-spacing: .03rem;
	margin-top: .19rem
}
.section-title .line {
	font-size: .2rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: rgba(102,102,102,1);
	line-height: .36rem;
	letter-spacing: .03rem;
	margin-top: .19rem
}

.banner_overlay .overlay_item p,.but {
	font-size: .2rem;
	color: #fff;
	font-family: PingFang-SC-Bold;
	font-weight: 700
}

.arrow {
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 5;
	display: none
}

.but,.but i {
	display: inline-block
}

.arrow.prev {
	left: .84rem;
	background-image: url(../images/arrow_prev_no.1ec38a8858.png)
}

.arrow.next {
	right: .84rem;
	background-image: url(../images/arrow_next_no.de6c641cd7.png)
}

.but {
	min-width: 3.3rem;
	line-height: .6rem;
	/* background: rgba(210,83,57,1); */
	border-radius: .08rem;
	letter-spacing: .04rem;
	margin-top: .66rem;
	position: relative;
	padding: 0 .2rem;
	background:#e23469;
}

.but i {
	position: absolute;
	width: .15rem;
	height: .15rem;
	border-top: .04rem solid #fff;
	border-right: .04rem solid #fff;
	transform: rotate(45deg);
	top: 50%;
	margin-top: -.075rem;
	right: .2rem
}

.but:hover {
	/* background: rgba(248,115,87,1)!important */
	background: #fd5392 !important
}

#banner {
	width: 100%;
	height: 10.8rem;
	position: relative;
	cursor: pointer
}

#banner .arrow {
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 2
}

#banner .banner_box,#banner .banner_box .banner_iem {
	width: 100%;
	height: 100%
}

#banner .arrow.prev {
	left: .84rem;
	background-image: url(../images/banner_arrow_left.5a0501496f.png);
	opacity: .5
}

#banner .arrow.next {
	right: .84rem;
	background-image: url(../images/banner_arrow_right.a9b376b5a7.png);
	opacity: .5
}

#banner .arrow.next:hover,#banner .arrow.prev:hover {
	opacity: 1
}

#banner .banner_box {
	background: #222
}

.banner_overlay {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 9.61rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1
}

.banner_overlay .overlay_item {
	width: 1.86rem;
	height: .52rem;
	position: relative;
	margin: 0 .1rem
}

.banner_overlay .overlay_item img {
	position: absolute;
	width: 1.86rem;
	height: 0;
	 /*bottom: 0; */
	left: 50%;
	transform: translateX(-50%);
	background: #0ff;
	transition: all .3s;
	z-index: 1;
	border-radius: .08rem;
	bottom: .52rem;
	 
}

.banner_overlay .overlay_item p {
	/* background: #000; */
	letter-spacing: .02rem;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	border-radius: .08rem;
	border: .02rem solid #fff;
	background:#e23469;
}

#store_owner .section-title h2 {
	margin-top: .97rem
}

.banner_owner {
	margin-top: 1.01rem
}

.banner_owner .item {
	width: 4.35rem;
	height: 5rem;
	background: #fff;
	box-shadow: 0 .06rem .26rem 0 rgba(0,0,0,.08);
	border-radius: .08rem;
	margin: .15rem auto
}

.banner_owner .item .thumbnail {
	padding: .24rem .24rem 0
}

.banner_owner .item img.team-img {
	background: #4169e1;
	margin: .18rem auto 0;
	width: 1rem;
	height: 1rem
}

.banner_owner .item h3 {
	height: .42rem;
	font-size: .3rem;
	font-family: PingFang-SC-Bold;
	font-weight: 700;
	color: rgba(51,51,51,1);
	line-height: .42rem;
	margin-top: .2rem
}

.banner_owner .item .stat {
	margin-top: .16rem;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.banner_owner .item .stat img {
	width: .29rem;
	height: .29rem
}

.banner_owner .item .about {
	border-top: .03rem solid #F8F8F8;
	padding: .13rem .12rem;
	font-size: .2rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: #666;
	line-height: .36rem;
	margin-top: .4rem
}

.banner_owner .owl-controls {
	margin-top: 1.05rem
}

.banner_owner .owl-dots .owl-dot span {
	width: .8rem;
	height: .08rem;
	background: #fff;
	border-radius: 9px;
	border: .01rem solid #e23469
}

.banner_owner .owl-dots .owl-dot.active span,.banner_owner .owl-dots .owl-dot:hover span {
	background: #e23469
}

.banner_owner .owner_dots .owner_dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}

#store_layout {
	background: #FBFAF8;
	margin-top: .8rem;
	padding-top: .6rem;
	padding-bottom: .54rem
}

.store_layout .but {
	margin: .48rem auto 0
}

.store_layout .layout_map {
	margin-top: .6rem
}

.store_layout .layout_map img {
	width: 100%;
	height: auto
}

.product_intro {
	padding-top: .1rem;
	height: 10.8rem
}

.product_intro .container {
	display: flex;
	justify-content: space-between
}

.product_intro .c_left {
	width: 4.76rem;
	margin-top: 2.47rem
}

.product_intro .c_left .section-title .line {
	margin-top: .25rem;
	padding-right: .28rem
}


.product_intro .c_left .QC_code {
	margin-top: .1rem
}

.product_intro .c_left .QC_code img {
	width: 1.5rem;
	height: 1.5rem;
}

.product_intro .c_left .QC_code p {
	margin-top: .1rem;
	font-size: .2rem;
}


.product_intro .c_right {
	width: 8.05rem;
	margin-top: 1.69rem;
	display: flex
}

.product_intro .c_right .tab_content {
	width: 5.39rem;
	height: 9.01rem;
	/* background-image: url(../images/phone_bg.d9c6139fec.png); */
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative
}

.product_intro .c_right .tab {
	padding-top: .54rem;
	margin-left: .6rem
}

.product_intro .c_right .tab li {
	width: 1.3rem;
	height: .36rem;
	font-size: .24rem;
	font-family: PingFangSC-Medium;
	font-weight: 500;
	color: #666;
	line-height: .36rem;
	letter-spacing: .04rem;
	margin-top: .48rem;
	transition: all .3s;
	cursor: pointer
}

.product_intro .c_right .tab li:after {
	content: '';
	width: 0;
	height: .04rem;
	background: #e23469;
	border-radius: .04rem;
	margin-top: .04rem;
	display: block;
	transition: all .3s
}

#my_feature,#server {
	padding: 1rem 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed
}

.product_intro .c_right .tab li.active,.product_intro .c_right .tab li:hover {
	color: #e23469
}

.product_intro .c_right .tab li.active:after,.product_intro .c_right .tab li:hover:after {
	content: '';
	width: .49rem
}

.product_intro .c_right .tab_content .ul_box {
	width: 4.69rem;
	margin: .33rem auto 0;
	overflow: hidden
}

.product_intro .c_right .tab_content ul {
	transition: all .3s ease
}

.product_intro .c_right .tab_content ul li {
	height: 8.71rem
}

#server {
	height: 10.8rem;
	/* background-image: url(../images/zy_server_bj.abee70f78f.png) */
}

#server .section-title h2 {
	color: #fff;
	margin-top: .6rem
}

#server .section-title .line {
	color: #F2F2F2;
	margin-top: .2rem
}

#server .but {
	margin: .75rem auto 0
}

#server .server_content {
	margin-top: 1.08rem;
	display: flex;
	justify-content: space-between
}

#server .server_content .item img {
	width: 2.6rem;
	height: 2.6rem;
	margin: 0 auto
}

#server .server_content .item p {
	font-size: .3rem;
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	color: #BDB4A0;
	line-height: .42rem;
	letter-spacing: .12rem;
	margin-top: .6rem
}

#my_feature {
	height: 10.8rem;
	/* background-image: url(../images/my_feature_bj.993d553fc3.png) */
}

#my_feature .but {
	margin: .48rem auto 0
}

#my_feature .section-title h2 {
	margin-top: .6rem
}

#my_feature .section-title .line {
	margin-top: .2rem
}

#my_feature .feature_content {
	display: flex;
	justify-content: space-between;
	margin-top: 1.19rem;
	height: 4.4rem;
	align-items: center
}

#my_feature .feature_content .item {
	width: 3.2rem;
	height: 4rem;
	background: rgba(0,0,0,.5);
	border-radius: .16rem;
	transition: all .3s ease;
	cursor: pointer
}

#my_feature .feature_content .item:hover {
	width: 3.52rem;
	height: 4.4rem
}

#brand_active {
	height: 10.8rem;
	padding: .1rem
}

#brand_active .arrow.prev:hover {
	background-image: url(../images/arrow_prev_yes.5a307dc902.png)!important
}

#brand_active .arrow.next:hover {
	background-image: url(../images/arrow_next_yes.e873f44c8e.png)!important
}

#brand_active .section-title h2 {
	margin-top: 1.2rem
}

#brand_active .brand_active_content {
	position: relative;
	height: 4.96rem;
	margin-top: 1.02rem;
	overflow: hidden
}

#brand_active .brand_active_content ul {
	height: 4.96rem;
	position: relative
}

#brand_active .brand_active_content .item {
	width: 3.35rem;
	height: 4rem;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	transition: all .5s ease;
	background-size: cover;
	background-repeat: no-repeat
}

#brand_active .brand_active_content .item img {
	object-fit: cover
}

#brand_active .brand_dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .35rem
}

#brand_active .brand_dots .brand_dot {
	width: .14rem;
	height: .14rem;
	background: #D8D8D8;
	border-radius: 50%;
	margin: 0 .13rem;
	cursor: pointer
}

#brand_active .brand_dots .brand_dot.active,#brand_active .brand_dots .brand_dot:hover {
	background: #666
}

.but_2 {
	width: 2.28rem;
	font-size: .2rem;
	font-family: PingFang-SC-Bold;
	font-weight: 700;
	color: #e23469;
	line-height: .54rem;
	letter-spacing: .04rem;
	margin: .6rem auto 0;
	height: .6rem;
	border-radius: .3rem;
	border: .03rem solid rgba(210,83,57,1);
	cursor: pointer;
	position: relative
}

.but_2 i {
	display: inline-block;
	position: absolute;
	width: .15rem;
	height: .15rem;
	border-top: .04rem solid #e23469;
	border-right: .04rem solid #e23469;
	transform: rotate(45deg);
	top: 50%;
	margin-top: -.075rem;
	right: .2rem
}

#hz_partner {
	height: 10.8rem;
	background: rgba(251,250,248,1)
}

#hz_partner .section-title {
	padding-top: .9rem
}

#hz_partner .section-title .line {
	margin-top: .2rem
}

.banner_partner {
	margin-top: .89rem
}

.banner_partner .item {
	font-size: 0
}

.banner_partner .item img {
	width: 2.57rem;
	height: 1.09rem;
	background: #fff;
	display: inline-block;
	margin: .11rem
}

.banner_partner .owl-controls {
	margin-top: .3rem
}

#join_us {
	height: 4.74rem;
	/* background-image: url(../images/join_us_bj.319dd92a76.png); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding-top: .1rem
}

#join_us .but {
	margin: 1.8rem auto 0
}