@import url("/web/pic/fonts/fonts.css?v=1.5");
@import url(//at.alicdn.com/t/c/font_3691293_9ksh5f6zhsk.css);

.dxx-section-600{
	height: 31.25vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-720{
	height: 37.5vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-750{
	height: 39.0625vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-800{
	height: 41.666666vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-920{
	height: 47.916666vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-940{
	height: 48.958333vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-980{
	height: 51.041666vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-1000{
	height: 52.083333vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-1050{
	height: 54.6875vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-1080{
	height: 56.25vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-1100{
	height: 57.291666vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-1120{
	height: 58.333333vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-1360{
	height: 70.833333vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dxx-section-1500{
	height: 78.125vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.dxx-video-bg video{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dxx-pic2{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.dxx-pic2 img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0 auto;
}

.dxx-container-1560{
	width: 100%;
	max-width: 1590px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.dxx-pos-pubpic{
	position: absolute;
	z-index: 12;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.dxx-pos-pubpic img{
	display: block;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
	object-fit: cover;
}
.dxx-font-18{
	font-size: 0.9375vw;
}
.dxx-font-95{
	font-size: 4.947916vw;
}

/** main class **/
.dxx-section-bg1{
	background-image: url(a1.jpg?v=1.1);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-pos-1-1{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 20;
}

.dxx-section-bg2{
	background-image: url(b1.jpg);
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.dxx-pos-2{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.dxx-section-bg3{
	position: relative;
	z-index: 10;
	overflow: hidden;
	padding: 4.5vw 0;
}

.dxx-swiper-ss20k{
	height: auto;
	overflow: hidden;
}
.dxx-swiper-ss20k .swiper-container{
	height: auto;
	overflow: hidden;
}
.dxx-swiper-ss20k .swiper-container .swiper-slide{
	width: 28.125vw;
	height: auto;
	overflow: hidden;
	position: relative;
}
.dxx-swiper-ss20k .swiper-container .swiper-slide .pic{
	height: auto;
	overflow: hidden;
	border-radius: 1.5625vw;
}
.dxx-swiper-ss20k .swiper-container .swiper-slide .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border-radius: 1.5625vw;
	transition: 0.5s;
}
.dxx-swiper-ss20k .swiper-container .swiper-slide .title{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.9vw;
	padding: 0 1.2vw;
}
.dxx-swiper-ss20k .swiper-container .swiper-slide:hover .pic img{
	transform: scale(1.05);
}
.dxx-swiper-ss20k .flex-swpage{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-top: 1.5vw;
	align-items: center;
}
.dxx-swiper-ss20k .flex-swpage .swiper-page{
	border-radius: 999px;
	background-color: #1b1b1b;
	padding: 0.78125vw 1.041666vw;
	height: auto;
	overflow: hidden;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dxx-swiper-ss20k .flex-swpage .swiper-page .swiper-pagination-bullet{
	opacity: 1;
	background-color: #d0cfd1;
	width: 0.78125vw;
	height: 0.78125vw;
	margin: 0 0.625vw;
	border-radius: 999px;
	transition: 0.5s;
}
.dxx-swiper-ss20k .flex-swpage .swiper-page .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 3.5vw;
}

.dxx-section-bg4{
	background-color: #000;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-ss20k-4{
	height: auto;
	overflow: hidden;
	position: relative;
}
.dxx-ss20k-4 .swiper-container{
	height: auto;
	overflow: hidden;
}
.dxx-ss20k-4 .swiper-container .swiper-slide{
	height: auto;
	overflow: hidden;
}
.dxx-ss20k-4 .swiper-container .swiper-slide .pic{
	height: auto;
	overflow: hidden;
}
.dxx-ss20k-4 .swiper-container .swiper-slide .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.dxx-ss20k-4 .swiper-page{
	width: 49.635416vw;
	position: absolute;
	left: 0;
	bottom: 4.6875vw;
	z-index: 22;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dxx-ss20k-4 .swiper-page .swiper-pagination-bullet{
	width: 2.604166vw;
	height: 2.604166vw;
	opacity: 1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 1.3vw;
}
.dxx-ss20k-4 .swiper-page .swiper-pagination-bullet.color-bg0{
	background-image: url(dc-1.png);
}
.dxx-ss20k-4 .swiper-page .swiper-pagination-bullet.color-bg1{
	background-image: url(dc-2.png);
}
.dxx-ss20k-4 .swiper-page .swiper-pagination-bullet.color-bg2{
	background-image: url(dc-3.png);
}
.dxx-ss20k-4 .swiper-page .swiper-pagination-bullet.color-bg3{
	background-image: url(dc-4.png);
}

.dxx-section-bg5{
	background-color: #000;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-pos-5-1{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.dxx-pos-5-1 video{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
}
.dxx-pos-5-1 img{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
}
.dxx-pos-5-2{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.dxx-pos-5-2 img{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
}
.dxx-pos-5-3{
	position: absolute;
	left: 0;
	right: 0;
	top: 4.5vw;
	z-index: 4;
}
.dxx-pos-5-4{
	position: absolute;
	left: 10.15625vw;
	top: 33.854166vw;
	z-index: 5;
	color: #a1a1a1;
}
.dxx-pos-5-5{
	position: absolute;
	left: 68.6vw;
	top: 33.854166vw;
	z-index: 5;
	color: #a1a1a1;
}

.dxx-section-bg6{
	background-image: url(f1.jpg?v=1);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-pos-6{
	position: absolute;
	left: 10.15625vw;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.dxx-section-bg7{
	background-color: #000;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-pos-7{
	position: absolute;
	left: 0;
	right: 0;
	top: 3.125vw;
	z-index: 14;
}
.dxx-pos-7-1{
	position: absolute;
	z-index: 15;
	left: 29.947916vw;
	top: 27vw;
}
.dxx-pos-7-2{
	position: absolute;
	z-index: 15;
	left: 55.46875vw;
	top: 27vw;
}

.dxx-font-72{
	font-size: 3.75vw;
}

.dxx-section-bg8{
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-section-bg8 video{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
}
.dxx-pos-8{
	position: absolute;
	left: 8.333333vw;
	top: 50%;
	transform: translateY(-50%);
	z-index: 14;
}

.dxx-section-bg9{
	background-image: url(i1.jpg?v=1);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-section-bg9 .outbg{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
}
.dxx-section-bg9 .outbg .bg{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 12;
}
.dxx-section-bg9 .outbg .bg img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.dxx-pos-9-1{
	position: absolute;
	z-index: 15;
	left: 8.333vw;
	top: 9.895833vw;
}
.dxx-pos-9-2{
	position: absolute;
	z-index: 15;
	left: 54.947916vw;
	top: 10.677083vw;
	opacity: 0;
}

.dxx-section-bg10{
	background-image: url(j1.jpg?v=1);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-pos-10{
	position: absolute;
	z-index: 11;
	left: 8.333333vw;
	top: 50%;
	transform: translateY(-50%);
}

.dxx-font-98{
	font-size: 5vw;
}
.dxx-font-22{
	font-size: 1.145833vw;
}

.dxx-section-bg11{
	background-image: url(k1.jpg?v=1);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-pos-11{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 14;
	top: 50%;
	transform: translateY(-50%);
}
.dxx-list-10{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 50vw;
	margin-left: auto;
	margin-right: auto;
}
.dxx-list-10 li{
	margin-top: 8.3vw;
	height: auto;
	overflow: hidden;
	width: 50%;
}
.dxx-list-10 li .ico{
	height: auto;
	overflow: hidden;
}
.dxx-list-10 li .ico img{
	display: block;
	margin: 0 auto;
	width: 7.447916vw;
	height: auto;
}
.dxx-list-10 li .title{
	text-align: center;
	color: #fff;
	margin-top: 1vw;
	font-size: 1.25vw;
	font-family: 'MontserratMedium';
}


.dxx-font-54{
	font-size: 2.8125vw;
}

.dxx-section-bg12{
	background-image: url(l1.jpg);
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.dxx-pos-12{
	width: 84.791666vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4.21875vw;
}

.dxx-font-42{
	font-size: 2.1875vw;
}

.dxx-section-bg13{
	position: relative;
	z-index: 10;
	overflow: hidden;
	padding: 4.6875vw 0;
}
.dxx-ss20k-13{
	height: auto;
	overflow: hidden;
}
.dxx-ss20k-13 .swiper-container{
	height: auto;
	overflow: hidden;
}
.dxx-ss20k-13 .swiper-container .swiper-wrapper{
	transition-timing-function: linear;
}
.dxx-ss20k-13 .swiper-container .swiper-slide{
	height: auto;
	overflow: hidden;
}
.dxx-ss20k-13 .swiper-container .swiper-slide .pic{
	height: auto;
	overflow: hidden;
	border-radius: 1.5625vw;
}
.dxx-ss20k-13 .swiper-container .swiper-slide .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.dxx-btm-13{
	margin-top: 3.4375vw;
	width: 20.729166vw;
	height: 4.166666vw;
	border-radius: 999px;
	overflow: hidden;
	background-image: url(m1-btm.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}


.k20-container-1600{
	width: 83.333333vw;
	margin-left: auto;
	margin-right: auto;
}
.dxx-20k-sec1,
.dxx-20k-sec2{
	height: auto;
	overflow: hidden;
}
.dxx-20k-sec2{
	display: none;
	padding-top: 5.6vw;
}
.dxx-font-80{
	font-size: 4.166666vw;
}
.dxx-20k-line{
	width: 100%;
	height: 1px;
	background-color: #5b5b5b;
	margin-bottom: 4.1vw;
	margin-top: 2.5vw;
}
.dxx-20k-flex{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
.dxx-20k-flex .zou{
	width: 30%;
}
.dxx-20k-flex .you{
	width: 70%;
}
.dxx-20k-flex .you.other{
	width: 70%;
	padding-left: 4.1vw;
}
.dxx-20k-list-1{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
.dxx-20k-list-1 li{
	width: 25%;
}
.dxx-20k-list-1 li .pic{
	height: auto;
	overflow: hidden;
}
.dxx-20k-list-1 li .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.dxx-20k-dimflx{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.dxx-20k-dimflx .can-tu{
	width: 18.75vw;
}
.dxx-20k-dimflx .can-tu .pic{
	height: auto;
	overflow: hidden;
}
.dxx-20k-dimflx .can-tu .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.dxx-20k-dimflx .can-su{
	flex: 1;
}
.dxx-20k-dimflx .can-su .item{
	height: auto;
	overflow: hidden;
}
.dxx-20k-dimflx .can-su .item + .item{
	margin-top: 3.75vw;
}
.dxx-20k-dimflx .can-su .item .title{
	color: #787878;
	margin-bottom: 0.5vw;
}

.dxx-20k-devflx{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2vw;
}
.dxx-20k-devflx .item{
	width: 46%;
	margin-top: 4vw;
}
.dxx-20k-devflx .item:nth-child(1),
.dxx-20k-devflx .item:nth-child(2){
	margin-top: 0;
}
.dxx-20k-devflx .item .title{
	color: #787878;
	margin-bottom: 0.5vw;
}
.dxx-20k-pacflx{
	height: auto;
	overflow: hidden;
}
.dxx-20k-pacflx .item{
	height: auto;
	overflow: hidden;
}
.dxx-20k-pacflx .item + .item{
	margin-top: 5.9vw;
}
.dxx-20k-pacflx .item .title{
	color: #787878;
	margin-bottom: 0.6vw;
}
.dxx-20k-pacflx .item .pactu{
	height: auto;
	overflow: hidden;
	margin-top: 2.34375vw;
}
.dxx-20k-pacflx .item .pactu img{
	width: 34.375vw;
	height: auto;
	display: block;
	float: left;
}

.ss-20k-top{
	background-color: #fff;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
}
.ss-20k-top.show{
	opacity: 1;
	visibility: visible;
}
.ss-top-tlex{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	overflow: hidden;
}
.ss-top-tlex .biaoti{
	color: #000;
	text-transform: uppercase;
	font-size: 1vw;
	font-family: 'MontserratSemiBold';
}
.k20-flx-tab{
	height: auto;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.k20-flx-tab li{
	height: auto;
	overflow: hidden;
}
.k20-flx-tab li{
	font-size: 16px;
	font-family: 'MontserratMedium';
	color: #000;
	margin-left: 20px;
	transition: 0.5s;
	cursor: pointer;
}
.k20-flx-tab li.active{
	color: red;
}
.k20-flx-tab li:hover{
	color: red;
}