/*MDM*/
.whitenav.ts-main-header .nav-wrapper{
	background: #FFFFFF;
}
.whitenav.ts-main-header .menu-search input{
	background: #FFFFFF !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.whitenav.ts-main-header nav .button-collapse{
	color: #000000;
}
.whitenav.ts-main-header.stick .nav-wrapper{
	background: #000000;
}
.whitenav.ts-main-header.stick .menu-search input{
	background: rgba(99,99,99,0.6) !important;
	border: 1px solid rgba(99,99,99,0.6) !important;
}
.whitenav.ts-main-header.stick nav .button-collapse{
	color: #FFFFFF;
}

.pt140{
	padding-top: clamp(80px,7.2916667vw, 140px);
}
.pb140{
	padding-bottom: clamp(80px,7.2916667vw, 140px);
}
.pt120{
	padding-top: clamp(70px,6.25vw, 120px);
}
.pb120{
	padding-bottom: clamp(70px,6.25vw, 120px);
}
.pt100{
	padding-top: clamp(56px,5.208333vw, 100px);
}
.pb100{
	padding-bottom: clamp(56px,5.208333vw, 100px);
}
.pt70{
	padding-top: clamp(40px,3.6458333vw,70px);
}
.pb70{
	padding-bottom: clamp(40px,3.6458333vw,70px);
}
.mdm-title.center{
	text-align: center;
}
.mdm-title .headline{
	font-family: "HelveticaNeueLTPro-Blk";
	font-weight: bold;
	color: #000000;
	font-size: clamp(24px, 2.083333333333333vw ,40px);
	line-height: 1.2;
}
.mdm-title .title{
	font-family: "HelveticaNeueLTPro-Blk";
	font-weight: bold;
	color: #000000;
	font-size: clamp(30px, 2.5vw ,48px);
	line-height: 1.2;
}
.mdm-title .desc{
	margin-top: clamp(14px, 1.0416667vw ,20px);
	font-family: "HelveticaNeueLTPro-Ex";
	color: #000000;
	font-size: clamp(15px, 1.145833333333333vw ,22px);
	line-height: 1.5;
}
.mdm-title.whitezi .title,
.mdm-title.whitezi .headline,
.mdm-title.whitezi .desc{
	color: #FFFFFF;
}
.mdm-section1{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.mdm-section1 .textbox{
	display: flex;
	flex-direction: column;
	width: 46.45833333333333%;
	padding-left: calc((100% - 1366px) / 2);
	padding-right: clamp(20px,1.5625vw,30px);
	padding-top: clamp(20px,1.5625vw,30px);
	padding-bottom: clamp(30px,2.34375vw, 45px);
	box-sizing: border-box;
}
.mdm-section1 .textbox .subtit{
	display: flex;
	align-items: center;
	font-family: "HelveticaNeueLTPro-Blk";
	font-weight: bold;
	color: #000000;
	font-size: clamp(20px, 1.5625vw ,30px);
	flex-shrink: 0;
}
.mdm-section1 .textbox .subtit img{
	display: inline-block;
	margin-right: clamp(15px, 1.0416667vw ,20px);
}
.mdm-section1 .textbox .mdm-title{
	flex: 1;
	overflow: hidden;
	margin-top: clamp(20px, 1.5625vw ,30px);
}
.mdm-section1 .textbox .btns{
	margin-top: 20px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: clamp(10px, 0.78125vw, 15px);
}
.mdm-section1 .textbox .btns a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: clamp(150px, 11.45833333333333vw ,220px);
	height: clamp(45px, 3.385416667vw , 65px);
	font-family: "HelveticaNeueLTPro-Ex";
	color: #ec801b;
	font-size: clamp(16px, 1.25vw, 24px);
	border: #ec801b solid 1px;
	padding: 0 20px;
	box-sizing: border-box;
	border-radius: clamp(22px,1.71875vw , 33px);
	transition: all 0.5s ease;
}
.mdm-section1 .textbox .btns a:hover{
	background: #ec801b;
	color: #FFFFFF;
	box-shadow: 0px 0px 30px rgba(236,128,27,0.5);
}
.mdm-section1 .textbox .btns a.b1{
	background: #ec801b;
	color: #FFFFFF;
}
.mdm-section1 .imgbox{
	width: 53.54166666666667%;
	overflow: hidden;
}
.mdm-section1 .imgbox img,
.mdm-section1 .imgbox video{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.mdm-section1 .textbox{
		padding-left: calc((100% - 1170px) / 2);
	}
}
@media only screen and (min-width: 993px) and (max-width: 1199px){
	.mdm-section1 .textbox{
		padding-left: 2.5%;
	}
}
@media only screen and (max-width: 992px){
	.mdm-section1{
		flex-wrap: wrap;
	}
	.mdm-section1 .textbox{
		padding-left: 5%;
		padding-right: 5%;
		width: 100%;
	}
	.mdm-section1 .imgbox{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
}
@media only screen and and (max-width: 600px){
	.mdm-section1 .textbox{
		padding-left: 5%;
	}
}

.mdm-section2 .box{
	margin-top: 40px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	row-gap: 14px;
	column-gap: 16px;
}
.mdm-section2 .box .item{
	display: flex;
	flex-direction: column;
	width: calc((100% - 32px) / 3);
	min-height: clamp(172px, 13.4375vw, 258px);
}
.mdm-section2 .box .item .jitter{
	display: flex;
	align-items: center;
	height: 100%;
	background: #fbfbfe;
	border: #ededed solid 1px;
	border-radius: 10px;
	padding: clamp(16px, 1.40625vw, 27px);
	box-sizing: border-box;
}
.mdm-section2 .box .item .text .t1{
	display: flex;
	align-items: center;
	font-family: "HelveticaNeueLTPro-Blk";
	font-size: clamp(16px, 1.25vw, 24px);
	color: #000000;
	font-weight: bold;
}
.mdm-section2 .box .item .text .t1 img{
	display: inline-block;
	margin-right: 16px;
	flex-shrink: 0;
}
.mdm-section2 .box .item .text .t1 span{
	flex: 1;
	overflow: hidden;
}
.mdm-section2 .box .item .text .t2{
	margin-top: clamp(15px, 1.04vw, 20px);
	font-family: "HelveticaNeueLTPro-Ex";
	font-size: 14px;
	color: #727272;
}
@media only screen and (max-width: 992px){
	.mdm-section2 .box{
		flex-wrap: wrap;
	}
	.mdm-section2 .box .item{
		width: calc((100% - 16px) / 2);
	}
}
@media only screen and (max-width: 640px){
	.mdm-section2 .box .item{
		width: 100%;
	}
}


.mdm-section3 .box,
.mdm-section5 .box{
	display: flex;
	justify-content: space-between;
}
.mdm-section3 .box .textbox,
.mdm-section5 .box .textbox{
	width: 51%;
	padding-top: clamp(36px, 2.916667vw, 56px);
	box-sizing: border-box;
}
.mdm-section3 .box .imgbox,
.mdm-section5 .box .imgbox{
	width: 42.76411%;
	overflow: hidden;
	text-align: right;
}
.mdm-section3 .box .imgbox img, .mdm-section5 .box .imgbox img{
	max-width: 100%;
}
@media only screen and (max-width: 992px){
	.mdm-section3 .box,
	.mdm-section5 .box{
		flex-wrap: wrap;
	}
	.mdm-section3 .box .textbox, 
	.mdm-section5 .box .textbox{
		width: 100%;
		padding-top: 0;
	}
	.mdm-section3 .box .imgbox, 
	.mdm-section5 .box .imgbox{
		width: 100%;
		margin-top: 30px;
	}
}


.mdm-section4 .box{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-top: clamp(30px, 2.34375vw, 45px);
}
.mdm-section4 .mdm-tab{
	display: flex;
	flex-direction: column;
	width: 46.4%;
	padding-left: calc((100% - 1366px) / 2);
	box-sizing: border-box;
}
.mdm-section4 .mdm-tab .item{
	flex: 1;
	display: flex;
	align-items: center;
	padding-top: clamp(16px, 1.5625vw, 30px);
	padding-bottom: clamp(16px, 1.5625vw, 30px);
	min-height: clamp(54px, 4.16666667vw, 80px);
	border-bottom: rgba(0,0,0,0.1) solid 1px;
	box-sizing: border-box;
}
.mdm-section4 .mdm-tab .item:first-child{
	border-top: rgba(0,0,0,0.1) solid 1px;
}
.mdm-section4 .mdm-tab .item span{
	flex: 1;
	overflow: hidden;
	font-family: "HelveticaNeueLTPro-Ex";
	color: #000000;
	font-size: clamp(20px, 1.5625vw, 30px);
}
.mdm-section4 .mdm-tab .item.active span{
	font-family: "HelveticaNeueLTPro-Blk";
	font-weight: bold;
}
.mdm-section4 .mdm-tab .item i{
	display: inline-block;
	flex-shrink: 0;
	width: clamp(54px, 4.166666666666667vw, 80px);
	height: clamp(34px, 2.604166666666667vw, 50px);
	background: url(../images/mdm-img11.png) center no-repeat;
	background-size: 12.5% auto;
	opacity: 0;
	transform: translateX(-50px);
	transition: all 0.5s ease;
}
.mdm-section4 .mdm-tab .item.active i{
	opacity: 1;
	transform: translateX(0px);
}
.mdm-section4 .mdm-intro{
	position: relative;
	width: 50.52%;
}
.mdm-section4 .mdm-intro .item{
	position: absolute;
	z-index: -99;
	opacity: 0;
	visibility: hidden;
	transform: translateY(100px);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5%;
	padding-right: 5%;
	background: #fbfbfe;
	box-sizing: border-box;
	transition: all 0.4s ease;
}
.mdm-section4 .mdm-intro .item.active{
	/*display: block;*/
	position: relative;
	z-index: 1;
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.mdm-section4 .mdm-intro .item .text{
	font-family: "HelveticaNeueLTPro-Ex";
	color: #727272;
	font-size: clamp(14px, 0.8333333333333333vw, 16px);
}
.mdm-section4 .mdm-intro .item .img{
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
}
.mdm-section4 .mdm-intro .item .img img{
	display: block;
	width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.mdm-section4 .mdm-tab{
		padding-left: calc((100% - 1170px) / 2);
	}
}
@media only screen and (min-width: 993px) and (max-width: 1199px){
	.mdm-section4 .mdm-tab{
		padding-left: 2.5%;
	}
}
@media only screen and (max-width: 992px){
	.mdm-section4 .box{
		flex-wrap: wrap;
	}
	.mdm-section4 .mdm-tab{
		padding-left: 2.5%;
		padding-right: 2.5%;
		width: 100%;
	}
	.mdm-section4 .mdm-intro{
		padding-left: 2.5%;
		padding-right: 2.5%;
		width: 100%;
		box-sizing: border-box;
		margin-top: 30px;
	}
}
@media only screen and (max-width: 640px){
	.mdm-section4 .mdm-tab,
	.mdm-section4 .mdm-intro{
		padding-left: 5%;
		padding-right: 5%;
	}
}



.mdm-section6 .box{
	margin-top: 30px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px;
}
.mdm-section6 .box .item{
	width: calc((100% - 32px) / 3);
	padding: clamp(27px, 2.083333333333333vw, 40px);
	box-sizing: border-box;
	background: #1c2631;
	border-radius: 10px;
}
.mdm-section6 .box .item .subtit{
	text-align: right;
	font-family: "HelveticaNeueLTPro-Blk";
	color: #FFFFFF;
	font-weight: bold;
	font-size: clamp(14px, 1.041vw, 20px);
	padding-bottom: 10px;
}
.mdm-section6 .box .item ul{
	padding-left: 0;
	font-family: "HelveticaNeueLTPro-Ex";
	color: #FFFFFF;
	font-size: clamp(14px, 1.041vw, 20px);
}
.mdm-section6 .box .item ul li{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 10px 0;
	border-bottom: rgba(255,255,255,0.1) solid 1px;
}
.mdm-section6 .box .item ul li:first-child{
	border-top: rgba(255,255,255,0.1) solid 1px;;
}
.mdm-section6 .box .item ul li .text{
	flex: 1;
	overflow: hidden;
}
.mdm-section6 .box .item ul li .icon{
	display: inline-block;
	margin-left: 10px;
	flex-shrink: 0;
}
.mdm-section6 .box .item ul li .icon img{
	max-width: clamp(14px, 1.041vw, 20px);
}
@media only screen and (max-width: 992px){
	.mdm-section6 .box{
		flex-wrap: wrap;
	}
	.mdm-section6 .box .item{
		width: 100%;
	}
}


.mdm-section7{
	position: relative;
}
.mdm-section7 .mySwiper2{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.mdm-section7 .mySwiper2 .item{
	position: relative;
}
.mdm-section7 .mySwiper2 .item .img{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.mdm-section7 .mySwiper2 .item .img::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}
.mdm-section7 .mySwiper2 .item .img img{
	width: 100%;
}
.mdm-section7 .mySwiper2 .item .img img.pimg{
	display: block;
}
.mdm-section7 .mySwiper2 .item .img img.mimg{
	display: none;
}
.mdm-section7 .mySwiper2 .item .container{
	position: absolute;
	top: 6.25vw;
	left: 50%;
	transform: translateX(-50%);
}
.mdm-section7 .mySwiper2 .item .mdm-title .title{
	margin-bottom: clamp(13px, 1.0416667vw, 20px);
}
.mdm-section7 .thumbsbox{
	position: absolute;
	bottom: 5.3125vw;
	left: 50%;
	transform: translateX(-50%);
	z-index: 12;
}
.mdm-section7 .thumbsbox .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.mdm-section7 .thumbsbox .swiper .item{
	color: rgba(255,255,255,0.4);
	font-family: "HelveticaNeueLTPro-Ex";
	font-size: clamp(20px, 1.5625vw, 30px);
	padding-bottom: clamp(10px, 0.78125vw, 15px);
	border-bottom: rgba(255,255,255,0.4) solid 2px;
}
.mdm-section7 .thumbsbox .swiper .swiper-slide.active .item{
	color: #FFFFFF;
	border-bottom: #FFFFFF solid 2px;
}
@media only screen and (max-width: 992px){
	.mdm-section7 .mySwiper2 .item .img img.pimg{
		display: none;
	}
	.mdm-section7 .mySwiper2 .item .img img.mimg{
		display: block;
	}
}


.mdm-section8{
	position: relative;
	background: #ffffff;
}
.mdm-section8 .box{
	margin-top: 5%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 15px;
}
.mdm-section8 .box .item{
	display: flex;
	flex-direction: column;
	width: calc((100% - 30px) / 3);
}
.mdm-section8 .box .item .encircle{
	padding: clamp(20px, 1.5625vw, 30px);
	box-sizing: border-box;
}
.mdm-section8 .box .item .encircle .group{
	position: relative;
	width: 300px;
	height: 300px;
	margin: auto;
}
@media only screen and (min-width: 993px){
	.mdm-section8 .box .item.a1 .encircle .group{
		margin-right: 0;
	}
	.mdm-section8 .box .item.a3 .encircle .group{
		margin-left: 0;
	}
}
.mdm-section8 .box .item .encircle .group svg {
  	width: 100%;
  	height: 100%;
}
.mdm-section8 .box .item .encircle .group svg circle {
  	cx: 50%;
  	cy: 50%;
  	r: calc(50% - 12px);
  	fill: none;
  	stroke: #f0f0f0;
  	stroke-width: 24px;
}
.mdm-section8 .box .item .encircle .group svg .active {
  	position: relative;
  	z-index: 5;
  	stroke: #1a4564;
  	/*stroke-dasharray: calc(3.14 * 60);
  	stroke-dashoffset: calc(3.14 * 60);*/
  	stroke-dasharray: calc(3.14 * 127);
  	stroke-dashoffset: calc(3.14 * 127);
  	transform: rotate(-90deg);
  	transform-origin: center;
  	-webkit-transition: all 0.8s ease 0.5s;
  	-o-transition: all 0.8s ease 0.5s;
  	transition: all 0.8s ease 0.5s;
}

.mdm-section8 .box .item.a1 .encircle .group svg .active{
	stroke: #1a4564;
}
.mdm-section8 .box .item.a2 .encircle .group svg .active{
	stroke: #33aeff;
}
.mdm-section8 .box .item.a3 .encircle .group svg .active{
	stroke: #52b3da;
}
.mdm-section8 .box .item .encircle.ani .group svg .active {
  stroke-dashoffset: calc((3.14 * 127) * var(--i));
}

@-webkit-keyframes spin {
    0% {
        stroke-dashoffset: calc(3.14 * 127);
    }

    100% {
        stroke-dashoffset: calc((3.14 * 127) * var(--i));
    }
}
@-webkit-keyframes spin {
    0% {
        stroke-dashoffset: calc(3.14 * 127);
    }

    100% {
        stroke-dashoffset: calc((3.14 * 127) * var(--i));
    }
}
.spin{
    -webkit-animation-name: spin;
    animation-name: spin;
}

/*.mdm-section8 .box .item.a2 .encircle .group:hover svg .active {
  stroke-dashoffset: calc((3.14 * 127) * 0.2);
}
.mdm-section8 .box .item.a3 .encircle .group:hover svg .active {
  stroke-dashoffset: calc((3.14 * 127) * 0.4);
}*/
/*@media only screen and (min-width: 1200px) and (max-width: 1599px){
	.mdm-section8 .box .item .encircle .group{
		width: 200px;
		height: 200px;
	}
	.mdm-section8 .box .item .encircle .group svg circle{
		r: calc(50% - 9px);
		stroke-width: 18px;
	}
	.mdm-section8 .box .item .encircle .group svg .active{
		stroke-dasharray: calc(3.14 * 82);
  		stroke-dashoffset: calc(3.14 * 82);
	}
	.mdm-section8 .box .item .encircle .group svg .active {
	  	stroke-dashoffset: calc((3.14 * 82) * var(--i));
	}
}*/

.mdm-section8 .box .item .encircle .wrap{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	/*width: 176px;
	height: 176px;*/
	width: clamp(118px, 9.166666666666667vw, 176px);
	height: clamp(118px, 9.166666666666667vw, 176px);
	border-radius: 50%;
	background: #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.mdm-section8 .box .item .encircle .wrap .w1{
	font-family: "HelveticaNeueLTPro-Blk";
	font-size: clamp(20px, 1.5625vw, 30px);
}
.mdm-section8 .box .item .encircle .wrap .w2{
	font-family: "HelveticaNeueLTPro-Ex";
	font-size: clamp(14px, 1.0416667vw, 20px);
}
.mdm-section8 .box .item.a1 .encircle .wrap,
.mdm-section8 .box .item.a1 .content .t1-2 .percent{
	color: #1a4564;
}
.mdm-section8 .box .item.a2 .encircle .wrap,
.mdm-section8 .box .item.a2 .content .t1-2 .percent{
	color: #33aeff;
}
.mdm-section8 .box .item.a3 .encircle .wrap,
.mdm-section8 .box .item.a3 .content .t1-2 .percent{
	color: #52b3da;
}
.mdm-section8 .box .item .content{
	flex: 1;
	display: flex;
	align-items: stretch;
	position: relative;
	margin-top: 12%;
	background: #f7f7fc;
	border-radius: 20px;
	padding: 40px 25px 15px;
	padding: clamp(27px, 2.0833333vw, 40px) clamp(16px, 1.30208333vw, 25px) clamp(10px, 0.78125vw, 15px);
	box-sizing: border-box;
}
.mdm-section8 .box .item .content .icon{
	position: absolute;
	right: clamp(20px, 1.5625vw, 30px);
	top: clamp(-14px, -5vw, -20px);
}
.mdm-section8 .box .item .content .icon img{
	width: clamp(26px, 2.03125vw, 39px);
}
.mdm-section8 .box .item .content .t1{
	width: 33.75%;
	overflow: hidden;
	flex-shrink: 0;
}
.mdm-section8 .box .item .content .t1 .t1-1{
	color: rgba(0,0,0,0.6);
	font-size: clamp(13px, 0.8333333333333333vw,16px);
	margin-bottom: clamp(14px, 1.0416667vw,20px);
}
.mdm-section8 .box .item .content .t1-2{
	display: flex;
	align-items: center;
}
.mdm-section8 .box .item .content .t1-2 .ic{
	display: inline-block;
	margin-right: clamp(5px, 0.4166667vw, 8px);;
	flex-shrink: 0;
}
.mdm-section8 .box .item .content .t1-2 .ic img{
	width: clamp(13px, 0.8333333333333333vw,16px);
}
.mdm-section8 .box .item .content .t1-2 .percent{
	font-family: "HelveticaNeueLTPro-Blk";
	font-size: clamp(27px, 2.0833333vw, 40px);
}
.mdm-section8 .box .item .content .t2{
	flex: 1;
	display: flex;
	align-items: center;
}
.mdm-section8 .box .item .content .t2 .text{
	font-family: "HelveticaNeueLTPro-Ex";
	color: #000000;
	font-size: clamp(14px, 1.041666667vw, 20px);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px){
	.mdm-section8 .box .item .encircle .group svg{
		transform: scale(0.8); 
		transform-origin: center;
	}
}
@media only screen and (min-width: 993px) and (max-width: 1199px){
	.mdm-section8 .box .item .encircle .group svg{
		transform: scale(0.7); 
	}
}
@media only screen and (max-width: 992px){
	.mdm-section8 .box{
		flex-wrap: wrap;
	}
	.mdm-section8 .box .item{
		width: 100%;
	}
	.mdm-section8 .box .item .encircle{
		padding: 0;
	}
	.mdm-section8 .box .item .encircle .group svg{
		transform: scale(0.7); 
	}
	.mdm-section8 .box .item .content{
		margin-top: 0;
		padding: 30px 20px;
	}
}

@media screen and (min-width: 992px) {
  .jitter:hover {
    animation: jitter 0.55s infinite ease-out;
    animation-iteration-count: 1;
    transform: translateY(0px);
  }
}
@keyframes jitter {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(0px);
  }
}