@import url("../fonts/fonts.css?v=1.5");
@import url(../fonts/font_3691293_9ksh5f6zhsk.css);

.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-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-color: #000;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.dxx-pos-2{
	width: 83.4375vw;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.dxx-pic-list-2{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.dxx-pic-list-2 .item-lt{
	width: 30.572916vw;
	/* width: 36.704119%; */
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.dxx-pic-list-2 .item-lt .item-lt-top{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.dxx-pic-list-2 .item-lt .item-lt-top .item-lt-zou{
	width: 14.739583vw;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.dxx-pic-list-2 .item-lt .item-lt-top .item-lt-zou .item-lt-1{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.dxx-pic-list-2 .pub-item-2{
	height: auto;
	overflow: hidden;
	position: relative;
}
.dxx-pic-list-2 .pub-item-2 .tu{
	height: auto;
	overflow: hidden;
}
.dxx-pic-list-2 .pub-item-2 .tu img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	transition: 0.5s;
}
.dxx-pic-list-2 .pub-item-2:hover .tu img{
	transform: scale(0.98);
}

.dxx-pic-list-2 .title{
	position: absolute;
}
.dxx-pic-list-2 .item-lt-1 .title{
	left: 0;
	right: 0;
	top: 6.770833vw;
}
.dxx-pic-list-2 .item-lt-you .title{
	left: 0;
	right: 0;
	top: 1.875vw;
}
.dxx-pic-list-2 .item-lt-xia .title{
	top: 50%;
	transform: translateY(-50%);
	left: 3.75vw;
}
.dxx-pic-list-2 .item-mid{
	width: 25.052083vw;
}
.dxx-pic-list-2 .item-rt{
	width: 25.052083vw;
}
.dxx-pic-list-2 .item-mid .title{
	top: 1.875vw;
	left: 2.1875vw;
}
.dxx-pic-list-2 .item-rt .title{
	top: 1.875vw;
	right: 2.1875vw;
}
.item-lt-you{
	width: 14.583333vw;
}

.dxx-section-bg3{
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-section-bg3 video{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.dxx-pos-3{
	position: absolute;
	z-index: 14;
	top: 7.291666vw;
	right: 10.416666vw;
}

.dxx-section-bg4{
	background-image: url(d1.jpg);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-section-bg4 video{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
}
.dxx-pos-4{
	position: absolute;
	z-index: 14;
	top: 50%;
	transform: translateY(-50%);
	left: 8.333333vw;
	z-index: 33;
}

.dxx-section-bg5{
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-section-bg5 video{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
}
.dxx-pos-5{
	position: absolute;
	z-index: 14;
	left: 8.333333vw;
	bottom: 5.625vw;
}

.dxx-section-bg6{
	background-image: url(f1.jpg?v=1);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-pos-6{
	position: absolute;
	left: 0;
	right: 0;
	top: 3.5vw;
}

.dxx-section-bg7{
	background-image: url(g1.jpg?v=1);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-pos-7{
	position: absolute;
	right: 10.677083vw;
	top: 50%;
	transform: translateY(-50%);
	z-index: 14;
}

.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-pos-9{
	position: absolute;
	z-index: 20;
	top: 50%;
	transform: translateY(-50%);
	right: 7.03125vw;
}

.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: 6.666666vw;
	top: 7.8125vw;
}

.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;
	height: 86.458333vw;
}
.dxx-pos-11{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 14;
	top: 4vw;
}
.dxx-pos-11-2{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-top: 48.125vw;
}
.dxx-swiper-607{
	height: auto;
	overflow: hidden;
	position: relative;
}
.dxx-swiper-607::before{
	content: '';
	width: 12vw;
	height: 100%;
	background: -webkit-linear-gradient(-90deg, rgba(255,255,255,0), rgba(0,0,0,0.7));
	background: -o-linear-gradient(-90deg,rgba(255,255,255,0), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(-90deg,rgba(255,255,255,0), rgba(0,0,0,0.7));
	background: linear-gradient(-90deg,rgba(255,255,255,0), rgba(0,0,0,0.7));
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 22;
}
.dxx-swiper-607::after{
	content: '';
	width: 12vw;
	height: 100%;
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0), rgba(0,0,0,0.7));
	background: -o-linear-gradient(90deg,rgba(255,255,255,0), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(90deg,rgba(255,255,255,0), rgba(0,0,0,0.7));
	background: linear-gradient(90deg,rgba(255,255,255,0), rgba(0,0,0,0.7));
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 22;
}
.dxx-swiper-607 .swiper-container{
	height: auto;
	overflow: hidden;
}
.dxx-swiper-607 .swiper-container .swiper-slide{
	height: auto;
	overflow: hidden;
	/* width: 24vw; */
	/* width: 21.875%; */
	padding: 1.2vw;
}
.dxx-swiper-607 .swiper-container .swiper-slide .box{
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.dxx-swiper-607 .swiper-container .swiper-slide .box .pic{
	height: auto;
	overflow: hidden;
	position: relative;
}
.dxx-swiper-607 .swiper-container .swiper-slide .box .pic img.img1{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.dxx-swiper-607 .swiper-container .swiper-slide .box .pic img.img2{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: 0.5s;
}
.dxx-swiper-607 .swiper-container .swiper-slide .box .kang{
	color: #fff;
	font-family: 'gilroybold';
	margin-top: 2.4vw;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background-image: url(k1-11.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: cover;
	height: 4.791666vw;
	padding-right: 4.3vw;
	font-size: 1.2vw;
	line-height: 1.1;
	padding-bottom: 0.625vw;
	text-align: right;
	text-transform: uppercase;
}

.dxx-swiper-607 .swiper-container .swiper-slide .box:hover .pic img.img2{
	transform: translateY(-1vw);
}


.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;
}
.Swiper615{
	height: auto;
	overflow: hidden;
	margin-top: 4vw;
}
.Swiper615 .swiper-container{
	height: auto;
	overflow: hidden;
}
.Swiper615 .swiper-container .swiper-slide{
	height: auto;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.Swiper615 .swiper-container .swiper-slide .inner-item{
	width: 40.677084vw;
	height: 24.53125vw;
	overflow: hidden;
	background-image: url(l1-1.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.dxx-font-42{
	font-size: 2.1875vw;
}
.swp-num{
	width: 4.270833vw;
	height: 4.270833vw;
	border-radius: 50%;
	background-image: url(l1-2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.Swiper615 .tu{
	height: auto;
	overflow: hidden;
}
.Swiper615 .tu.wdtu-1{
	width: 18.59375vw;
}
.Swiper615 .tu.wdtu-2{
	width: 21.354166vw;
}
.Swiper615 .tu.wdtu-3{
	width: 18.229166vw;
}
.Swiper615 .tu img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.Swiper615 .txt{
	flex: 1;
}
.Swiper615 .brief{
	margin-top: 0.5vw;
}
.Swiper615 .tpu{
	height: auto;
	overflow: hidden;
	margin-top: 0.5vw;
}
.Swiper615 .tpu img{
	height: auto;
}
.Swiper615 .tpu.wdtp-1 img{
	width: 16.458333vw;
}
.Swiper615 .tpu.wdtp-2 img{
	width: 15.625vw;
}
.Swiper615 .swiper-page{
	margin-top: 4.6875vw;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
}
.Swiper615 .swiper-page .swiper-pagination-bullet{
	width: 4.583333vw;
	height: 0.677083vw;
	background-image: url(l1-10.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 999px;
	opacity: 1;
	margin: 0 0.625vw;
	background-color: transparent;
}
.Swiper615 .swiper-page .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-image: url(l1-9.png);
}

.dxx-section-bg13{
	position: relative;
	z-index: 10;
	overflow: hidden;
	padding: 5.9375vw 0;
}
.dxx-flex-13{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	width: 83.333333vw;
	margin-left: auto;
	margin-right: auto;
}
.dxx-flex-13 .item-13-lt{
	width: 38.4375vw;
	background-color: #1b1b1b;
	border-radius: 1.5625vw;
}
.dxx-flex-13 .item-13-lt .pic{
	height: auto;
	overflow: hidden;
}
.dxx-flex-13 .item-13-lt .pic img{
	display: block;
	width: 100%;
	height: auto;
	transition: 0.5s;
	margin: 0 auto;
}
.dxx-flex-13 .item-13-lt:hover .pic img{
	transform: scale(1.05);
}
.dxx-flex-13 .item-13-rt{
	width: 21.197916vw;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.dxx-flex-13 .item-13-rt .item-13-1{
	width: 100%;
	background-color: #1b1b1b;
	border-radius: 1.5625vw;
	padding-top: 1.875vw;
	padding-left: 2.604166vw;
	height: 16.822916vw;
}
.dxx-flex-13 .item-13-rt .item-13-1 .ico{
	height: auto;
	overflow: hidden;
}
.dxx-flex-13 .item-13-rt .item-13-1 .ico img{
	width: 2.760417vw;
	height: auto;
	float: left!important;
}
.dxx-flex-13 .item-13-rt .item-13-1 .title{
	margin-top: 2.083333vw;
}

.dxx-section-bg14{
	background-image: url(bg14.jpg?v=1);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-pos-14{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 14;
	top: 4.6875vw;
}