@import url(/web/pic/fonts/fonts.css);

.section-hgt-890{
	height: 46.354166vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.inpro-main-body{
	height: auto;
	overflow: hidden;
}
.dtl-pic{
	height: auto;
	overflow: hidden;
}
.dtl-pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

/** main class **/
.dtl-section-bg1{
	background-image: url(a1.jpg);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dtl-pic-pos1{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.dtl-pic-pos1 img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dtl-section-bg2{
	background-image: url(b1.jpg);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.inpos-pro-2{
	position: absolute;
	left: 12.291666%;
	top: 50%;
	transform: translateY(-50%);
}
.dtl-bt-pic-2-1{
	height: auto;
	overflow: hidden;
}
.dtl-bt-pic-2-1 img{
	width: 18.4375vw;
	height: auto;
}
.dtl-bt-pic-2-2{
	height: auto;
	overflow: hidden;
	margin-top: 1vw;
}
.dtl-bt-pic-2-2 img{
	width: 38.020833vw;
	height: auto;
}

.dtl-section-bg3{
	background-image: url(c1.jpg);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.inpos-pro-3{
	position: absolute;
	z-index: 11;
	left: 0;
	right: 0;
	top: 4.6875vw;
}
.dtl-txt-3{
	text-align: center;
	color: #fff;
	font-size: 2.03125vw;
	font-family: 'MontserratSemiBold';
	/* text-shadow: 2px 2px 2px rgba(255, 255, 255, 1); */
	text-shadow: 
	            0 0 5px #0ca6ff,
	            0 0 15px #0ca6ff,
	            0 0 25px #0ca6ff,
	            0 0 40px #0ca6ff;
}

.dtl-section-bg4{
	background-image: url(d1.png);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dtl-txt-4{
	text-align: center;
	color: #fff;
	font-size: 2.8125vw;
	line-height: 1.2;
	margin-top: 2.708333vw;
	font-family: 'MontserratSemiBold';
	text-shadow: 
	            0 0 5px #0ca6ff,
	            0 0 15px #0ca6ff,
	            0 0 25px #0ca6ff,
	            0 0 40px #0ca6ff;
}


.dtlSwiper2{
	height: auto;
	overflow: hidden;
	position: relative;
}
.dtlSwiper2 .swiper{
	height: auto;
	overflow: hidden;
}
.dtlSwiper2 .swiper .swiper-slide{
	height: auto;
	overflow: hidden;
	padding: 2.4vw 0;
	transition: 0.5s;
}
.dtlSwiper2 .swiper .swiper-slide .ko-tu{
	margin-left: auto;
	margin-right: auto;
	transition: 0.5s;
	width: 17.1875vw;
	height: 27.604166vw;
	overflow: hidden;
	background-image: url(d1-kang.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
}
.dtlSwiper2 .swiper .swiper-slide .ko-tu img{
	position: absolute;
	left: 46%;
	bottom: 2.5vw;
	transform: translateX(-50%);
	width: auto;
	height: 26vw;
}
.dtlSwiper2 .swiper .swiper-slide:hover{
	transform: translateY(-1vw);
}
.dtlSwiper2 .swiper .swiper-slide .title{
	text-align: center;
	color: #fff;
	font-family: 'MontserratSemiBold';
	font-size: 1.458333vw;
	line-height: 1.2;
	text-transform: uppercase;
}
.dtlSwiper2 .swiper-page{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}
.dtlSwiper2 .swiper-page .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background-color: #dadada;
	opacity: 1;
	border-radius: 999px;
}
.dtlSwiper2 .swiper-page .swiper-pagination-bullet.dian-0{
	background-color: #46bca8;
}
.dtlSwiper2 .swiper-page .swiper-pagination-bullet.dian-1{
	background-color: #e4e063;
}
.dtlSwiper2 .swiper-page .swiper-pagination-bullet.dian-2{
	background-color: #5475d8;
}
.dtlSwiper2 .swiper-page .swiper-pagination-bullet.dian-3{
	background-color: #222122;
}
.dtlSwiper2 .swiper-page .swiper-pagination-bullet.dian-4{
	background-color: #f0a497;
}
.dtlSwiper2 .swiper-page .swiper-pagination-bullet.dian-5{
	background-color: #e2c8dc;
}
.dtlSwiper2 .swiper-page .swiper-pagination-bullet.dian-6{
	background-color: #ac9ccc;
}
.dtlSwiper2 .swiper-page .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 40px;
}

.dtl-section-bg5{
	background-color: #000;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dtl-pos-5{
	position: absolute;
	z-index: 14;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 81.354166vw;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.dtl-pos-5 .pic{
	border-radius: 1.40625vw;
}
.dtl-row-5-1{
	width: 40vw;
	height: auto;
	overflow: hidden;
	position: relative;
}
.dtl-row-5-1 .title{
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	color: #fff;
	font-family: 'MontserratSemiBold';
	font-size: 1.5625vw;
	bottom: 1.6vw;
}
.dtl-row-5-2{
	width: 40vw;
	height: auto;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.dtl-row-5-3{
	height: auto;
	overflow: hidden;
	position: relative;
}
.dtl-row-5-3 .title{
	text-align: left;
	position: absolute;
	right: 0;
	color: #fff;
	font-family: 'MontserratSemiBold';
	font-size: 1.3vw;
	top: 1.5vw;
	right: 1.5vw;
}
.dtl-row-5-4{
	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;
}
.dtl-row-5-4 .mid,
.dtl-row-5-4 .you{
	width: 19.322916vw;
}
.dtl-row-5-5{
	height: auto;
	overflow: hidden;
	position: relative;
}
.dtl-row-5-5 .title{
	text-align: left;
	position: absolute;
	right: 0;
	color: #fff;
	font-family: 'MontserratSemiBold';
	font-size: 1.3vw;
	bottom: 1.5vw;
	right: 1.5vw;
}


.dtl-section-bg6{
	background-image: url(f1.jpg);
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.dtl-section-bg7{
	background-image: url(g1.jpg);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dtl-pos-7{
	position: absolute;
	left: 5.104166vw;
	bottom: 3.125vw;
}
.dtl-txt-7{
	text-align: left;
	color: #fff;
	font-size: 1.666666vw;
	line-height: 1.5;
	font-family: 'MontserratSemiBold';
	text-shadow: 
	            0 0 5px #0ca6ff,
	            0 0 15px #0ca6ff,
	            0 0 25px #0ca6ff,
	            0 0 40px #0ca6ff;
}

.dtl-section-bg8{
	background-image: url(h1.jpg);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dtl-pos-8{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.dtl-pos-8-1{
	position: absolute;
	left: 6.041666vw;
	bottom: 15.625vw;
}
.dtl-txt-8{
	text-align: center;
	color: #fff;
	font-size: 1.5625vw;
	line-height: 1.5;
	font-family: 'MontserratSemiBold';
	text-shadow: 
	            0 0 5px #0ca6ff,
	            0 0 15px #0ca6ff,
	            0 0 25px #0ca6ff,
	            0 0 40px #0ca6ff;
}


.dtl-section-bg9{
	background-color: #000;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dtl-pos-9{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	width: 85.104166vw;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.dtl-pos-9 .pic{
	border-radius: 1.40625vw;
}
.dtl-pos-9 .pic:hover img{
	transform: scale(1.05);
}
.dtl-pos-9 .zou{
	width: 29.21875vw;
}
.dtl-pos-9 .you{
	width: 53.958333vw;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.dtl-pos-9-1{
	height: auto;
	overflow: hidden;
}
.dtl-pos-9-2{
	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;
}
.dtl-pos-9-3{
	width: 11.71875vw;
}
.dtl-pos-9-4{
	width: 11.71875vw;
}
.dtl-pos-9-5{
	width: 26.71875vw;
}

.dtl-section-bg10{
	background-image: url(j1.jpg);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dxx-pos-10{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.dtl-pos-10-1{
	position: absolute;
	width: 32.8125vw;
	top: 50%;
	transform: translateY(-50%);
	right: 16.25vw;
	z-index: 123;
	color: #fff;
}
.dtl-pos-10-1 h1{
	font-family: 'MontserratSemiBold';
	font-size: 2.96875vw;
}
.dtl-list-10{
	height: auto;
	overflow: hidden;
	border-top: 1px solid #fff;
	margin-top: 1vw;
}
.dtl-list-10 li{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	font-family: 'MontserratSemiBold';
	font-size:1.041666vw;
	border-bottom: 1px solid #fff;
	line-height: 4.166666vw;
}

.dtl-section-bg11{
	background-image: url(k1.jpg);
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.dtl-pos-11{
	position: absolute;
	left: 0;
	right: 0;
	top: 3.125vw;
}
.dtl-txt-11{
	text-align: center;
	color: #fff;
	font-size: 3.125vw;
	line-height: 1.5;
	font-family: 'MontserratSemiBold';
	text-shadow: 
	            0 0 5px #0ca6ff,
	            0 0 15px #0ca6ff,
	            0 0 25px #0ca6ff,
	            0 0 40px #0ca6ff;
}