@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:16px;vertical-align:baseline;background:transparent;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color: #121212;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1{font-style: normal;}
.width{width: 1180px;margin: 0 auto;}
.w1180{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
ul{list-style: none;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.mdt_m{display: none;}
.mdt_pc{display: block;}
i{font-style: normal;}

a.btn_mdt{display: block;width: 167px;height: 48px;background: #FB1438;border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin: 48px auto 0;}
a.btn_mdt::before{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/mdt/arrow3.webp);background-size: 100%;margin-right: 8px;vertical-align: -2px;}

.banner{height: 400px;background: url(../../images/mdt/banner.webp) center top no-repeat;background-size: cover;padding-top: 70px;box-sizing: border-box;}
.banner h5{display: flex;width: 95px;height: 24px;background: #DD3447;border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 24px;align-items: center;margin-bottom: 16px;box-sizing: border-box;padding-left: 6px;}
.banner h5 em{display: block;width: 12px;height: 12px;background: url(../../images/mdt/b_hash.webp);background-size: 100%;margin-right: 4px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #ffffff;margin-bottom: 16px;}
.banner span em{background: linear-gradient(0deg, #FA9D3B 0%, #FA5151 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-weight: bold;font-size: 38px}
.banner p{font-weight: 400;font-size: 20px;color: rgba(255,255,255,0.65);line-height: 28px;}
.banner a{display: block;width: 183px;height: 48px;border-radius: 4px;border: 1px solid #FFFFFF;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 40px;}
.banner a::after{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/mdt/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -2px;}


.title{text-align: center;padding: 90px 0 48px;}
.title span{display: block;font-weight: bold;font-size: 30px;color: #000000;margin-bottom: 16px;}
.title span em{font-weight: bold;font-size: 30px;background: linear-gradient(0deg, #FA9D3B 0%, #FA5151 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.title p{font-weight: 400;font-size: 20px;color: #595959;}
.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}


.floor_1{height: auto;overflow: hidden;padding-bottom: 90px;background: linear-gradient( 180deg, #FAF7F7 0%, #FFFCFC 100%), #FFFFFF;}
.floor_1 .option{width: 960px;height: 64px;background: #F8F8F8;border-radius: 32px;border: 1px solid rgba(255, 255, 255, 0.64);margin: 0 auto 48px;box-sizing: border-box;padding: 8px 6px;}
.floor_1 .option li{width: 189px;height: 48px;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #595959;line-height: 48px;}
.floor_1 .option li.on{background: #FB1438;color: #FFFFFF;}
.floor_1 .swiper-container{width: 1180px;height: 680px;overflow: hidden;}
.floor_1 .swiper-container .swiper-slide{width: 1180px;height: 680px;display: flex;}
.floor_1 .swiper-container .swiper-slide img{display: block;width: 445px;height: 680px;}
.floor_1 .swiper-container .swiper-slide .info{width: 735px;}
.floor_1 .swiper-container .swiper-slide .info .top{width: 735px;height: 150px;background: #DD3447;border-radius: 6px 0px 0px 0px;box-sizing: border-box;padding: 24px 0 0  94px;}
.floor_1 .swiper-container .swiper-slide .info .top h5{display: block;font-weight: bold;font-size: 30px;color: #FFFFFF;margin-bottom: 8px;}
.floor_1 .swiper-container .swiper-slide .info .top h4{font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 28px;}
.floor_1 .swiper-container .swiper-slide .info .bot{width: 735px;height: 530px;background: #191919;border-radius: 0px 0px 0px 6px;box-sizing: border-box;padding: 32px 0 0 80px;}
.floor_1 .swiper-container .swiper-slide .info .bot h3{font-weight: bold;font-size: 24px;color: #FFFFFF;margin-bottom: 24px;}
.floor_1 .swiper-container .swiper-slide .info .bot span{display: block;font-weight: bold;font-size: 16px;color: #FFFFFF;margin-bottom: 4px;}
.floor_1 .swiper-container .swiper-slide .info .bot span::before{display: inline-block;content: "";width: 15px;height: 14px;background: url(../../images/mdt/arrow2.webp);background-size: 100%;margin-right: 8px;}
.floor_1 .swiper-container .swiper-slide .info .bot p{width: 505px;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 22px;margin-bottom: 12px;margin-left: 22px;}
.floor_1 .swiper-container .swiper-slide .info .bot a{display: block;width: 135px;height: 48px;border-radius: 4px;border: 1px solid #FFFFFF;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 40px;}
.floor_1 .swiper-container .swiper-slide .info .bot a::after{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/mdt/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -3px;}



.floor_2{height: auto;overflow: hidden;padding-bottom: 90px;background: url(../../images/mdt/fl2_bg.webp) center top no-repeat;background-size: cover;}
.floor_2 .swiper{width: 1302px;margin: auto;position: relative;}
.floor_2 .swiper-container{width: 1180px;height:384px;overflow: hidden;margin: auto;}
.floor_2 .swiper-container .swiper-slide{width: 300px;height: 383px;background: #FFFFFF;border-radius: 16px;border: 1px solid rgba(255, 255, 255, 1);box-sizing: border-box;padding: 32px 0 0 24px;}
.floor_2 .swiper-container .swiper-slide span{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 24px;}
.floor_2 .swiper-container .swiper-slide span em{font-weight: bold;font-size: 24px;color: #FB1438;}
.floor_2 .swiper-container .swiper-slide p{width: 249px;font-weight: 400;font-size: 14px;color: #595959;line-height: 20px;margin-bottom: 10px;}
.floor_2 .swiper-container .swiper-slide p em{display: inline-block;width: 26px;height: 16px;background: #595959;border-radius: 2px;text-align: center;font-weight: 400;font-size: 10px;color: #FFFFFF;line-height: 16px;margin-right: 10px;vertical-align: 2px;}
.floor_2 .swiper-container .swiper-slide p b{display: inline-block;width: 26px;height: 16px;background: #FB1438;border-radius: 2px;text-align: center;font-weight: 400;font-size: 10px;color: #FFFFFF;line-height: 16px;margin-right: 10px;}
.floor_2 .swiper-container .swiper-slide img{display: block;width: 252px;height: 152px;margin-top: 18px;}
.floor_2 .swiper .swiper-button-prev::after{font-size: 0;}
.floor_2 .swiper .swiper-button-next::after{font-size: 0;}
.floor_2 .swiper .swiper-button-prev{width: 30px;height: 30px;background: url(../../images/mdt/fl2_prev.webp);background-size: 100%;position: absolute;left: 0;top: 50%;margin-top: -16px;}
.floor_2 .swiper .swiper-button-next{width: 30px;height: 30px;background: url(../../images/mdt/fl2_next.webp);background-size: 100%;position: absolute;right: 0;top: 50%;margin-top: -16px;}



.floor_3{height: auto;overflow: hidden;padding-bottom: 90px;background: #F1F6FF;}
.floor_3 .option{width:1180px;height: 48px;margin: 0 auto 48px;}
.floor_3 .option li{width: 236px;height: 48px;border-bottom: 1px solid #D9D9D9;text-align: center;font-weight: 400;font-size: 16px;color: #595959;line-height: 48px;box-sizing: border-box;}
.floor_3 .option li.on{border-bottom: 2px solid #FB1438;font-weight: bold;font-size: 16px;color: #000000;}
.floor_3 .swiper-container{width: 1180px;height: 500px;overflow: hidden;}
.floor_3 .swiper-container .swiper-slide{width: 1180px;height: 500px;background: #FFFFFF;border-radius: 8px;display: flex;box-sizing: border-box;padding-top: 50px;}
.floor_3 .swiper-container .swiper-slide img{display: block;width: 562px;height: 398px;margin-left: auto;margin-right: 60px;}
.floor_3 .swiper-container .swiper-slide .info{width: 380px;margin-left: 60px;}
.floor_3 .swiper-container .swiper-slide .info .top{display: flex;align-items: center;margin-bottom: 20px;}
.floor_3 .swiper-container .swiper-slide .info .top h5{display: block;font-weight: bold;font-size: 24px;color: #000000;}
.floor_3 .swiper-container .swiper-slide .info .top h4{display: inline-block;width: auto;height: 20px;background: #FFF0EA;border-radius: 2px;text-align: center;font-weight: 400;font-size: 12px;color: #FB1438;line-height: 20px;margin-top: 12px;box-sizing: border-box;padding: 0 4px;}
.floor_3 .swiper-container .swiper-slide .info .top h3{display: inline-block;content: "";width: 60px;height: 60px;background: url(../../images/mdt/fl3_logo.png)no-repeat;background-size: auto 60px;margin-right: 20px;}
.floor_3 .swiper-container .slide1 .info .top h3{background-position: 0 0;}
.floor_3 .swiper-container .slide2 .info .top h3{background-position: -60px 0;}
.floor_3 .swiper-container .slide3 .info .top h3{background-position: -120px 0;}
.floor_3 .swiper-container .slide4 .info .top h3{background-position: -180px 0;}
.floor_3 .swiper-container .slide5 .info .top h3{background-position: -240px 0;}
.floor_3 .swiper-container .swiper-slide .info span{display: block;font-weight: bold;font-size: 16px;color: #1F1F1F;margin-bottom: 4px;}
.floor_3 .swiper-container .swiper-slide .info b{display: block;font-weight: 400;font-size: 14px;color: #595959;line-height: 20px;margin-bottom: 16px;}
.floor_3 .swiper-container .swiper-slide .info p{display: flex;font-weight: 400;font-size: 14px;color: #595959;margin-bottom: 6px;align-items: center;}
.floor_3 .swiper-container .swiper-slide .info p em{display: block;width: 14px;height: 14px;background: url(../../images/mdt/tick.webp);background-size: 100%;margin-right: 4px;}
.floor_3 .swiper-container .swiper-slide .info dl{width: 310px;margin-top: 16px;}
.floor_3 .swiper-container .swiper-slide .info dl dd{display: block;width: auto;text-align: center;font-weight: 400;font-size: 24px;color: #FB1438;}
.floor_3 .swiper-container .swiper-slide .info dl dd em{display: block;margin: 6px auto 0;font-weight: 400;font-size: 12px;color: #595959;}
.floor_3 .swiper-container .slide2 .info dl{width: 267px;} 
.floor_3 .swiper-container .slide3 .info dl{width: 267px;} 
.floor_3 .swiper-container .swiper-slide .info dl i{display: block;width: auto;height: 28px;background: #FEF9F9;border-radius: 8px;border: 1px solid #FB1438;text-align: center;font-weight: 400;font-size: 12px;color: #FB1438;line-height: 25px;box-sizing: border-box;padding: 0 10px;}
.floor_3 .swiper-container .swiper-slide .info a{display: block;width: 135px;height: 48px;border-radius: 2px;background: #000000;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 30px;}
.floor_3 .swiper-container .swiper-slide .info a::after{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/mdt/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -3px;}



.floor_4{height: auto;overflow: hidden;padding-bottom: 90px;}
.floor_4 ul li{width: 280px;height: 355px;border-radius: 8px;position: relative;}
.floor_4 ul li img{display: block;width: 280px;height: 150px;}
.floor_4 ul li .bot{width: 280px;height: 205px;background: #DD3447;text-align: center;box-sizing: border-box;padding-top: 56px;}
.floor_4 ul li .bot span{display: block;font-weight: bold;font-size: 22px;color: #FFFFFF;margin-bottom: 16px;}
.floor_4 ul li .bot p{width: 216px;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);line-height: 22px;margin: auto;}
.floor_4 ul li i{display: block;position: absolute;top: 125px;left: 115px;width: 50px;height: 50px;background: url(../../images/mdt/fl4_ico.png)no-repeat;background-size: auto 50px;}
.floor_4 ul li:nth-child(1) i{background-position: 0 0;}
.floor_4 ul li:nth-child(2) i{background-position: -50px 0;}
.floor_4 ul li:nth-child(3) i{background-position: -100px 0;}
.floor_4 ul li:nth-child(4) i{background-position: -150px 0;}