body{
	-webkit-tap-highcolor:transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #000;
}
.det-nav{position: relative;}
.det-nav a{width: .88rem;height: .8rem;display: flex;align-items: center;justify-content: center;color: #fff;position: relative;}
.det-nav a i{position: relative;z-index:2; font-size: 0;transition: all 400ms;display: block;width: .88rem;height: .8rem;}
.det-nav a.btn-prev i{background: url(http://img.momoux.com/images/btn_prev_white.png) no-repeat center;background-size: cover;}
.det-nav a.btn-next i{background: url(http://img.momoux.com/images/btn_next_white.png) no-repeat center;background-size: cover;}
.det-nav a.no{opacity: .5;}
.det-nav a::after{content: ''; background-color: rgba(255,255,255,.2);width: 100%;height: 0%;position: absolute;top:0;left: 0%;transition: 0.5s;}
.det-nav a:hover::after{width: 100%;height: 100%;}
.det-nav a.no:hover::after{background: none;width: 0;height: 0;}
.det-nav .tip{min-width: 2.7rem;position: absolute;top:100%;right: 0;background-color: rgba(255,255,255,.2);font-size: .2rem;color: #fff;padding: .0rem .4rem;white-space: nowrap;opacity: 0;height: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.det-nav a:hover .tip{opacity: 1;transition: all .8s;height: .8rem;}
.btn-back{position: absolute;left: 0;top:0;display: none;}
.btn-back span{width: .88rem;height: .8rem;background-image: url(http://img.momoux.com/images/btn_back.png);background-size: cover;background-repeat: no-repeat;background-position: center; display: flex;align-items: center;justify-content: center;}
.btn-back .iconfont{font-size: 0;}
.header-posi-a .logo{opacity: 0;visibility: hidden;}
.header-posi-a .btn-back{display: block;}
.header-posi-a .det-nav a{color: #000;}
.header-posi-a .det-nav a:hover:after{background-color: #000;color: #fff;}
.header-posi-a .det-nav a:hover .tip{background-color: #000;}
.header-posi-a .det-nav a.btn-prev i{background-image: url(http://img.momoux.com//images/btn_prev_black.png);}
.header-posi-a .det-nav a.btn-next i{background-image: url(http://img.momoux.com//images/btn_next_black.png);}
.header-posi-a .det-nav a.btn-prev:hover i{background-image: url(http://img.momoux.com//images/btn_prev_white.png);}
.header-posi-a .det-nav a.btn-next:hover i{background-image: url(http://img.momoux.com//images/btn_next_white.png);}
.header-posi-a .det-nav a.btn-next.no:hover i{background-image: url(http://img.momoux.com//images/btn_next_black.png);}
.header-posi-a .det-nav a.btn-prev.no:hover i{background-image: url(http://img.momoux.com//images/btn_prev_black.png);}
.vtext .conts.en{font-size: .42rem;font-family: "BrownRegular";margin-bottom: .3rem;}
.ptags{font-size: .22rem;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);margin-top: .2rem;}
.ptags .line{width: 1px;height: .2rem;background-color: #949090;margin: 0 .14rem;}
@media (max-width:750px) {
	.mob_header{display: none;}
	.header .logo svg{position: absolute;height: .28rem;width: auto;}
	.header{display: block;box-shadow:0 0 2px rgb(255 255 255 / 20%)}
	.header .hcont{width: 100%;max-width: 100%;padding: 0 .32rem;height: 1.24rem;}
	.hcont-c{height: 1.24rem;}
	.det-nav a{width: .8rem;}
	.header-posi-a .logo{display: none;}
	.header-posi-a .btn-back{position: static;}
	.ptags{margin-top: .4rem;font-size: .24rem; line-height: .36rem;text-shadow: none;}
	.box-nine {
		margin-top: 0 !important;
	}
}
/* -----------上面都是公共复用的----------- */

/* -----------pro-bw----------- */
/* PC */
.pro_bw_page1 {
	height: 8.02rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.page1_title {
	font-size: .56rem;
	line-height: .65rem;
	color: #000;
	margin-bottom: .25rem;
}
.page1_text {
	font-size: .22rem;
	line-height: .32rem;
	color: #808080;
}

.pro_bw_page2 {
	height: 10.5rem;
	background-color: #000;
}
.page2_box {
	position: absolute;
	top:25%;
	left: 6%;
}
.page2_title {
	font-size: .36rem;
	line-height: .51rem;
	color: #fff;
	margin-bottom: .24rem;
}
.page2_text {
	font-size: .22rem;
	line-height: .3rem;
	color: #808080;
	margin-bottom: .43rem;
}

.pro_bw_page3 {
	background-color: #fff;
}
.page3_box {
	position: absolute;
	top: 2.45rem;
}
.page3_title {
	margin-bottom: .15rem;
}
.page3_title p {
	font-size: .56rem;
	line-height: .65rem;
	color: #000;
}
.page3_text {
	font-size: .22rem;
	line-height: .32rem;
	color: #808080;
	width: 5.80rem;
}

.pro_bw_page4 {
	margin-top: .21rem;
	background-color: #fff;
}
.page4_box {
	position: absolute;
	top: 1%;
	left: 9%;
}
.page4_title {
	margin-bottom: .15rem;
}
.page4_title p {
	font-size: .56rem;
	line-height: .65rem;
	color: #000;
}
.page4_text {
	font-size: .22rem;
	line-height: .32rem;
	color: #808080;
	width: 5.80rem;
}

.pro_bw_page5 {
	background-color: #fff;
	padding-bottom: 1.43rem;
}
.page5_box {
	position: absolute;
	top: 1.88rem;
	left: .13rem;
}
.page5_title {
	margin-bottom: .18rem;
}
.page5_title p {
	font-size: .56rem;
	line-height: .65rem;
	color: #000;
}
.page5_text p{
	font-size: .22rem;
	line-height: .32rem;
	color: #808080;
}

.pro_bw_page6 {
	background-color: #000; 
	padding-top: .38rem;
	position: relative;
}
.page6_box {
	position: absolute; 
	top: 24%;
	left: 12%;
}
.page6_title {
	margin-bottom: .45rem;
}
.page6_title p {
	font-size: .56rem;
	line-height: .65rem;
	color: #fff;
}
.page6_text p{
	font-size: .22rem;
	line-height: .32rem;
	color: #808080;
	width: 4rem;
}
.page6_video video{
	width: 100%;
}

.pro_bw_page7 {
	padding-top: 1.25rem;
	background-color: #0f0f0f; 
}
.page7_box {
	padding-left: 2.71rem;
}
.page7_title {
	margin-bottom: .16rem;
}
.page7_title p {
	font-size: .56rem;
	line-height: .65rem;
	color: #fff;
}
.page7_text p{
	font-size: .22rem;
	line-height: .32rem;
	color: #808080;
	margin-bottom: .55rem;
}

.pro_bw_page8 {
	padding-top: 2.61rem;
	background-color: #0f0f0f; 
}
.page8_box {
	width: 11.77rem;
}
.page8_title {
	margin-bottom: .18rem;
}
.page8_title p {
	font-size: .56rem;
	line-height: .65rem;
	color: #fff;
}
.page8_text p{
	font-size: .22rem;
	line-height: .32rem;
	color: #808080;
	margin-bottom: .59rem;
}

.pro_bw_page9 {
	background-color: #0f0f0f; 
	position: relative;
}
.page9_box {
	width: 6.91rem;
	position: absolute;
	top: 50%;
}
.page9_title {
	margin-bottom: .18rem;
}
.page9_title p {
	font-size: .56rem;
	line-height: .65rem;
	color: #fff;
}
.page9_text p{
	font-size: .22rem;
	line-height: .32rem;
	color: #808080;
	margin-bottom: .59rem;
}

/* MOBILE */
.mpro_bw_page1 {
	padding-top: 1.92rem;
	padding-bottom: 2.34rem;
}
.mpage1_title {
	display: flex;
	flex-direction: column;
	align-items: end;
	margin-bottom: .96rem;
}
.mpage1_title span{
	font-size: .8rem;
	line-height: 1.2rem;
	color: #000;
}
.mpage1_text {
	font-size: .3rem;
	line-height: .48rem;
	color: #808080;
}
.mpro_bw_page2 {
	height: 12.56rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.mpage2_title {
	font-size: .6rem;
	color: #fff;
	line-height: .88rem;
	margin-bottom: .4rem;
}
.mpage2_text p{
	font-size: .3rem;
	line-height: .42rem;
	color: #808080;
}

.mpro_bw_page345 {
	background-color: #fff;
	padding-top: 1.92rem;
}
.mpage345_title {
	margin-bottom: .4rem;
}
.mpage345_title p{
	font-size: .76rem;
	color: #000;
	line-height: 1.2rem;
}
.mpage345_text {
	margin-bottom: .92rem;
}
.mpage345_text p{
	font-size: .29rem;
	color: #808080;
	line-height: .48rem;
}

.mpro_bw_page6 {
	margin-top: 1.96rem;
	background-color: #000;
}
.mpage6_box {
	height: 4.98rem;
	position: relative;
}
.mpage6_title {
	position: absolute;
	bottom: 0;
	margin-bottom: .4rem;
}
.mpage6_title p{
	font-size: .8rem;
	color: #fff;
	line-height: 1.2rem;
}
.mpage6_text {
	position: absolute;
	bottom: -2.8rem;
}
.mpage6_text p{
	font-size: .3rem;
	line-height: .48rem;
	color: rgb(255 255 255 / 50%);
}
.mpage6_video_width img{
	width: 100%;
}

.mpro_bw_page7 {
	background-color: #000;
	padding-top: .12rem;
}
.mpage7_title {
	margin-bottom: .4rem;
}
.mpage7_title p{
	font-size: .8rem;
	color: #fff;
	line-height: 1.2rem;
}
.mpage7_text {
	margin-bottom: 1rem;
}
.mpage7_text p{
	font-size: .3rem;
	color: rgb(255 255 255 / 50%);
	line-height: .48rem;
}

.mpro_bw_page8 {
	background-color: #000;
	padding-top: 2.12rem;
}
.mpage8_title {
	margin-bottom: .4rem;
	text-align: right;
}
.mpage8_title p{
	font-size: .8rem;
	color: #fff;
	line-height: 1.2rem;
}
.mpage8_text {
	margin-bottom: .54rem;
	text-align: right;
}
.mpage8_text p{
	font-size: .3rem;
	color: rgb(255 255 255 / 50%);
	line-height: .48rem;
}
.page9_bg {
	background-color: #0f0f0f;
	width: 100%;
	height: 2.56rem;
}
.mpro_bw_page9 {
	background-color: #0f0f0f;
	height: 13.5rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.mpage9_title {
	margin-top: .66rem;
	margin-bottom: .4rem;
}
.mpage9_title p{
	font-size: .8rem;
	color: #fff;
	line-height: 1.2rem;
}
.mpage9_text p{
	font-size: .3rem;
	line-height: .48rem;
	color: rgb(255 255 255 / 50%);
}