@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: "PingFang SC","Helvetica","Microsoft YaHei","Tahoma","Arial","STHeiti","sans-serif" !important;color: #121212;}
body{background: #FFF;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;display: block;}
em,h1,i{font-style: normal;}
ul,li{list-style: none;}
.width{width: 1180px;margin:0 auto;}
.justify{display:flex;justify-content:space-between;flex-wrap:wrap;}


.banner{height: 500px;background: url(../../images/yoshu/mdt/banner.webp) center top no-repeat;background-size: cover;padding-top: 128px;box-sizing: border-box;}
.banner h5{display: inline-flex;align-items: center;height: 20px;background: linear-gradient(270deg, #96C3FF 0%, #5182FF 100%);border-radius: 10px 10px 0 10px;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 20px;padding: 0 10px 0 8px;margin-bottom: 18px;box-sizing: border-box;white-space: nowrap;}
.banner h5::before{content:"";display:block;width:16px;height:16px;background:url(../../images/yoshu/mdt/b_hash.webp) no-repeat;background-size:100%;margin-right:4px;flex-shrink:0;}
.banner span{display: block;font-weight: bold;font-size: 50px;color: #222222;margin-bottom: 18px;}
.banner span em{font-weight: bold;font-size: 50px;background: linear-gradient(90deg, #10AEFF 0%, #6467F0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner p{font-weight: 400;font-size: 20px;color: #333333;line-height: 32px;}
.banner a{display: block;text-align: center;width: 200px;height: 50px;background: linear-gradient(90deg, #005EF4 0%, #4D9AFF 100%);border-radius: 100px;font-weight: bold;font-size: 18px;color: #ffffff;line-height: 50px;margin-top: 40px;}
.banner a::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../../images/yoshu/mdt/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -2px;}

.content .s_top{display: flex;justify-content: space-between;box-sizing: border-box;padding: 30px 35px;}
.content .s_top em,.content .s_top a{display: block;width: 158px;height: 48px;line-height: 48px;border: 1px solid #e6e6e6;border-radius: 25px;background-color: #f8faff;font-size: 16px;color: #555;text-align:center;}
.content .s_top a{text-align: center;}

.content .tit{text-align: center;padding: 80px 0 48px;}
.content .tit p{font-weight: bold;font-size: 38px;color: #000;line-height: 46px;}
.content .tit p em{font-weight: bold;font-size: 38px;background: linear-gradient(90deg, #10AEFF 0%, #6467F0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.content .tit span{display: block;font-weight: 400;font-size: 20px;color: #595959;line-height: 28px;margin-top: 16px;}

.content .fl_1{overflow: visible;padding-bottom: 80px;}
.content .fl_1 .width{position: relative;}
.content .fl_1 .tabs{display: flex;justify-content: space-between;margin-bottom: 32px;}
.content .fl_1 .tabs li{width: 236px;height: 48px;border-bottom: 1px solid #D9D9D9;border-radius: 0;box-sizing: border-box;text-align: center;line-height: 46px;font-weight: 400;font-size: 16px;color: #595959;cursor: pointer;background: #FFF;}
.content .fl_1 .tabs li.on{border-bottom: 2px solid #0077FF;line-height: 44px;font-weight: 500;color: #000;}
.content .fl_1 .swiper-container{width: 1180px;height: 680px;border-radius: 6px;overflow: hidden;}
.content .fl_1 .swiper-slide{display: flex;height: 680px;}
.content .fl_1 .swiper-slide .info{width: 735px;height: 680px;overflow: hidden;border-radius: 6px 0 0 6px;}
.content .fl_1 .swiper-slide .info .top{height: 150px;background: #0077FF;border-radius: 6px 0 0 0;box-sizing: border-box;padding: 24px 94px 0;}
.content .fl_1 .swiper-slide .info .top b{display: block;font-weight: 500;font-size: 30px;color: #FFFFFF;line-height: 38px;margin-bottom: 8px;}
.content .fl_1 .swiper-slide .info .top span{display: block;width: 547px;font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 28px;}
.content .fl_1 .swiper-slide .info .bot{height: 530px;background: #191919;border-radius: 0 0 0 6px;box-sizing: border-box;padding: 44px 80px 0;}
.content .fl_1 .swiper-slide .info .bot > p{font-weight: 500;font-size: 24px;color: #FFFFFF;line-height: 36px;margin-bottom: 24px;}
.content .fl_1 .swiper-slide .info .bot ul li{margin-bottom: 30px;padding-left: 28px;position: relative;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 22px;}
.content .fl_1 .swiper-slide .info .bot ul li:last-child{margin-bottom: 0;}
.content .fl_1 .swiper-slide .info .bot ul li::before{content:"";position:absolute;left:0;top:5px;width:15px;height:15px;background:url(../../images/yoshu/mdt/arrow2.webp) no-repeat;background-size:100%;}
.content .fl_1 .swiper-slide .info .bot ul li em{display: block;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 24px;margin-bottom: 4px;}
.content .fl_1 .swiper-slide .info .bot a{display: block;width: 136px;height: 48px;border: 1px solid #FFFFFF;border-radius: 4px;box-sizing: border-box;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 46px;margin-top: 40px;}
.content .fl_1 .swiper-slide .info .bot a::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../../images/yoshu/mdt/arrow1.webp) no-repeat;background-size: 100%;margin-left: 8px;vertical-align: -3px;}
.content .fl_1 .swiper-slide img{display: block;width: 445px;height: 680px;object-fit: cover;border-radius: 0 6px 6px 0;}

.content .fl_2{overflow: visible;padding-bottom: 80px;background: url(../../images/yoshu/mdt/fl2_bg.webp) center top no-repeat;background-size: cover;}
.content .fl_2 .width{position: relative;}
.content .fl_2 .swiper-container{width: 1180px;padding-bottom: 10px;}
.content .fl_2 .swiper-slide{position: relative;display: flex;flex-direction: column;width: 280px;height: 420px;background: #FFFFFF;border-radius: 12px;box-shadow: 0 8px 24px rgba(0,80,180,0.08);box-sizing: border-box;padding: 24px 20px 176px;overflow: hidden;}
.content .fl_2 .swiper-slide > span{display: block;font-weight: bold;font-size: 22px;color: #0077FF;margin-bottom: 20px;}
.content .fl_2 .swiper-slide .txt .row{display: flex;margin-bottom: 10px;}
.content .fl_2 .swiper-slide .txt .row i{display: block;flex-shrink: 0;width: 26px;height: 16px;background: #595959;border-radius: 2px;font-weight: 400;font-size: 10px;color: #FFFFFF;text-align: center;line-height: 16px;margin: 3px 10px 0 0;}
.content .fl_2 .swiper-slide .txt .row:last-child{margin-bottom: 0;}
.content .fl_2 .swiper-slide .txt .row:last-child i{background: #0077FF;}
.content .fl_2 .swiper-slide .txt .row p{flex: 1;min-width: 0;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;}
.content .fl_2 .swiper-slide .txt .row:first-child p{min-height: 40px;}
.content .fl_2 .swiper-slide img{position: absolute;left: 14px;bottom: 24px;display: block;width: 252px;height: 152px;border-radius: 8px;object-fit: cover;margin: 0;}
.content .fl_2 .swiper-button-prev,.content .fl_2 .swiper-button-next{position: absolute;top: 50%;width: 30px;height: 30px;margin-top: -15px;z-index: 10;cursor: pointer;background: none;}
.content .fl_2 .swiper-button-prev{left: -50px;}
.content .fl_2 .swiper-button-next{right: -50px;}
.content .fl_2 .swiper-button-prev img,.content .fl_2 .swiper-button-next img{display: block;width: 30px;height: 30px;}
.content .fl_2 .swiper-button-prev::after,.content .fl_2 .swiper-button-next::after{display: none;content: none;}

.content .fl_3{overflow: visible;padding-bottom: 80px;background: #F7FBFF;}
.content .fl_3 .width{position: relative;}
.content .fl_3 .tabs{display: flex;justify-content: space-between;margin-bottom: 48px;}
.content .fl_3 .tabs li{width: 236px;height: 48px;border-bottom: 1px solid #D9D9D9;border-radius: 0;box-sizing: border-box;text-align: center;line-height: 46px;font-weight: 400;font-size: 16px;color: #595959;cursor: pointer;background: #FFF;}
.content .fl_3 .tabs li.on{border-bottom: 2px solid #0077FF;line-height: 44px;font-weight: 400;color: #000;}
.content .fl_3 .swiper-container{width: 1180px;height: 500px;background: #FFFFFF;border-radius: 8px;overflow: hidden;box-shadow: 8px 8px 20px 0 rgba(55,99,170,0.1);}
.content .fl_3 .swiper-slide{display: flex;align-items: flex-start;height: 500px;}
.content .fl_3 .swiper-slide .info{width: 490px;height: 500px;box-sizing: border-box;padding: 51px 40px 0 60px;}
.content .fl_3 .swiper-slide .info .hd{display: flex;align-items: flex-start;margin-bottom: 24px;}
.content .fl_3 .swiper-slide .info .hd i{display: block;width: 60px;height: 60px;background: url(../../images/yoshu/mdt/fl3_logo.png) no-repeat;background-size: auto 60px;margin-right: 16px;flex-shrink: 0;border-radius: 50%;}
.content .fl_3 .swiper-slide:nth-child(1) .info .hd i{background-position: 0 0;}
.content .fl_3 .swiper-slide:nth-child(2) .info .hd i{background-position: -60px 0;}
.content .fl_3 .swiper-slide:nth-child(3) .info .hd i{background-position: -120px 0;}
.content .fl_3 .swiper-slide:nth-child(4) .info .hd i{background-position: -180px 0;}
.content .fl_3 .swiper-slide:nth-child(5) .info .hd i{background-position: -240px 0;}
.content .fl_3 .swiper-slide .info .hd span{display: block;font-weight: 500;font-size: 24px;color: #000;line-height: 27px;}
.content .fl_3 .swiper-slide .info .hd em{display: inline-block;height: 20px;background: #E6F2FF;border-radius: 2px;font-weight: 400;font-size: 12px;color: #0077FF;line-height: 20px;padding: 0 4px;margin-top: 12px;}
.content .fl_3 .swiper-slide .info .lab{font-weight: bold;font-size: 16px;color: #1F1F1F;line-height: 24px;margin-bottom: 4px;}
.content .fl_3 .swiper-slide .info .desc{font-weight: 400;font-size: 14px;color: #595959;line-height: 24px;margin-bottom: 16px;}
.content .fl_3 .swiper-slide .info ul{margin-bottom: 24px;}
.content .fl_3 .swiper-slide .info ul li{font-weight: 400;font-size: 14px;color: #595959;line-height: 15px;padding-left: 22px;position: relative;margin-bottom: 7px;}
.content .fl_3 .swiper-slide .info ul li:last-child{margin-bottom: 0;}
.content .fl_3 .swiper-slide .info ul li::before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;background:url(../../images/yoshu/mdt/tick.webp) no-repeat;background-size:100%;}
.content .fl_3 .swiper-slide .info .num{display: flex;margin-bottom: 30px;}
.content .fl_3 .swiper-slide .info .num div{width: auto;height: auto;background: none;border-radius: 0;margin-right: 50px;padding: 0;text-align: left;}
.content .fl_3 .swiper-slide .info .num div:last-child{margin-right: 0;}
.content .fl_3 .swiper-slide .info .num div b{display: block;font-weight: 400;font-size: 24px;color: #0077FF;line-height: 24px;}
.content .fl_3 .swiper-slide .info .num div em{display: block;font-weight: 400;font-size: 12px;color: #595959;line-height: 12px;margin-top: 6px;}
.content .fl_3 .swiper-slide .info .num.tags span{display: inline-block;height: 28px;background: #E6F2FF;border: 1px solid #5CA8FF;border-radius: 8px;box-sizing: border-box;font-weight: 400;font-size: 12px;color: #0077FF;line-height: 26px;padding: 0 10px;margin-right: 20px;}
.content .fl_3 .swiper-slide .info .num.tags span:last-child{margin-right: 0;}
.content .fl_3 .swiper-slide .info > a{display: block;width: 136px;height: 48px;background: #0077FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
.content .fl_3 .swiper-slide .info > a::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../../images/yoshu/mdt/arrow1.webp) no-repeat;background-size: 100%;margin-left: 8px;vertical-align: -3px;}
.content .fl_3 .swiper-slide > img{display: block;width: 562px;height: 398px;object-fit: cover;margin: 51px 60px 0 0;}

.content .fl_4{overflow: hidden;padding-bottom: 80px;}
.content .fl_4 ul li{width: 280px;background: #0077FF;box-sizing: border-box;padding-bottom: 40px;text-align: center;overflow: hidden;}
.content .fl_4 ul li img{display: block;width: 280px;height: 150px;object-fit: cover;}
.content .fl_4 ul li i{display: block;width: 50px;height: 50px;background: url(../../images/yoshu/mdt/fl4_ico.png) no-repeat;background-size: auto 50px;margin: -25px auto 20px;position: relative;z-index: 1;border-radius: 50%;}
.content .fl_4 ul li:nth-child(1) i{background-position: 0 0;}
.content .fl_4 ul li:nth-child(2) i{background-position: -50px 0;}
.content .fl_4 ul li:nth-child(3) i{background-position: -100px 0;}
.content .fl_4 ul li:nth-child(4) i{background-position: -150px 0;}
.content .fl_4 ul li span{display: block;font-weight: 400;font-size: 22px;color: #FFFFFF;line-height: 28px;margin-bottom: 16px;}
.content .fl_4 ul li p{width: 216px;margin: 0 auto;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);line-height: 22px;text-align: center;}
.content .fl_4 a.btn{display: block;width: 168px;height: 48px;background: #0077FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin: 48px auto 0;}
.content .fl_4 a.btn::before{display: inline-block;content: '';width: 16px;height: 16px;background: url(../../images/yoshu/mdt/arrow3.webp) no-repeat;background-size: 100%;margin-right: 8px;vertical-align: -3px;}