@charset "utf-8";
*{margin:0;padding:0;border:0;background:transparent;font-family:"PingFang SC","Microsoft YaHei","微软雅黑","宋体";}
body{position: relative;}
ul,li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.w1180{width: 1180px;margin: 0 auto;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.title_1{text-align: center;padding: 100px 0 48px;}
.title_1 span{color: #000000;font-size: 36px;display: block;font-weight: bold;}
.title_1 p{font-weight: 400;font-size: 18px;color: #505050;padding-top: 20px;}



a.btn_md{display: block;width: 243px;height: 53px;background: #265DEA;border-radius: 8px;text-align: center;font-weight: 500;font-size: 18px;color: #FFFFFF;line-height: 53px;margin: 50px auto 0;}

.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}

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



.floor_1{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_1 ul li{width: 366px;height: 297px;}
.floor_1 ul li .tit{font-weight: bold;font-size: 18px;color: #3962FF;text-align: center;}
.floor_1 ul li .tit i{display: block;width: 109px;height: 42px;background:url(../images/o2omd/fl1_1.png);background-size: 100%;margin: -10px auto 20px;}

.floor_1 ul li .tex p{width: 366px;height: 56px;background: linear-gradient(0deg, #E0EFFF 0%, rgba(255,255,255,0) 100%);border-radius: 6px;border: 1px solid #C9D4FA;margin-bottom: 20px;font-weight: 500;font-size: 18px;color: #3962FF;line-height: 56px;}
.floor_1 ul li .tex p:nth-child(3){line-height: 25px;height: 64px;padding-top: 13px;text-align: left;}

.floor_1 ul li .tex p em{display: inline-block;width: 21px;height: 21px;background:url(../images/o2omd/fl1_ico1.png);background-size: 100%;margin-right: 10px;vertical-align: -4px;margin-left: 30px;}

.floor_1 ul li .tex p:nth-child(2) em{background:url(../images/o2omd/fl1_ico2.png);background-size: 100%;}

.floor_1 ul li .tex p:nth-child(3) em{background:url(../images/o2omd/fl1_ico3.png);background-size: 100%;}
.floor_1 ul li a{display: block;width: 160px;height: 46px;border-radius: 6px;line-height: 46px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;background: #5191fb;margin: 28px auto 0;}

.floor_2{height: auto;overflow: hidden;padding-bottom: 100px;background: #F6FBFF;}
.floor_2 ul li{width: 365px;height: 317px;background: linear-gradient(0deg, #EEF5FF 0%, #FFFFFF 100%);box-shadow: 0px 3px 28px 2px rgba(214,219,236,0.6);border-radius: 16px;box-sizing: border-box;padding: 31px 0 0 33px;}
.floor_2 ul li .t{font-weight: bold;font-size: 22px;color: #405AFF;margin-bottom: 25px;}

.floor_2 ul li .t::before{display: inline-block;content: '';width: 34px;height: 30px;background:url(../images/o2omd/fl2_ico1.png);background-size: 100%;margin-right: 13px;vertical-align: -8px;}

.floor_2 ul li:nth-child(2) .t::before{background:url(../images/o2omd/fl2_ico2.png);background-size: 100%;}

.floor_2 ul li:nth-child(3) .t::before{background:url(../images/o2omd/fl2_ico3.png);background-size: 100%;}
.floor_2 ul li .tex p{font-weight: 500;font-size: 16px;color: #505050;line-height:26px;margin-bottom: 14px;}

.floor_2 ul li .tex p::before{display: inline-block;content: '';width: 14px;height: 9px;background:url(../images/o2omd/tick.png);background-size: 100%;margin-right: 10px;vertical-align: 3px;}
.floor_2 ul li a{display: block;width: 127px;height: 45px;line-height: 45px;font-size: 16px;margin-left: 80px;margin-top: 30px;}


.floor_3{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_3 img{display: block;margin: 0 auto;width: 1217px;height: 770px;}
.floor_3 a{margin-top: 28px;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 100px;background: #F6FBFF;}
.floor_4 .fl img{display: block;width: 581px;height: 571px;}

.floor_4 .fr{width: 510px;text-align: left;margin-right: 20px;}

.floor_4 h5{display: block;width: 307px;height: 53px;background:url(../images/o2omd/fl4_bg1.png);background-size: 100%;text-align: center;font-weight: 500;font-size: 28px;color: #FFFFFF;line-height: 53px;margin-bottom: 2px;}

.floor_4 span{display: block;font-weight: bold;font-size: 24px;color: #000000;margin: 28px 0 15px;}
.floor_4 p{font-weight: 400;font-size: 18px;color: #656565;margin-bottom: 10px;}

.floor_4 p::before{display: inline-block;content: '';width: 14px;height: 9px;background:url(../images/o2omd/tick.png);background-size: 100%;margin-right: 10px;vertical-align: 3px;}
.floor_4 .title_1 span{color: #000000;font-size: 36px;display: block;font-weight: bold;}

.fl4_t2{height: auto;overflow: hidden;padding: 100px 0;background: #FFFFFF;}

.fl4_t2 .fr img{display: block;width: 602px;height: 522px;}

.fl4_t2 h5{width: 332px;background:url(../images/o2omd/fl4_bg2.png);background-size: 100%;}

.fl4_t3{height: auto;overflow: hidden;padding: 88px 0 100px;background: #F6FBFF;}

.fl4_t3 .fl img{display: block;width: 614px;height: 608px;}

.fl4_t3 h5{width: 307px;height: 53px;background: linear-gradient(90deg, #427CFF 0%, #A9C7FF 100%);border-radius: 8px;}

.fl4_t3 .fr{width: 465px;text-align: left;margin-right: 60px;}

.fl4_t3 .fr p{margin-bottom: 12px;}

.fl4_t3 .fr span{margin-bottom: 12px;margin-bottom: 18px;}






.floor_5{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_5 ul li{width: 280px;height: 174px;background:url(../images/o2omd/fl5_1.png);background-size: 100%;box-sizing: border-box;position: relative;}
.floor_5 ul li:nth-child(2){background: url(../images/o2omd/fl5_2.png);background-size: 100%;}
.floor_5 ul li:nth-child(3){background: url(../images/o2omd/fl5_3.png);background-size: 100%;}
.floor_5 ul li:nth-child(4){background: url(../images/o2omd/fl5_4.png);background-size: 100%;}
.floor_5 ul li span{display: block;font-weight: 500;font-size: 22px;color: #FFFFFF;text-align: center;padding-top: 85px;}
.floor_5 ul li p{text-align: center;font-weight: 500;font-size: 14px;color: #FFFFFF;margin-top: 10px;}
.floor_5 ul li h4{display: block;position: absolute;top: 28px;left: 91px;width: 98px;height: 33px;background: url(../images/o2omd/fl5_ico1.png);background-size: 100%;}

.floor_5 ul li:nth-child(2) h4{top: 34px;left: 79px;width: 121px;height: 26px;background: url(../images/o2omd/fl5_ico2.png);background-size: 100%;}

.floor_5 ul li:nth-child(3) h4{top: 34px;left: 90px;width: 100px;height: 26px;background: url(../images/o2omd/fl5_ico3.png);background-size: 100%;}

.floor_5 ul li:nth-child(4) h4{top: 32px;left: 101px;width: 77px;height: 30px;background: url(../images/o2omd/fl5_ico4.png);background-size: 100%;}




.floor_6{height: 263px;overflow: hidden;background:url(../images/o2omd/fl6_bg.png) center top no-repeat;background-size: cover;box-sizing: border-box;}
.floor_6 span{display: block;text-align: center;font-size: 36px;color: #FFFFFF;font-weight: bold;padding: 40px 0 14px;}
.floor_6 p{font-size: 18px;text-align: center;color: #fff;font-weight: 400;}
.floor_6 .bot{text-align: center;margin-top: 40px;}
.floor_6 .bot a{display: inline-block;width: 148px;height: 53px;line-height: 53px;background: #FFFFFF;text-align: center;font-size: 18px;color: #265DEA;font-weight: bold;border-radius: 8px;}
.floor_6 .bot a:last-child{background: none;border: 1px solid #FFFFFF;color: #FFFFFF;margin-left: 27px;}