@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","微软雅黑";color: #000000;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,i{font-style: normal;}
ul li{list-style: none;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

a.btn_o2o{display: block;width: 245px;height: 47px;background: #0949DA;border-radius: 24px;text-align: center;font-weight: 500;font-size: 18px;color: #FFFFFF;line-height: 47px;margin: 50px auto 0;}


.title {text-align: center;padding: 90px 0 50px;}
.title span{font-weight: 500;font-size: 36px;color: #000000;display: block;}

.banner{height: 430px;background: url(../../images/o2o/banner.jpg)top center no-repeat;background-size: cover;padding-top: 90px;box-sizing: border-box;}
.banner span{display: block;font-weight: bold;font-size: 50px;color: #000000;}
.banner p{font-weight: 500;font-size: 25px;color: #000000;margin: 25px 0 18px;}
.banner b{display: block;font-weight: 500;font-size: 20px;color: #6D6D6D;}
.banner a{display: block;text-align: center;width: 189px;height: 61px;background: #2D5EFF;border-radius: 31px;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 61px;margin-top: 48px;}


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

.fl_1 .width{width: 1180px;height: 417px;background: linear-gradient(180deg, #F3F7FF 0%, #FFFFFF 100%);box-shadow: 0px 3px 14px 1px rgba(195,195,195,0.36);border-radius: 12px;box-sizing: border-box;border: 2px solid #FFFFFF;}

.fl_1 .width .fl{margin-top: 60px;margin-left: 56px;}

.fl_1 .width .fl p{width: 503px;font-weight: 500;font-size: 18px;color: #494949;line-height: 36px;}

.fl_1 .width .fl span{display: block;font-weight: bold;font-size: 20px;color: #366BFF;margin: 35px 0 40px;}

.fl_1 .width .fl a{display: block;text-align: center;width: 205px;height: 47px;background: #0949DA;border-radius: 24px;font-weight: 500;font-size: 18px;color: #FFFFFF;line-height: 47px;}

.fl_1 .width .fr img{display: block;width: 490px;height: 308px;margin-right: 40px;margin-top: 55px;}



.fl_2{height: auto;overflow: hidden;background: url(../../images/o2o/fl2_bg.png)top center no-repeat;background-size: cover;padding-bottom: 90px;}
.fl_2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.fl_2 ul li{width: 220px;height: 301px;background: linear-gradient(180deg, #F3F7FF 0%, #FFFFFF 100%);box-shadow: 0px 3px 14px 1px rgba(203,209,226,0.36);border-radius: 12px;box-sizing: border-box;border: 2px solid #FFFFFF;}

.fl_2 ul li span{display: block;text-align: center;font-weight: bold;font-size: 20px;color: #366BFF;}

.fl_2 ul li span::before{display: block;margin: 32px auto 24px;content: '';width: 60px;height: 59px;background: url(../../images/o2o/fl2_ico1.png);background-size: 100%;}

.fl_2 ul li:nth-child(2) span::before{background: url(../../images/o2o/fl2_ico2.png);background-size: 100%;}

.fl_2 ul li:nth-child(3) span::before{background: url(../../images/o2o/fl2_ico3.png);background-size: 100%;}

.fl_2 ul li:nth-child(4) span::before{background: url(../../images/o2o/fl2_ico4.png);background-size: 100%;}

.fl_2 ul li:nth-child(5) span::before{background: url(../../images/o2o/fl2_ico5.png);background-size: 100%;}

.fl_2 ul li b{display: block;text-align: center;font-weight: bold;font-size: 16px;color: #4A4A4A;margin: 13px 0 23px;}

.fl_2 ul li p{font-weight: 400;font-size: 16px;color: #787878;line-height: 26px;margin: auto;margin-left: 18px;}
.fl_2 ul li:nth-child(2) p{margin-left: 21px;}

.fl_2 ul li:nth-child(3) p{margin-left: 21px;}

.fl_2 ul li:nth-child(4) p{margin-left: 20px;}

.fl_2 ul li:nth-child(5) p{margin-left: 27px;}

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

.fl_3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.fl_3 ul li{width: 280px;height: 112px;background: linear-gradient(0deg, #F3F7FF 0%, #FFFFFF 100%);box-shadow: 0px 3px 8px 2px rgba(159,166,203,0.35);border-radius: 6px;box-sizing: border-box;border: 2px solid #FFFFFF;padding: 20px 0 0 28px;margin-bottom: 30px;}
.fl_3 ul li span{display: block;font-weight: bold;font-size: 16px;color: #000000;}

.fl_3 ul li p{font-weight: 500;font-size: 13px;color: #878788;line-height: 19px;margin-top: 12px;}

.fl_3 a{margin-top: 20px;}


.fl_4{height: auto;overflow: hidden;background: #F9F9F9;padding-bottom: 90px;}

.fl_4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.fl_4 ul li{width: 373px;height: 315px;background: #FFFFFF;box-shadow: 0px 3px 14px 1px rgba(195,195,195,0.36);border-radius: 12px;}
.fl_4 ul li span{display: block;text-align: center;font-weight: bold;font-size: 16px;color: #000000;}

.fl_4 ul li span::before{display: block;margin: 50px auto 40px;content: '';width: 145px;height: 47px;background: url(../../images/o2o/fl4_1.png);background-size: 100%;}

.fl_4 ul li:nth-child(2) span::before{width: 150px;height: 52px;background: url(../../images/o2o/fl4_2.png);background-size: 100%;}

.fl_4 ul li:nth-child(3) span::before{width: 153px;height: 46px;background: url(../../images/o2o/fl4_3.png);background-size: 100%;}

.fl_4 ul li p{font-weight: 500;font-size: 16px;color: #757575;line-height: 24px;margin: 20px 0 28px 35px;}

.fl_4 ul li b{display: block;text-align: center;font-weight: 500;font-size: 16px;color: #366BFF;}