@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:14px;vertical-align:baseline;background:transparent;font-family:"PingFang SC","Microsoft YaHei","微软雅黑"!important;}
ul li{list-style: none;}
em,i{font-style: normal;}
a{text-decoration:none;cursor:pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: 0;vertical-align: middle;}
.amt{transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.w1180{width: 1180px;margin: 0 auto;}
.width{width: 1200px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.imenu{height:80px;width:100%;background-color:#fff;z-index:2;border-bottom:1px solid #ccc;overflow: hidden;padding-bottom: 3px;}
.imenu .fl li{float:left;font-size:18px;margin-right:45px;padding-top: 40px;}
.imenu .fl li a{color:#0d0d0d;display:inline-block;height:40px;font-size: 18px;}
.imenu .fl li a:hover,.imenu .fl li .on{border-bottom: 3px solid #0096d6;color:#0096d6;}
.imenu .fr a{display:inline-block;width:110px;text-align:center;line-height:32px;color:#484848;font-size:16px;border:2px solid #f8490a;border-radius:18px;margin-top:32px;}
.imenu .fr a:hover{background:#f8490a;color:#fff;}
.imenu .re{float: right;width: 30px;height: 30px;position: relative;top: -10px;}

.banner{height: 640px;background:url(../../images/solutions/o2omd/banner.jpg) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 218px;margin-top: -129px}
.banner h5{display: block;width: 80px;height: 24px;background:url(../../images/solutions/o2omd/b_logo.png);background-size: 100%;}

.banner span{display: block;font-weight: bold;font-size: 40px;color: #000000;margin: 24px 0;}

.banner p{font-weight: 500;font-size: 24px;color: #505A75;margin-bottom: 18px;}

.banner b{display: block;font-weight: 500;font-size: 20px;color: #2154D4;}

.banner a{display: block;text-align: center;width: 181px;height: 50px;background: #3773F5;border-radius: 4px;font-weight: 500;font-size: 18px;color: #FFFFFF;line-height: 50px;margin-top: 60px;}





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

a.btn_o2omd{display: block;text-align: center;width: 230px;height: 62px;line-height: 62px;font-size: 18px;color: #fff;background: #367ff7;border-radius: 4px;margin: 50px auto 0;}

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







.floor_1{height: auto;overflow: hidden;padding-bottom:90px;}
.floor_1 ul li{width: 280px;height: 384px;background: linear-gradient(180deg, #F2F4F7 0%, #FFFFFF 100%);box-shadow: 0px 10px 44px 0px rgba(163,183,216,0.35);border-radius: 8px;border: 2px solid #FFFFFF;box-sizing: border-box;padding-top: 25px;}

.floor_1 ul li img{display: block;margin: 0 auto 20px;width: 125px;height: 120px;}
.floor_1 ul li span{display: block;font-weight: 500;font-size: 20px;color: #000000;text-align: center;}
.floor_1 ul li i{display: block;text-align: center;font-weight: 500;font-size: 16px;color: #1D52FF;margin: 10px 0 20px;}
.floor_1 ul li p{font-weight: 400;font-size: 14px;color: #313131;line-height: 24px;margin-left: 38px;}

.floor_2{height: auto;overflow: hidden;padding-bottom:90px;background: #F7F8FA;}
.floor_2 ul li{width: 380px;height: 490px;background: linear-gradient(180deg, #F2F4F7 0%, #FFFFFF 100%);box-shadow: 0px 10px 44px 0px rgba(163,183,216,0.35);border: 2px solid #FFFFFF;border-radius: 8px;box-sizing: border-box;padding: 28px 0 0 33px;}

.floor_2 ul li img{display: block;width: 310px;height: 148px;}

.floor_2 ul li h5{display: block;font-weight: bold;font-size: 24px;color: #000000;margin: 25px 0 20px;}

.floor_2 ul li span{display: block;font-weight: bold;font-size: 16px;color: #383838;}

.floor_2 ul li p{font-weight: 400;font-size: 16px;color: #383838;line-height: 28px;margin-top: 18px;}

.floor_2 ul li .btn{display: flex;margin-top: 28px;}

.floor_2 ul li .btn a{display: block;text-align: center;width: 148px;height: 50px;background: #3773F5;border-radius: 4px;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 50px;}

.floor_2 ul li .btn a:nth-child(2){margin-left: 16px;width: 138px;height: 50px;background: #FFFFFF;border-radius: 4px;border: 1px solid #BCBCBC;color: #151515;}





.floor_3{height: auto;overflow: hidden;padding-bottom:90px;}
.floor_3 img{display: block;margin: 0 auto;width: 1027px;height: 496px;}





.floor_4{height: auto;overflow: hidden;padding-bottom:90px;background: #F7F8FA;}
.floor_4 .info{margin: 0 auto;width: 1180px;height: 460px;background: #FFFFFF;border-radius: 8px;margin-bottom: 30px;display: flex;align-items: center;box-sizing: border-box;}
.floor_4 .info .box{width: 205px;height: 430px;background:url(../../images/solutions/o2omd/fl4_1.jpg);background-size: 100%;margin: 0 20px 0 15px;font-weight: 500;font-size: 30px;color: #FFFFFF;text-align: center;box-sizing: border-box;padding-top: 159px;}

.floor_4 .info_1 .box{background:url(../../images/solutions/o2omd/fl4_2.jpg);background-size: 100%;}

.floor_4 .info .box::before{display: block;margin: 0 auto 25px;content: '';width: 48px;height: 48px;background:url(../../images/solutions/o2omd/fl4_l1.png);background-size: 100%;}

.floor_4 .info_1 .box::before{background:url(../../images/solutions/o2omd/fl4_l2.png);background-size: 100%;}





.floor_4 .info ul{width: 921px;}

.floor_4 .info ul li{width: 220px;height: 205px;background: linear-gradient(180deg, #F2F4F7 0%, #FFFFFF 100%);box-shadow: 0px 10px 44px 0px rgba(163,183,216,0.35);border-radius: 8px;margin-bottom: 15px;border: 2px solid #FFFFFF;text-align: center;box-sizing: border-box;padding-top: 18px;}

.floor_4 .info ul li:nth-child(n+5){margin-bottom: 0;}

.floor_4 .info ul li img{display: block;width: 45px;height: 45px;margin: auto;}

.floor_4 .info ul li span{display: block;font-weight: bold;font-size: 18px;color: #010101;margin: 15px auto;}

.floor_4 .info ul li p{width: 168px;font-weight: 400;font-size: 14px;color: #676767;line-height: 22px;text-align: left;margin: auto;}




.floor_5{height: auto;overflow: hidden;padding-bottom: 90px;}

.floor_5 .fl5_swiper{width: 1342px;margin: auto;height: 502px;position: relative;overflow: hidden;}
.floor_5 .swiper-container{width: 1210px;height: 502px;margin: 0 auto;box-sizing: border-box;padding-top: 10px;}

.floor_5 .swiper-container .swiper-slide{width: 380px!important;height: 462px;position: relative;background: #FFFFFF;box-shadow: 0px 5px 12px 0px rgba(163,183,216,0.15);border-radius: 8px;}

.floor_5 .swiper-slide img{display: block;width: 380px;height: 160px;border-radius: 8px 8px 0 0;}

.floor_5 .swiper-slide i{display: block;width: 74px;height: 28px;background: url(../../images/solutions/o2omd/fl5_ico1.png);background-size: 100%;position: absolute;top: 0;left: 0;z-index: 2;}

.floor_5 .slide2 i{background: url(../../images/solutions/o2omd/fl5_ico2.png);background-size: 100%;}

.floor_5 .slide3 i{background: url(../../images/solutions/o2omd/fl5_ico3.png);background-size: 100%;}

.floor_5 .slide4 i{background: url(../../images/solutions/o2omd/fl5_ico4.png);background-size: 100%;}

.floor_5 .slide5 i{background: url(../../images/solutions/o2omd/fl5_ico5.png);background-size: 100%;}

.floor_5 .swiper-slide .info{border-radius: 0 0 8px 8px;width: 380px;height: 302px;background: #FFFFFF;position: absolute;top: 160px;z-index: 1;}

.floor_5 .swiper-slide .info span{display: block;width: 124px;height: 43px;background: url(../../images/solutions/o2omd/fl5_logo1.png);background-size: 100%;margin: 36px 0 0 38px;}

.floor_5 .slide2 .info span{width: 104px;height: 36px;background: url(../../images/solutions/o2omd/fl5_logo2.png);background-size: 100%;margin: 40px 0 0 38px;}

.floor_5 .slide3 .info span{width: 133px;height: 29px;background: url(../../images/solutions/o2omd/fl5_logo3.png);background-size: 100%;margin: 43px 0 0 38px;}

.floor_5 .slide4 .info span{width: 84px;height: 36px;background: url(../../images/solutions/o2omd/fl5_logo4.png);background-size: 100%;margin: 40px 0 0 38px;}

.floor_5 .slide5 .info span{width: 111px;height: 27px;background: url(../../images/solutions/o2omd/fl5_logo5.png);background-size: 100%;margin: 40px 0 0 38px;}

.floor_5 .swiper-slide .info p{font-weight: 400;font-size: 16px;color: #000000;line-height: 26px;position: absolute;top: 105px;left: 38px;}

.floor_5 .swiper-slide .info .t{display: flex;position: absolute;top: 200px;left: 38px;}

.floor_5 .swiper-slide .info .t .t1{width: 144px;height: 68px;background: #F8F8F8;border-radius: 6px;font-weight: 500;font-size: 14px;color: #6E6E6E;line-height: 24px;box-sizing: border-box;padding: 10px 0 0 16px;}

.floor_5 .swiper-slide .info .t .t1 em{font-weight: 500;font-size: 14px;color: #1D52FF;}

.floor_5 .swiper-slide .info .t .t1:nth-child(2){margin-left: 16px;}

.floor_5 .swiper-slide:hover img{opacity: 0.7;}

.floor_5 .swiper-button-prev::after{font-size: 0;}

.floor_5 .swiper-button-next::after{font-size: 0;}
.floor_5 .swiper-button-prev{width: 31px;height: 59px;background: url(../../images/solutions/o2omd/prev.png);background-size: 100%;position: absolute;left: 0px;}

.floor_5 .swiper-button-next{width: 31px;height: 59px;background: url(../../images/solutions/o2omd/next.png);background-size: 100%;position: absolute;right: 0px;}

.floor_5  a{display: block;margin-top: 30px;}




.floor_6{height: auto;overflow: hidden;padding-bottom:90px;background: #F7F8FA;}
.floor_6 img{display: block;width: 1070px;height: 173px;margin: auto;}
.floor_6 ul li{width: 25%;margin: auto;}
.floor_6 ul li span{display: block;text-align: center;font-weight: 500;font-size: 24px;color: #000000;margin-bottom: 12px;}
.floor_6 ul li p{font-weight: 400;font-size: 16px;color: #666666;line-height: 28px;text-align: center;}